/* WeBWorK Online Homework Delivery System
 * Copyright � 2000-2007 The WeBWorK Project, http://openwebwork.sf.net/
 * $CVSHeader: webwork2/conf/templates/math2/math2.css,v 1.1.2.1 2008/06/24 17:17:36 gage Exp $
 * 
 * This program is free software; you can redistribute it and/or modify it under
 * the terms of either: (a) the GNU General Public License as published by the
 * Free Software Foundation; either version 2, or (at your option) any later
 * version, or (b) the "Artistic License" which comes with this package.
 * 
 * This program is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE.  See either the GNU General Public License or the
 * Artistic License for more details.
 */

/* Bootstrap Overrides */
.container-fluid {
	padding: 0.5em;
}

/* Banner */
ul#masthead {
	background-color: #038;
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding: 5px;
}

li.webwork_logo {
	background-color: #1048ae;
	font-size: 1.6em;
	font-weight: 500;
	border: 1px solid #5577b0;
	padding: 2px 10px 0 6px; /* attempt to even out the blank space so that
								the logo & text doesn't look lopsided */
}

li.webwork_logo img {
	padding-right: 5px; /* distance itself to the Webwork text */
}

li.qut_logo {
	vertical-align: top;
}
li.qut_logo img {
	padding: 0px;
	max-height: 42px;
}

ul#masthead li {
	display: inline-block;
	margin-right: 1em;
	background: 
	margin: 0;
}

ul#masthead a {
	color: white;
}

ul#masthead a:hover {
	text-decoration: none;
}

ul#masthead li#loginstatus {
	margin-right: 2px;
}

li#loginstatus {
	color: white;
	text-align: right;
	padding: 0;
	float: right;
	font-size: 0.85em;
	font-weight: normal;
} 

li#loginstatus a {
	color: black;
	margin-left: 0.5em;
}

li#loginstatus a .icon-signout {
	font-size: 1em;
	padding-left: 0.3em;
}


/* Nav */
#site-navigation ul:first-child {
	border-radius: 8px;
	border: 1px solid #e6e6e6;
	background: #f6f6f6;
	overflow: hidden;
}

ul.nav li a:hover {
	background: #e1e1e1;	
}

#site-navigation .info-box {
	margin-top: 0.5em;
}

/* Main Content */
.body {
	display: inline-block;
	float: left;
}

.shrinkbody {
	width: 72%;
}

h2.page-title {
	border-bottom: 1px solid #ccc;
}

#info-panel-right {
	margin-bottom: 0.5em;
	width: 25%;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	float: right;
}

.breadcrumb {
	border: 1px solid #e6e6e6;
}

.Warnings {
	clear: both;
}

/* Question nav section */
.problem-nav {
	width: 30%;
	margin-bottom: 1em;
	display: inline-block;
}

/* Message section */

.Message {
	display: inline-block;
}

.Message div, .Message span {
	background-color:#eee;
	padding: 0.5em;
}

font.visible   { font-weight: bold; }
font.hidden { font-style: italic; } 

/* Home Page */
ul.courses-list {
	list-style-type: none;
	margin: 0;
}

ul.courses-list a {
	border: 1px solid #e6e6e6;
	display: block;
	padding: 0.5em;
	margin-bottom: 0.5em;
	background: #f6f6f6;
	width: 95%;
	font-weight: bold;
}

ul.courses-list a:hover {
	text-decoration: none;
	background: #038;
	color: white;
}

/* Classlist Editor */
/* this table is a pain, it wants to be a certain width and it'll force you
 * to scroll if you don't have that width, don't know how to fix it */
table.classlist-table {
	display: block;
	max-width: 95%; /* prevent it from violating container-fluid's padding,
					 only valid in a rare edge case */
}

/* Homework Sets */
.problem_set_body input[type='checkbox'], .problem_set_body input[type='radio'] {
	margin: 0.5em; /* keep the assignment buttons from crowding chkbox */
}

/* Info Box */
.info-box {
	padding: 0.5em;
	border-radius: 8px;
	border: 1px solid #e6e6e6;
	background: #f6f6f6;
}

.info-box h2, .info-box h3, .info-box h4, .info-box h5, .info-box h6 {
	background: #038;
	border-radius: 8px;
	color: white;
	margin: 0;
	padding: 0;
	line-height: 30px;
	margin-bottom: 0.5em;
	font-size: 1.1em;
	text-align: center;
}

