/* | GENERIC STYLES USED WITH DEFAULT STANDARD SHEET | */
body {
	color: black;
}
#article a {
    line-height:0 !important;
}
#article p.links {
    margin-top: 10px;
}
#article h4 {
    line-height: 0 !important;
    margin-top: 20px !important;
}
h1.qs				{font-size: 1.25em !important;}	
h2.qs				{background: none !important;}
h2.qs-login 		{background:transparent url('/form/qualityStandards/images/h2-blue.gif') left top no-repeat; width:183px;}
h2.qs-register 		{background:transparent url('/form/qualityStandards/images/h2-red.gif') left top no-repeat; width:183px;}
.inner-top 			{font-size:.88em !important; line-height:1.2em; padding:12px; min-height:100px; height:auto !important; height:auto; background:url('/form/qualityStandards/images/inner-bg.gif') repeat-y center top; overflow:hidden}
.inner-footer 		{height:10px; background:url('/form/qualityStandards/images/inner-bg.gif') no-repeat center bottom; margin-bottom: 10px; margin-top: 0px !important; margin-top: -5px;}
.inner-top #title 	{padding:11px; background-color:#F0F6F6}
.inner-top #article {padding:10px}
.inner-top h1 		{font-size:1.7em; margin:0; color:#333}
.inner-top h2 		{color:#B4235A; margin:0 0 3px; padding:0; font-size:1.1em; background:url('/form/qualityStandards/images/dot-line.gif') repeat-x center bottom}
.inner-top h3 		{font-size:1em; margin:0 0 3px; padding:0; color:#000}
.inner-top a, 
.inner-top a:focus, 
.inner-top a:active {color:#197ED6 !important}
.inner-top a:hover 	{color:#B4235A !important}
/* | /GENERIC STYLES USED WITH DEFAULT CSS | */

h2.qs-help-tab 		
	{
	background:transparent url('/form/qualityStandards/images/h2-grey.gif') right top no-repeat;
	text-align: right;
	font-size: 0.625em;
	margin: -26px 10px 0px 0px;
	padding-top: 2px;
	padding-right: 10px;
	height: 24px;
	line-height: 2em;
	color: #ffffff;
	font-weight: normal;
	}

h2.qs-help-tab a
	{
	color: #197ed6;
	}	

#menu li.qs-user a
	{
	font-size: 0.875em;
	width: 215px;
	text-align: right !important;
	}

#menu li.qs-logout a
	{
	font-size: 0.875em;
	padding: 8px 15px 0px 15px !important;
	margin: 0px -1px 0px 0px !important;
	border: none !important;
	}	

.qs-logged-in
	{
	color: #a70240 !important;
	}

.qs-top-container
	{
	background-image: url(/form/qualityStandards/images/qs-top-container);
	background-repeat: no repeat;
	height: 0px;
	width: 740px;
	padding: 0px 10px 10px 10px;
	}

.qs-bottom-container
	{
	background-image: url(/form/qualityStandards/images/qs-bottom-container);
	background-repeat: no repeat;
	height: 0px;
	width: 740px;
	padding: 0px 10px 10px 10px;
	}

.qs-panel-container
	{
	float: left;
	width: 251px;
	margin: 0px 10px 0px 0px;
	}

.qs-panel-small
	{
	background-image: url(/form/qualityStandards/images/qs-panel-small-bg.gif);
	background-repeat: no-repeat;
	font-size: .75em;
	height: 198px;
	width: 211px;
	margin: 0px 4px 0px 0px !important;
	margin: 0px 0px 0px 0px;
	padding: 30px 20px 0px 20px;
	}

.qs-panel-small label
	{
	font-size: 1.0em;
	display:block;
	margin: 10px 0px 2px 0px;
	}	

.qs-panel-small input
	{
	float: none;
	clear: left;
	width: 201px;
	font-size: 0.875em;
	}	

.qs-panel-xsmall
	{
	background-image: url(/form/qualityStandards/images/qs-panel-xsmall.gif);
	background-repeat: no-repeat;
	font-size: .75em;
	float: left;
	height: 198px;
	width: 198px;
	margin: 26px 0px 0px 0px;
	padding: 30px 20px 0px 20px;
	}

.qs-help-snippet
	{
	background-image: url(/form/qualityStandards/images/qs-help-snippet.gif);
	background-repeat: no-repeat;
	font-size: .75em;
	float: right;
	width: 117px;
	height: 129px;
	padding: 5px 20px 20px 15px;
	margin: 10px 0px 10px 45px;
	}

form.register
	{
	float: left;
	width: 730px;
	margin: 0px 0px 0px -10px;
	padding: 0px 0px 0px 10px;
	}


label.qs
	{
	float: left;
	clear: left;
	display: block;
	font-size: 0.875em;
	font-weight: bold;
	width: 180px;
	margin: 0px 30px 5px -10px;
	padding: 0px 0px 0px 10px;
	}	

input.qs
	{
	float: left;
	margin: 0px 150px 10px 0px;
	width: 250px;
	}

select.qs
	{
	float: left;
	margin: 0px 0px 10px 0px;
	width: 255px;
	}

.footer-button, .header-button
	{
	float: none;
	width: 740px;
	}
.header-button{
    height:26px;
    margin-bottom: 20px;
}

input.qs-button-small, input.qs-button-small:hover,
input.qs-button, input.qs-button:hover,
input.qs-button-medium, input.qs-button-medium:hover,
input.qs-button-large, input.qs-button-large:hover
	{
	background-color: transparent;
	background-repeat: no-repeat; /* THIS MAY KILL THE ONCLICK*/
	border: none;
	float: right;
	text-align: left;
	font-weight: bold;
	font-size: 10px;
	cursor:pointer;
	height: 26px;
	padding: 4px 0px 5px 10px !important;
	padding: 0px 0px 0px 10px;
	margin: 10px 0px 0px 0px;
	}

input.qs-button-small, input.qs-button-small:hover		{background-image: url(/form/qualityStandards/images/qs-button-small.png);width: 69px;}
input.qs-button, input.qs-button:hover					{background-image: url(/form/qualityStandards/images/qs-button.png);width: 98px;}
input.qs-button-medium, input.qs-button-medium:hover	{background-image: url(/form/qualityStandards/images/qs-button-medium.png);width: 84px;}
input.qs-button-large, input.qs-button-large:hover		{background-image: url(/form/qualityStandards/images/qs-button-large.png);width: 150px;}

input.register-qs-button, input.register-qs-button:hover {
    margin: 4px 0;
}
	

.error-banner,.errorEmail,.errorTitle,.errorFirstname,.errorSurname,.errorSportscollege,
.errorSchoolname,.errorRole,.errorPassword,.errorScreenname
	{
	background-image:url(/form/qualityStandards/images/error-banner.gif);
	background-repeat: no-repeat;
	display: block;
	color: #ffffff;
	font-weight: bold;
        font-size: .75em !important;
	text-align: right;
	float: none;
	clear: left;
	height: 31px;
	width: 275px;
	padding: 4px 5px 0px 0px;
	margin: 10px 0px 5px 165px;
	}	

.highlight-dark, .highlight-light
	{
	clear: left;
	float: left;
	width: 726px;
	margin: 0px 0px 0px -10px !important;
	margin: 0px 0px 0px -2px;
	padding: 10px 0px 5px 10px !important;
	padding: 10px 0px 0px 5px;
	}

.highlight-dark		{background-color: #D3DCE1}
.highlight-light 	{background-color: #F1F4F5}

.highlight-dark label, .highlight-light label
	{
	margin: 0px 0px 0px 0px;
	}

/* | TABLE LAYOUT FOR QS FORM | */

table.qs, table.review-header, 
table.summary, table.status,
table.general, table.light-general,
table.update-levels
	{
	width: 740px;
	font-size: 0.875em;
	margin: 5px 0px 5px 0px;
	}	

table.qs td, 
table.review-header td,
table.status td,
table.general td,
table.light-general td,
table.update-levels td
	{
	vertical-align: top;
	}	

table.qs th h3, 
table.review-header th h3,
table.status th h3,
table.general th h3,
table.light-general th h3
	{	
	font-size: 1.125em;
	}

table.qs td textarea, 
table.review-header td textarea, 
table.status td textarea, 
table.general td textarea, 
table.light-general td textarea
	{
	border-left: 2px solid #7a7a7a;
	border-top: 2px solid #7a7a7a;
	width: 715px;
	margin: 5px 0px 0px 0px;
	}

table.qs td select, 
table.review-header td select, 
table.status td select,  
table.light-general td select,
table.update-levels select
	{
	float: left;
	width: 200px;
	}	
table.general td select { width: 400px; }
table.status td, table.status th,
table.update-levels td,
table.general td.rev-date, table.general td.rev-action, table.general td.rev-result,
table.general th.rev-date, table.general th.rev-action, table.general th.rev-result
	{
	border-bottom: 1px solid #ffffff;
	}

table.qs th.prompt, table td.prompt, 
table.qs th.level, table.qs th.open, 
table.status td.content, table.status th,
table.status td.edit,
table td.open, table.update-levels td.level,
table.general td.rev-date, table.general td.rev-action, table.general td.rev-result,
table.general th.rev-date, table.general th.rev-action, table.general th.rev-result
	{
	border-left: 1px solid #ffffff;
	}

table.qs th, 
table.review-header th,
table.summary th,
table.status th,
table.general th,
table.light-general th,
table.update-levels th,
table.general th
	{
	text-align: left;
	font-weight: bold;
	}
	
table.qs td, table.qs th, 
table.review-header th, table.review-header td,
table.summary th, table.summary td,
table.status th, table.status td,
table.update-levels td, table.update-levels th
	{
	vertical-align: top;
	padding: 10px 10px 10px 10px;
	}	

table.general th, table.light-general th
	{
	vertical-align: top;
	padding: 10px 10px 0px 10px;
	}			

table.general td, table.light-general td
	{
	vertical-align: top;
	padding: 5px 10px 10px 10px;
	}

table.general td ul, table.light-general td ul
	{
	list-style:url(/form/qualityStandards/images/qs-bullet.png) inside;
	}	
	

table.status td.content				{width: 189px;}

table.status td.button, 
table.update-levels td.button		{width: 27px;}
table.update-levels th				{width: 740px;}
table.update-levels td.level		{width: 481px; vertical-align:middle;}	
table.update-levels td.content		{width: 183.5px;}

table.qs th.feature					{width: 226px;}
table.qs th.feature-sub				{width: 216px;} /*this should always be 10px less than above other 10px below*/
table.qs th.prompt, table td.prompt	{width: 290px;}	
table.qs th.level, table td.level	{width: 149px;}
table.qs th.open, table td.open		{width: 72px;}

/*table.general td					{width: 100%}*/
table.general th.rev-date			{width: 98px}
table.general td.rev-date			{width: 100px}
table.general th.rev-action			{width: 499px}
table.general td.rev-action			{width: 500px}
table.general th.rev-result			{width: 139px}
table.general td.rev-result			{width: 140px}
table.summary td.wide, table.general td.wide {width: 100%}

									
table td.pad-orange, table td.pad-pink, table td.pad-yellow, table td.pad-green, table td.pad-light-blue,  table td.pad-dark-blue, table td.pad-purple /* I am the other 10px */
	{
	padding: 0px 0px 0px 0px;
	width: 10px;
	}

table.summary,
table.status td.even,
table.status th.even,	
table.light-general,
table.update-levels td.even,
table.general th.rev-action,
table.general td.rev-action,
table.qs tr.odd,
table.status td.edit	{background-color: #f1f4f5;}
table.qs tr.top	th,
table.update-levels th	{background-color: #a9b5bd;}
table.qs tr.even, 
table.review-header tr,
table.status td.odd,
table.status th.odd,
table.update-levels td.odd,
table.general 			{background-color: #dee4e8;}		
table td.pad-pink		{background-color: #f2b4ed;}
table td.pad-orange		{background-color: #f2d9a3;}
table td.pad-yellow		{background-color: #ffff99;}
table td.pad-green		{background-color: #A4E4AA;}
table td.pad-light-blue		{background-color: #B0DDF1;}
table td.pad-dark-blue		{background-color: #437E98;}
table td.pad-purple		{background-color: #765886;}
tr.noshade				{background-color: #ffffff;}	
td.active-panel			{background-color: #b2e2f9;}
th.active-panel			{background-color: none; background-image: url(/form/qualityStandards/images/qs-active-th.gif); background-repeat: repeat-x; height: 42px;}

/* | /TABLE LAYOUT FOR QS FORM | */

.radio {
    width: 50px !important;
}
#schoolTD{
    height: 32px;
    padding: 0;
    width: 500px;
    float: left;
}
.qs-login-form {
    margin: 0 !important;
}
p#error-message {
    text-align: center;
    color: #fff;
    background-color: #05a2e7;
    border: 3px solid #ddd;
    margin: 20px;
    padding: 10px !important;
    font-size: 0.75em !important;
    font-weight: bold;
}

.div-qs-image {position:absolute; bottom:1px; right:-575px; width:249px}

div.teaching-standards-details {
    padding: 20px;
}

div.teaching-standards-details h3 {
    font-weight: normal;
    font-size: 2em;
    background: #582288;
    color: white;
    width: 80px;
    height: 60px;
    padding-top: 10px;
    text-align: center;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    -webkit-border-radius-topright: 15px;
    -webkit-border-radius-bottomright: 15px;
    -webkit-border-radius-bottomleft: 15px;
    float: left;
    margin-right: 10px;
}

div.teaching-standards-details h4 {
    color: #582288;
    margin-left: 15px;
}

div.teaching-standards-details p {
    clear: left;
    margin-top: 40px;
}

div.teaching-standards {
    margin-left: 10px;
}

div.teaching-standards p.teaching-standard-text {
    font-size: 1.1em !important;
    margin-bottom: 10px;
}

div.teaching-standards ul {
    list-style-type: disc;
    margin-bottom: 20px;
}

div.teaching-standards ul li {
    margin-left: 20px;
}
div.warning {
	border: 1px solid #9F6000;
	color: black;
	background-color: #FEEFB3;
	margin: 10px 20px;
	padding: 15px 10px;
}
ul.resource-list li {
	padding: 3px;
}
div.print {
	background-color: none;
	background-image: url(/form/qualityStandards/images/print-bg.png);
	background-repeat: none;
	height: 76px;
	width: 120px;
	position: absolute;
	top: 8px;
}
div.print div {
	text-align: center;
	position: relative;
	top: 12px;
	font-size: 12px;
}
div.print div a img {
	margin-bottom: 6px;
}
table.summary th h2 {
	background-image: none;
}
table.summary table th,
table.review-header th {
	font-weight: bold;
	border-right: 1px solid #aeb8bd;
}
table.summary table th.both-borders{
	border-left: 1px solid #aeb8bd;
}
table.summary table td,
table.summary table th {
	height: 25px;
	width: 120px;
}
img.mime-icon {
	position: relative;
	top: 4px;
	left: 0px;
	margin-right: 3px;
}
form.star-form {
	margin-top: 6px;
}
div.teaching-standards {
	background-color: #F0F6F6;
	padding: 20px;
	margin: 0;
	border: 1px solid #A4B3BD;
}
div.teaching-standards ul.features,
div.teaching-standards ul.features ul {
	list-style-type: none;
}
div.teaching-standards ul.features li {
	margin-left: 0;
}
table.professional-standard-table {
	margin: 10px 0;
}
table.professional-standard-table th {
	font-weight: bolder;
	margin: 0;
	padding: 0;
}
#professional-standard {
	margin-left: 10px;
	width: 505px;
}
table.summary td.print				{width: 260px; text-align: center;}
table.summary td.print img			{margin: -1px 0px 5px -5px;}

table tr.alternate th,
table tr.alternate td {
	background: #D4D9DE;
}
table tr.alternate-two th,
table tr.alternate-two td {
	background: #DFE4E9;
}
table.print-summary table tr td,
table.print-summary table tr th {
	height: 55px;
}