/* The primary stylesheet for qsen.org */

/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}

body {
	background-color: #333333;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 11pt;
	margin: 0;
	padding: 0;
	text-align: center;	
	font-weight: normal; 
	font-style: normal; 
}

td.panelheader {
	background: #e6e6e6;
	border-top: 0pt solid none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	/*color: white; //why? */
}

td.panelbottom {
	background: white;
	}
td.panelbg {
	background: white;
}
	
td.panelmain {
	background: white;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: black; 
}
	
.formfield {
	background-color:	#c0c0c0;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: black; 
	border-top:1px black solid;
	border-left:1px black solid;
}
	
a.menulink:hover {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: black;
	font-weight: normal; 
	font-style: normal; 
	text-decoration: underline; 
}
	
a.menulink {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: black;
	font-weight: normal; 
	font-style: normal; 
	text-decoration: none; 
}
	
a.adminlink:hover {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: black;
	font-weight: normal; 
	font-style: normal; 
	text-decoration: underline; 
}

a.adminlink {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: black;
	font-weight: normal; 
	font-style: normal; 
	text-decoration: none; 
}
	
a.headerlink {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	text-decoration: none;
	color: black;
	font-weight: bold;
}
	
a.headerlink:hover {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	text-decoration: underline;
	color: black;
}
	
td.fieldname {
	height:	25px;
	font-family: Arial;
	color: black;
	font-size: 12px;
}
	
td.fieldname2 {
	height:	25px;
	font-family: Arial;
	color: black;
	font-size: 12px;
}
	
.field {
	border:	1px solid gray;
	font-family: Arial;
	color: black;
	font-size: 12px;
}
	
.errorfield {
	border:	1px solid red;
	font-family: Arial;
	color: black;
	font-size: 12px;
}
	
a.searchresultlink:hover {
	font-family: Arial;
	color: black;
	font-size: 12px;
}
	
a.searchresultlink {
	font-family: Arial;
	color: black;
	font-size: 12px;
}

table.accountlogin {
	/*border: 1px solid green;*/
	width: 80%;
}

table.accountlogin td {
	width: 50%;
}

table.registrationtable {
	width: 100%;
	border: 2px solid #6466af;
	padding: 15px;
	
}

table.registrationtable input#submit {
	width: auto;
	float: right;
	margin-right: 15%;
}

table.logintable {
	width: 100%;
	border: 2px solid #6466af;
	padding: 15px;
	/*background-image: url("images/loginbg.gif");*/
}

table.logintable input#submit {
	width: auto;
	float: right;
	margin-right: 15%;
	/*border:0px;
	width:56px;
	height:23px;
	background-image:url('images/login.gif');*/
}

table.profiletable {
	border: 2px solid #6466af;
	padding: 10px 30px 10px 10px;
	width: 80%;
}
	
table.profiletable .mceToolbar {
	display: none;
}

table.profiletable tr.header {
	padding: 20px;
}

table.profiletable input {
	width: 300px;
}

table.profiletable input#submit {
	width: auto;
	float: right;
	margin-right: 15%;
}

table#factable {
	border: 2px solid #6466af;
	padding: 10px 30px 10px 10px;
}

table#factable tr.odd td {
	background-color: #eeeeff;
}

table.searchtable {
	/**/width: 80%;
	border: 2px solid #6466af;
	margin: 15px;
}

table.searchtable td {
	width: 50%;
	padding: 15px;
}

table.listingBig {
	border-collapse: collapse;
	border-left: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	font-size: 10pt;
	margin: 1em 0em 1em 0em;
}
	
table.listingBig th {
	background: #e6e6e6;
	border-top: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	font-weight: bold;
	padding: 0.25em 1em;
	margin: 0;
}
	
table.listingBig .top {
	border-left: 1px solid White;
	border-top: 1px solid White ! important;
	border-right: 1px solid White ! important;
	text-align: right ! important;
	padding: 0em 0em 1em 0em;
	margin: 0;
}
	
table.listingBig .listingCheckbox {
	text-align: center;
}
	
table.listingBig td {
	border-right: 1px solid #aaaaaa;
	padding: 0.5em 1em;
	margin: 0;
}
	
table.listingBig a {
	text-decoration: none;
}
	
table.listingBig a:hover {
	text-decoration: underline;
}
	
table.listingBig img {
	vertical-align: middle;
}

/* Administrative Abstract Review Styles */

table#abstractstable {
/*	border: 2px solid #6466af;
	padding: 10px 30px 10px 10px;*/
	border: thin solid #000;
	width: 100%;
}

table#abstractstable td {
	border: thin solid #000;
	padding: 10px;
	vertical-align: top;
}