.info-box dl {
	margin: 1ex .5em 1ex 1ex;
	padding: 0;
	font-size: 80%;
}
.info-box li,
.info-box dt {
	margin: 0 0 .5ex 0;
	padding: 0;
	line-height: 2.2ex;
}
.info-box dt { font-weight: bold }
.info-box dd {
	margin: 0 0 .5ex 1em;
	padding: 0;
	line-height: 2.2ex;
}
.info-box dd p {
	margin-top: 0;
}
.info-box a.more {
	float: left;
	font-size: 80%;
	font-style: italic;
	margin-bottom: 1ex;
	margin-right: .5em;
}

.info-box form {
    margin-bottom:0px;
}

/* Library Browser */
.library-browser-table td {
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}
.library-browser-table .table-separator {
	border-bottom: 1px solid #ccc;
}

/* Footer */
#footer {
	clear: both;
	display: block;
	font-size: 0.8em;
	color: #888;
	text-align: center;
	padding: 1em;
	margin-top: 1em;
}

#footer p {
	margin-bottom: 0; /* overrides bootstrap default so there's no weird space*/
}

#footer a {
	color: #555;
}


/* --- Standard elements ---------------------------------------------------- */

blockquote {
  padding: 0 0 0 0;
  margin: 0 0 0 1em;
  border-left-width: 0;
}

label,
input,
button,
select,
textarea {
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  width: auto;
}
input {
	height: auto;
}
.barrier {
	clear:both;
	border: none; /* 1px solid grey; */
}

#mini-sitemap {
	font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
	padding: 0 0 1ex 0;
}
#mini-sitemap a, #mini-sitemap a:link, #mini-sitemap a:visted {
	text-decoration: none;
}

#InfoPanel {
    font-size:100%;
    float: left; /*was right*/
    min-width: 0;
    overflow: hidden; /*was auto*/
    /*margin-right: -1px;*/
    background-color: #fff;
}
#InfoPanel ol {
	font-size:100%;
}

#problem-content {
  margin-left:auto;
  margin-right:auto;
  border: 2px solid black;
  padding: 10px;

}
table.FormLayout { border: 0; }
table.FormLayout tr { vertical-align: top; }
table.FormLayout th.LeftHeader { text-align: right; white-space: nowrap; }
table.FormLayout tr.ButtonRow { text-align: left; }
table.FormLayout tr.ButtonRowCenter { text-align: center; }

div.RenderSolo { background-color: #E0E0E0; color: black; }
div.AuthorComment { background-color: #00E0E0; color: black; }

/* minimal style for lists of links (generated by the links escape) */
/*ul.LinksMenu { list-style: none; margin-left: 0; padding-left: 0; }*/
/*ul.LinksMenu ul { list-style: none; margin-left: 0.5em; padding-left: 0; }*/

/* background styles for success and failure messages */
div.WarningMessage { background-color: #FF9494; padding: 3px 3px 3px 3px; }
div.ResultsWithoutError { color: inherit; background-color: #8F8; } /* green */
div.ResultsWithError { color: #FF9494; background-color: inherit; } /* error red, from http://www.colourlovers.com/color/FF9494/error_red*/
div.ResultsAlert { color: #F60; background-color: inherit; } /* orange */
label.WarningMessage { background-color: #FF9494; padding: 3px 3px 3px 3px; }
label.ResultsWithoutError { color: inherit; background-color: #8F8; } /* green */
label.ResultsWithError { color: #FF9494; background-color: inherit; } /* error red, from http://www.colourlovers.com/color/FF9494/error_red*/
label.ResultsAlert { color: #F60; background-color: inherit; } /* orange */
span.WarningMessage { background-color: #FF9494; padding: 3px 3px 3px 3px; }
span.ResultsWithoutError { color: inherit; background-color: #8F8; } /* green */
span.ResultsWithError { color: #FF9494; background-color: inherit; } /* error red, from http://www.colourlovers.com/color/FF9494/error_red*/
span.ResultsAlert { color: #F60; background-color: inherit; } /* orange */
span.correct { color: inherit; background-color: #8F8; } /* green */
span.incorrect { color: #FF9494; background-color: inherit; } /* red */
input.correct   { color:inherit; background-color: #8F8; } /* green */
input.incorrect { color;inherit; background-color: #FF9494; } /* red */

/* styles used by WeBWorK::HTML::ScrollingRecordList */
div.ScrollingRecordList { padding: 1em; white-space: nowrap; border: thin solid gray; }
div.ScrollingRecordList select.ScrollingRecordList { width: 99%; }

/* wraps the View Options form (generated by &optionsMacro) */
/* FIXME: can't this style information just go in div.Options above? */

.viewOptions  {
    margin-left:1ex;
    font-size:small;
}

.viewOptions label {
    font-size:small;
}

/* messages, attempt results, answer previews, etc. go in this DIV */
/* this used to be "float:left", but that was suspected of causing MSIE peekaboo bug */
div.problemHeader {}

/* styles for the attemptResults table */
table.attemptResults {
	border-style: outset; 
	border-width: 1px; 
	margin-bottom: 1em; 
	border-spacing: 1px;
/*      removed float stuff because none of the other elements nearby are
        floated and it was causing trouble
	float:left;
	clear:right; */
}

table.attemptResults td,
table.attemptResults th {
	border-style: inset; 
	border-width: 1px; 
	text-align: center; 
	/*width: 15ex;*/ /* this was erroniously commented out with "#" */
	padding: 2px 5px 2px 5px;
	color: inherit;
	background-color: #DDDDDD;
}

/*styles for the instructor comment box */

.answerComments {
    margin-left: 2em;
    max-width: 80%;
    border-style: outset;
    border-width: 1px;
    border-spacing: 2px;
    border-color: gray;
    padding: 2px 5px 2px 5px;
    margin-bottom:1em;
    background-color: #E8E8E8;
}

/* override above settings in tables used to display ans_array results */
table.attemptResults td td,
table.attemptResults td th,
table.ArrayLayout td {
	border-style: none; 
	border-width: 0px; 
	padding: 0px;
}
table.attemptResults td.Message {
   text-align: left; 
   padding: 2px 5px 2px 5px;
   width: auto;
}
.attemptResultsSummary { font-style: italic; }
.parsehilight { color: inherit; background-color: yellow; }

.problem-main-form input {
    margin-left:.5ex;
    margin-right:.5ex;
}

/* the problem TEXT itself goes in this box */
/* we used to make this a grey box, but surprise, MSIE is bug-ridden. */
div.problem {  }

/* jsMath emits this class when appropriate math fonts aren't available */
div.NoFontMessage {
	padding: 10px;
	border-style: solid;
	border-width: 3px;
	border-color: #DD0000;
	color: inherit;
	background-color: #FFF8F8;
	width: 75%;
	text-align: left;
	margin: 10px auto 10px 12%;
}

/* styles used when editing a temporary file */
.temporaryFile { font-style: italic; color: #F60; background-color: inherit; }

/* text colors for Auditing, Current, and Dropped students */
.Audit { font-style: normal; color: purple; background-color: inherit; }
.Enrolled { font-weight: normal; color: black; background-color: inherit; }
.Drop { font-style: italic; color: gray; background-color: inherit; }
/* text colors for problem grader page */
.NeedsGrading { font-weight: bold; }

/*Styles for the login form -- mainly small alignment changes for all of the input elements on the login page*/

#login_form input {
	margin-top: 7px;
}

#login_form label{
	margin-right: 2px;
}

#login_form #pswd_label{
	margin-right: 4px;
}

#login_form #rememberme{
	margin-left: 75px;
}

/*Styles for the edit forms, found on the homework sets editor page*/

/*Following are mostly alignment fixes for the input elements and their lables on this page.*/
.edit_form  input,select{
	margin-top: .25em;
	margin-bottom: .25em;
}

.edit_form label {
	margin-left: 40px;
}

.edit_form span {
    float: none;
}

.edit_form label.radio_label{
	margin-left: 0px;
}

.edit_form  span#filter_err_msg{
	display: none;
}

/*Styles for the classlist editor page*/

/*The styles here correctly align the table elements in the set table*/
.set_table{
	margin-right: 5px;
}

.set_table td{
	padding-right: 5px;
}

.set_table th{
	padding-right: 5px;
	padding-left: 5px;
}

.set_table label{
	margin-left: 0px;
}

/*General styles, for elements such as table captions input buttons, columns, etc.*/

/*General styles for table captions*/
table caption{
	font-weight: bold;
	text-decoration: underline;
}

/*Styling the content that is found in the login page.*/
.p_content{
	width: 640px;
}

/*General styles for all input buttons*/
.button_input{
	margin-right: 5px;
	margin-left: 5px;
}

/*General styles for all column divs, for pages which use column layouts*/
/*.column {
	float: left;
	width: 50%;
	margin-top: 10px;
}

.column input[type="radio"] {
    margin-right:1ex;
}
*/
.problemFooter {
	clear:both;  /* the footer shouldn't float at all */

}

/*General styles for the wrapper div element which goes around the InfoBoxes*/
.info-wrapper{
	float: right;
	min-height: 100px;
	/* max-width: 40%; */
	overflow: hidden;
	margin-left: 5px;
}


#show_hide{
    margin-bottom:.5ex;
}


#none{
	/*Please do not do anything with elements with id "none"*/
}

/*Styles for the PGProblemEditor Page*/

#editor{
	background-color: #FFFFFF;
}

#editor #source_and_options{
	float: left;
	width: 50%;
}

#editor #problemContents_label{
	text-align: center;
	font-weight: bold;
	text-decoration: underline;
	margin-left: 30%;
}

#editor #problemContents_id{
	width: 100%;
	height: 50%;
}

#editor .editor_form{
	margin-left: 40px;
}

#editor #form_div{
	float: left;
	width: 100%;
}

/*Styles specifically for the problem viewer*/

#problem_viewer_form{
	margin-left: 10px;
	float: left;
	width: 45%;
	height: 100%;
	border-left: solid;
	border-width: 1px;
}

#problem_viewer_form>h3{
	margin-left: 37%;
}

#problem_viewer_form #viewer_span{
	margin-left: 10%;
}

#problem_viewer_form #reload_button{
	margin-left: 20%;
	margin-top: 5%;
}

#problem_viewer_form #problem_viewer{
	width: 60%;
	background-color: #E8E8E8;
	margin-left: 20%;
	margin-top: 5%;
	padding: 1px;
}

#problem_viewer_form #problem_viewer_content{
	border-style: solid;
	padding: 5%;
	border-width: 1px;
}