table#abstractstable tr.odd td {
	background-color: #eeeeff;
}

table#abstractstable td.complete,
table#abstractstable tr.odd td.complete {
	background-color: #6C9;
	color: #666;
}

table#abstractstable span.complete {
	display: block;
	background-color: #6C9;
	margin-top: 10px;
	padding: 5px;
}

div#reviewform {
	width: 90%;
}

/*div#reviewform span#abstract {
	font-family: "Times New Roman", Times, serif; 
	font-size: larger;
}*/

div#reviewform h2 {
	background-color: #CCC;
	padding: 5px;
	margin-top: 20px;
}

table#abstractformtable {
	border: thin solid #000;
	width: 100%;
}

table#abstractformtable td {
	border: thin solid #000;
	padding: 10px;
}

table#abstractformtable td.check {
	text-align: center;
}

table#abstractformtable tr.odd td {
	background-color: #eeeeff;
}

div.recommendation {
	background-color: #FFC;
	width: 90%;
	border: thin solid #666;
	padding: 10px 20px;
	color: #333;
	text-align: justify;

}

div.recommendation table {
	float: right;
	background-color: white;
	border: 1px solid #666;
	padding: 5px;
	margin: 0px 0px 10px 20px;
}

div.recommendation td, th {
	border: 1px solid #666;
}


/* for embedded Teaching Strategy Previews */

div#stratreview {
	border:thin solid #666;
	background-color: #FFF;
	padding:10px;
}

h1 {
	font-size: 16px;
	font-weight: bold;
	line-height: 14px;
	color: #412C84;
	
/*	// experimenting with better H1s
	font-size: 16px;
	line-height: 14px;
	background-color: #a5a6d4;
	padding: 10px;*/
}

h2 {
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	margin: 20px 0px;
	color: #7879ba;
	text-transform: uppercase;
	/*background-color: #a5a6d4; // for purple bar 
	padding: 5px; 
	border-bottom: 1px solid #7879ba;*/
	
}

h3 {
  
}

h4 {
	margin-top: 10px;
}

h5 {
 
}

a,  a:link {
	/*color: #3A92C6;*/
	color: #006699;
	text-decoration: none;
}

a:visited {
	/*color: #3A92C6;*/
	color: #006699;
	text-decoration: none;
}

a:hover {
	color: #6364A9;
	text-decoration: underline;
}

a:focus {
	color: #3a32c4;
}

a:active {
	color: #3991C3;
}

#outerWrapper {
	background-color: #fff;
	margin: 0 0 0 0;
	text-align: left;
	width: 100%;
}

#outerWrapper #header {
	background-color: #FFFFFF;
	background-image: url(../images/headerBack.jpg);
	background-repeat: no-repeat;
	border-bottom: solid 1px #767a7f;
	border-style: none;
	font-size: 18px;
	font-weight: bold;
	height: 66px;
	line-height: 15px;
	padding: 10px 10px 10px 10px;
}

#outerWrapper #topNavigation {
	background-color: #FFFFFF;
	height: 23px;
	padding: 10px 10px 8px 10px;
	border-top: 1px;
	border-top-color: #999999;
	vertical-align: top;
}

#outerWrapper #contentWrapper {
	border-style: none;
	border-width: 1px;
}

#outerWrapper #contentWrapper #rightColumn1 {
	background-color: #bebe88;
	border-style: none;
	border-width: 1px;
	float: right;
	padding: 10px 10px 10px 10px;
	margin: 0px -15px 0px 10px;
	width: 160px;
	height: 780px;
	border-top: 1px;
	border-top-color: #999999;
	border-top-style: solid;
	vertical-align: top;
	background-image: url(../images/columnBack.gif);
	background-repeat: repeat-x;
}

#rightColumn1 a {
	font-weight: normal;
	text-decoration: none;
	color: #039;
}

#rightColumn1 a:hover {
	text-decoration: none;
	color: #000;
	border-bottom: thin dotted #666;
}
	
#outerWrapper #contentWrapper #leftColumn1 {
	background-color: #bebe88;
	border-style: none;
	border-width: 1px;
	float: left;
	padding: 10px 10px 10px 0px;
	width: 170px;
	height: 780px;
	border-top: 2px;
	border-top-style: solid;
	border-top-color: #6466AF;
	background-image: url(../images/columnBack.gif);
	background-repeat: repeat-x;
}

#outerWrapper #contentWrapper #content {
	border-style: none;
	border-width: 1px;
	margin: 0px 10px 0px 180px;
	padding: 10px 15px 10px 15px;
	border-top: 2px;
	border-top-style: solid;
	border-top-color: #6466AF;
	background-color:white;
	height:100%;
	
}