#problem_viewer_form #viewer_note{
	margin-top: 10%;
	margin-left: 10%;
	margin-right: 10%;
}*/

#editor{
	width: 585px;
}

#editor .pg_editor_input_span{
	margin-bottom: 10px;
	display: none;
}

#editor .pg_editor_input_div{
	margin-top: 20px;
	margin-left: 50px;
}

#editor #submit_input_div{
	margin-top: 10px;
	clear: both;
}

#pg_editor_frame_id{
    width:95%;
    height:390px;
    overflow:hidden;
}

#render-modal.modal {
    width:1024px;
    left:25%;
}

#render-modal .modal-body {
    height:95%;
    width:95%;
}

.radio_span, 
.radio_span input,
.radio_span label{
    display:none !important;
}

table.problem_sets_table {
	width: 640px;
	float: left;
	margin-bottom: 3%;
	overflow:hidden/*was not here*/;
}

table.problem_sets_table caption {
}

table.problem_sets_table th{
	width: 320px;
	padding-bottom: 10px;
}

table.problem_sets_table td{
	width: 320px;
}

div.problem_sets_options {
	clear: both;
	margin: 1% 1% 1% 1%;
}

/*This is the styling specifically for the tables of problems displayed for each problem set page*/
/*BUG FIXES*/

table#grades_table pre{
	float: left;
}

#config-form input[type="checkbox"] {
    margin-right:1.5ex;
}

.file-manager-btn {
    margin-bottom:.5ex;
    margin-top:.5ex;
}

/*mainform is in the library browser*/
.setlist-table,
.setlist-table label,
.user-list-form,
.user-list-form label,
.user-list-form input,
.user-list-form select,
.set-list-form,
.set-list-form label,
.set-list-form input,
.set-list-form select,
#mainform,
#mainform label,
#mainform input,
#mainform select{
    font-size:small;
}

#mainform i.icon-random {
    cursor: hand;
}

#send-mail-form input,
#send-mail-form select,
.set-list-form input,
.set-list-form select,
.user-list-form input,
.user-list-form select {
    margin-top: .15em;
    margin-bottom: .25em;
}

.user-list-form select,
.set-list-form select {
    height:27px;
}

.set-list-form select[multiple] {
    height:auto;
}

#problem_set_form .btn {
    margin-left:.5ex;
    margin-right:.5ex;
}

#mainform .btn,
#problem_set_form .btn {
    margin-bottom:.25ex;
    margin-top:.25ex;
}

#problem_set_form input[type="checkbox"] {
    margin-bottom:.5ex;
}



#editor input[type="radio"]{
    margin-right:.5ex;
    
}

#problem-grader-form select {
    width:60px;
}

.tab-pane {
    margin-bottom:10px;
}

.small-table-text,
.small-table-text td {
    font-size:small;
}

.nav-list li {
    font-size:small;
}