#outerWrapper #contentWrapper .clearFloat {
	clear: both;
	display: block;
}

#outerWrapper #footer {
	background-color: #FFFFCC;
	border-top: solid 1px #9ea3aa;
	padding: 15px 10px;
	clear: both;
}

#outerWrapper #footer-left {
	float: left; 
	padding-top: 10px;
}

#outerWrapper #footer-right {
	float: right; 
	text-align: right;
}

.competency {
	margin-left: 200px;
}

ul li {
	list-style: none;
	padding-bottom: 5px;
}

ul.normal li {
	list-style: disc;
}

li.faculty {
 	/*font-weight: bold;*/
	margin-bottom: 10px;
}
	
span.school {
	/*padding-left: 15px;*/
	font-weight: normal;
}

span.name {
 	font-weight: bold;
	/*margin-bottom: 10px;*/
}

span.credentials {
	font-weight: normal;
	font-size: smaller;
}

span.organization {
	/*padding-left: 15px;*/
	font-weight: normal;
}

thead {
	background-color: #CCC;
}

tr.dark {
	background-color: #eeeeff;
	margin: 5px;
}

tr.light {
	background-color: transparent;
}

div.example {
	margin-left: 10px;
	border: thin dashed #999;
	padding: 5px;
	background-color: #FFC;
}

div.error {
/*	margin: 20px 0px 0px 10px;
	border: thin dashed #999;
	padding: 15px;
	background-color: #FFC;
	width: 80%;*/
	width: 80%;
	border: thin dashed #999;
	padding: 15px 0px 15px 10px;
	margin: 15px 10px;
	background-color: #FFC;
}

div.error h1 {
	color: red; 
}

div.citation {
	margin: 10px 15px;
	text-indent: -15px;
}

div.citation pubtitle {
	font-style: italic;
}

div.ksas table {
	margin-bottom: 15px;
}

div.ksas table, div.ksas th, div.ksas tr, div.ksas td {
	border: thin solid gray;
	border-spacing: 0;
}

div.ksas td, div.ksas th {
	vertical-align: top;
	padding: 5px;
	width: 33%;
}

div.ksas li {
	list-style: circle;
}

div.ksas .title {
	background: #ccc;
	padding: 10px;
}

div.comp_image img {
	float: right;
	width: 375px; 
	margin: 0px 0px 0px 20px;
}

div.main {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;

}
div.citation {
	text-align: left;
	margin: 10px 30px;
	text-indent: -20px;
	width: 90%;
}

div.abstract {
	text-align: left;
	margin: 10px 0px;
	text-indent: 0;
	width: 100%;
}

td.formleft {
	text-align: right;
	vertical-align:top;
	font-weight: bold;
	padding: 10px;
}

th.formleft {
	font-weight: bold;
	padding: 5px 10px;
	background-color: #FFC;
	border: thin solid gray;
}

div.news {
	border: thin solid #CCC;
	padding: 15px;
	margin-bottom: 20px;
}

div.conference {
	border: thin solid #CCC;
	padding: 15px;
	margin-bottom: 20px;
}

div.conference img {
	float: left;
	border: thin solid black;
}

div.conference .text {
	float: right;
	width: 75%;
}
	
div.conference h2 {
	color: #2061ad;
	font-size: larger;
}

div.conference h3 {
	font-style: italic;
}

/* Interesting bit of CSS to highlight form fields on focus; doesn't work with tinymce's WYSIWYG
textarea:focus, input:focus {
	border: 2px solid #900;
}
*/

div.useroptions {
	width: 80%; 
	border: thin solid black; 
	padding: 10px 5px; 
	margin: 15px 10px;
}	
	
div.useroptions h2 {
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	margin: 0px;
	color: #000;
	text-transform: none;
}

div.useroptions li {
	margin-left: -30px;
}

div.useroptions a, div.useroptions a:hover, div.useroptions a:visited {
	font-weight: bold;
}

div.clear {
	clear: both;
}

div.clearright {
	clear: right;
}

.mceToolbar {
	display: none;
}

div.profile {
	width: 90%;
	border: thin dotted gray;
	padding: 20px 30px;
	background-color: #F4F4F4;
	margin-bottom: 55px;
}

div.profile h3 {
	margin-top: 30px;
}

#callout {
	float: right; 
	width: 200px; 
	margin: 0px 0px 10px 15px; 
	padding: 15px 10px; 
	background-color: #FFC; 
	border: thin solid; 
	text-align: center;
}

#callout img {
	margin: 10px; 
	padding: 0px; 
	border: thick double #6364A9;
}

#callout p {
	text-align: left; 
	padding-left: 5px;
}

div.btns{
	zoom:1;
	white-space:nowrap;
}

/*div.btns:after
{
	display:block;
	clear:both;
	content:'';
}*/

div.btns a.btn{
	float:left;
	background:buttonface url(../images/btns_border-2.gif) no-repeat;cursor:pointer;font-size:0;text-align:center;
	text-align:center;
	display:block;
	_width:140px;
	min-width:140px;
	text-decoration:none;
	margin:3px 5px;
}

div.btns a.btn:hover span{
	
	opacity:0.6;
	filter:alpha(opacity:80);
}

div.btns a.btn span
{
	padding:3px 8px 4px 8px;
	
	text-align:center;
	position:relative;
	left:1px;top:1px;
	display:block;
	text-decoration:none;
	background:url(../images/btns_border.gif) right bottom no-repeat;
	font:small/1 Verdana;
	color:#222;
}

.reports {
	width: 80%;
}

.reports h3 {
	background-color: #6466AF;
	color: #FFF;
	padding: 5px;
	margin-top: 20px;
	width: 98%;
}

.reports table {
	width: 100%;
}

.reports td {
	padding: 5px;
}

#toolbar {
	float: right;
	margin-right: 20px;
}



/* MODULE STYLES */

ul.modulenav {
	color: #000;
	border-bottom: 1px solid black;
	margin: 5px 0px 0px 0px;
	padding-left: 10px
}

ul.modulenav li {
	display: inline;
	overflow: hidden;
	list-style-type: none; 
}

ul.modulenav a, a.active {
	background: #CCF;
	color: #000;
	font: bold 1em/1em "bitstream vera sans", verdana, sans-serif;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	/*border: 1px solid black;*/
	padding: 5px 5px 0px 5px;
	margin: 0px;
	text-decoration: none; 
}


ul.modulenav a:visited {
	color: #555555; 
}
		
ul.modulenav a:hover {
	color: #000;
	background: #FFC; 
}	

ul.modulenav a.current {
	background: #FFF;
	color: #000;
	border-bottom: 1px solid #FFF; 
}

.modulemain {
	border: 1px solid black;
	border-top: none;
	padding: 15px; 
	padding-left: 30px;
	padding-top: 0px;
}

.modulemain .question {
	border: 1px dashed #9CF;
	padding: 5px 10px 15px 10px;
	margin: 5px 0px;
}

.modulemain .question p {
	font-weight: bold;
}

.modulemain form ul {
	margin-left: -50px;
}

.modulemain form li {
	display: inline;
	overflow: hidden;
	list-style-type: none; 
	padding-left: 15px;
}

.modulemain h3 {
	background-color: #9CF;
	padding: 5px;
}

/* VIDEO MENU STYLES */

ul.reviews {
	background-color: #EAEAFF;
	padding: 20px;
	border: 1px solid #999;
	width: 90%;
	margin: 20px;
}

ul.reviews li {
	
	padding-bottom: 15px;
}

#videoList {
	width: 95%;
	margin: 10px;
	border-spacing: 0px;
}

#videoList, #videoList tr, #videoList td {
	border: 1px solid #666;
}

#videoList h3 {
	background-color: #9CF;
	padding: 5px;
}

#videoList li {
	padding: 3px 0px;
}

#videoList .leftCol {
	background-color: #EAEAFF;
	padding: 2%;
	text-align: center;
	vertical-align: top;
	width: 25%;
}

#videoList .leftCol p {
	font-weight: bold;
}

#videoList .leftCol img {
	border: none;
}

#videoList ol {
	/*margin-bottom: 10px;*/
}
	
#profile img {
	float: right;
	margin: 0px 20px 10px 20px;
	border: thick double #6364A9;
}

.message {
	border: thin solid #666;
	background-color: #FFC;
	padding: 10px 20px;
	width: 80%;
}

.message a {
	font-weight: bold;
}


/* for display of presentation links in conference section */
.presentation {
	/*width: 90%;*/
	padding-bottom: 10px;
	border: thin solid #CCC;
	border-top: 1px solid black;
}

.presentation h3 {
	background: #E1DFB0;
	padding: 10px;
	/*font-size: larger;*/
}

.presentation p {
	padding: 0px 10px;
}

.presentation strong {
	text-transform: capitalize;
}

/* for survey and review ratings tables */

table#ratingstable {
	border: thin solid #000;
	width: 100%;
}

table#ratingstable th, table#ratingstable td {
	border: thin solid #000;
	padding: 10px;
	vertical-align: middle;
	background-color: #C7ECFE;
}

blockquote {
	border: thin solid #999;
	background: #eeeeff;
	padding: 10px 30px;
	margin: 10px 0px;
	text-indent: -20px;
}

blockquote strong {
	padding-right: 5px;
}