body {padding: 0px; margin: 0px; background-color: #fefcf2; text-align: left;font-weight:normal}
h1 { font-family:'Arial',Sans-Serif; font-size: 26px; margin: 0px; padding:0px;font-weight:normal}
h2 { font-family:'Arial',Sans-Serif; font-size: 22px; margin: 0px; padding:0px;font-weight:normal}
h3 { font-family:'Arial',Sans-Serif; font-size: 18px; margin: 0px; padding:0px;font-weight:normal}
h4 { font-weight: normal; font-size: 16px; line-height: 22px; margin: 0px; padding:0px; }
h5 { font-weight: 700; font-size: 14px; line-height: 20px; margin: 0px; padding:0px; }
.small {font-size:11px;}
img { border: none; }
p { line-height: 20px; }
a, .ui-widget-content a { text-decoration: none; color: #1c8ba1; font-weight: 700; }
a:hover {text-decoration: underline;}
/*#Content { margin:0px;	text-align:left; color: #000;  margin-left: auto; margin-right: auto; font-family: 'Arial',Sans-Serif; font-size: 14px; min-width:1024px; background: #f5f5f5; padding-bottom:30px;
*/
#Content { margin:0px;	text-align:left; color: #000;  margin-left: auto; margin-right: auto; font-family: 'Arial',Sans-Serif; font-size: 14px; min-width:1024px; background: #fefcf2; padding-bottom:30px;

}

@media only screen and (max-width: 600px) {
h2 { font-family:'Arial',Sans-Serif; font-size: 18px; margin: 0px; padding:0px;font-weight:normal;}
#Content { margin:0px;	text-align:left; color: #000;  margin-left: auto; margin-right: auto; font-family: 'Arial',Sans-Serif; font-size: 14px; min-width:300px;width:100%; background: #fefcf2; padding-bottom:30px;}

}


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

}
.hidden{display:none;}
a:focus, a:active { outline: none; }


#_quick {
	margin-top:40px;
}

#_quicksearch {
	font-size:16px;
	border: 1px solid #999;
	height:26px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;		
    padding-left:5px;
}


#_footer { height:35px; background: #000 url(../images/nav_bkg.png) no-repeat; color: #FFF; font-family:'Arial',Sans-Serif; font-weight:normal; font-size:16px; padding: 20px 58px 0px 50px;}
#_footer a { color:#5eaefd; }
#_footer a:hover{text-decoration: none;}

#_logo {

	height: s0px;
	text-align: right;
	padding: 20px 30px;
}
@media only screen and (max-width: 600px) {
#_quick {
	margin-top:90px;
}
#_quicksearch {
	font-size:12px;
	border: 1px solid #999;
	height:18px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;		
    padding-left:5px;
}
	#_logo {
	height: 130px;
	text-align: right;
	padding: 20px 20px;
	font-size:11px;
}
}



.toggle,
[id^=drop] {
	display: none;
}

nav {padding-left:28px;
background: #ececec;border-bottom:solid 3px #000;}

nav a { color:#000;
font-family:'Arial',Sans-Serif; 
	font-size:16px;font-weight:bold;}
nav a:hover{text-decoration: none; color:#1c8ba1;}

nav ul {list-style:none;	
margin:0;
	padding:0;}
nav li {
	float:left;
	padding: 10px;
	margin-right: 12px;
	text-align:center;
	
}

nav li:hover {
   -moz-box-shadow:none;
   -webkit-box-shadow:none;
   box-shadow:none;	

}


/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav li ul {
	background-color: #ececec; 
	font-family:'Arial',Sans-Serif;
	font-size:14px;
	margin:10px 0 0 -6px;
	padding:0;
	list-style-type: none;
	position:absolute;
	clear:both;
	display:none;
}


nav li ul li {
	font-size:14px;
	margin:0;
	padding:5px 15px;	
	clear:both;

	text-align:left;
	
	border:none;
	border-bottom: 1px solid #FFF;
	background: #ececec;
	
	-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;	

   -moz-box-shadow:none;
   -webkit-box-shadow:none;
   box-shadow:none;	    

}
nav li ul li.last {

    border:none;

}
nav li ul li a {
	color:#000;
	line-height:24px;
	margin:0;
	font-weight:normal;
}
nav li ul li a:hover {
	color:#1c8ba1;
}
	
/* Change ' +' in order to change the Dropdown symbol */
nav li > a:after { content:  ' +'; }
nav li > a:only-child:after { content: ''; }

/* toggle */

.bar1, .bar2, .bar3 {
    width: 30px;
    height: 4px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
}
/* Media Queries
--------------------------------------------- */

@media all and (max-width : 768px) {

.container {
    display: inline-block;
    cursor: pointer;
}

li > a:after { content:  ' +'; }
li > a:only-child:after { content: ''; }
nav {
		margin: 0;
	}
nav a {
	display:block;
	padding:0;	
	color:#FFF;
	font-size:17px;
	text-decoration:none;
}


	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	}

	/* Stylinf the toggle lable */
	.toggle {
		display: block;

	
		color:#FFF;
		font-size:17px;
		text-decoration:none;
		border:none;
	}
.togglebtn {
padding:10px;
background:#cccccc;
color:#000;
}
	.toggle:hover {
		color:#1c8ba1;
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
	}

	nav li {
	float:left;
	padding: 10px;
	background: #1c8ba1;
	margin: 0;
	border: none;
	width:100%;
	text-align:left;
	
	-moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius:0;	
    
   -moz-box-shadow:none;
   -webkit-box-shadow:noneA;
   box-shadow:none;	
}
	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		
		
		/* has to be the same number as the "line-height" of "nav a" */
	}
		nav li ul {

	font-size:13px;
	width:100%;
	margin:6px 0 0 -16px;
	padding:0;

}

nav li ul li {
	width:100%;
}
nav li ul li a {
	color:#3e3e3e;
	line-height:24px;
	margin:0;
}

nav li ul li a:hover {
	color:#1c8ba1;
}
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
	}

	

}

@media all and (max-width : 330px) {

	nav ul li {
		display:block;
		width: 94%;
	}

}



#_main {
	padding:30px;
}

div.widget1  {
	padding: 10px;	
	width:45%;	
	border: 2px solid #1b9cb1;
	float:left;
	margin: 0 20px 20px 0;
 max-height: 550px;
 overflow-y: auto;
}

#personalInfo {
	padding: 10px;	
 max-height: none;
 overflow-y: visible;
}

#_widget6,#_widget35, #_widget48 {
max-height: 400px;
overflow-y: scroll;}
@media only screen and (max-width:600px) {

#_main{padding:6px;}
}

 div.widget1 th, .search_field label  {
	background: #ececec;
	border-right:2px solid #FFF;
	padding: 5px 10px;
	
}

div.widget1 tr.lightblue th {
    background: #1c8ba1;
    border-right: 2px solid #FFF;
    color:#ffffff;
    padding: 5px 10px;
}

div.widget1 input, div.widget1 select, div.widget1 textarea {
	font-size:14px;
	vertical-align:baseline;
}

div.widget1 div.inner {
	margin:10px 0;
	/*overflow: auto;
	max-height: 500px;
	height: 500px;*/
	overflow-y: auto;

}
.currentInner, .startingInner, .awaitingInner, .futureInner {position: relative;
	padding: 0 5px;
	height: 500px;
	overflow-y: auto;}

div.widget1 div.inner2 {
	margin:10px 0;
}


div.widget1 div.inner h3 {
	background: #1c8ba1;
	color:#ffffff;
	text-align:center;
	padding: 3px 0;
	font-size: 16px;
}



div.widget1 .line {
	padding: 5px 0;
	border-top:1px dotted #1c8ba1;
	margin-top:5px;
	clear:both;
}

div.widget1 div.inner .inner2 .line2 {
	padding: 5px 0;
	border-bottom:1px dotted #1c8ba1;
	margin-top:5px;
}

div.widget1 div.inner input, div.widget1 div.inner select {
	font-size: 14px;
	margin-right:10px;
}

div.widget1 table, div.dialog table {
	width:100%;
}

 div.dialog textarea {
	width:400px;
	height: 100px;
}

div.widget1 td, div.dialog td {
	border-bottom: 1px dotted #1c8ba1;
	padding: 5px 10px;
	
}

div.widget1 td.line1 {
	border-bottom:none;	
}

div.widget1 table.noborder td  {
	border-bottom:none;	
	line-height:13px;

	padding:3px;
}

 div#_widget51{
resize:vertical;
    overflow:auto;  
}


div#_widget51 div.inner {
	margin:10px 0;
	resize:vertical;
	overflow: auto;
}

 div#_widget32{
resize:vertical;
    overflow:auto;  
}


 {
	margin:10px 0;
	resize:vertical;
	height:200px;
	max-height: 1500px;
	overflow: auto;
}

div#_widget32 div.inner  h3 {
	background: #1c8ba1;
	color:#fff;
	text-align:center;
	padding: 3px 0;
	font-size: 16px;
}

input.widget_button
{
   font-size:14px;
   font-family:Arial,sans-serif;
   font-weight:bold;
   background-color:#f1ebdb;
   border-style:ridge;
   border-color:#cccccc;
   float:right;
   margin-top:8px;
   
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;	
	padding:5px 20px;
	cursor: pointer; cursor: hand;;
   
}

.buttonsmall
{
   font-size:11px;
     line-height:12px;
   font-family:Arial,sans-serif;
   font-weight:bold;
   background-color:#f1ebdb;
   border-style:solid;
   border-color:#cccccc;
   float:right;
   margin-top:1px;
   border-width:2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;	
	padding:4px;
	cursor: pointer; cursor: hand;
   
}
.buttontiny
{
   font-size:9px;
line-height: 14px;
   font-family:Arial,sans-serif;
   font-weight:bold;
   background-color:#f1ebdb;
   border-style:solid;
   border-color:#cccccc;
   float:right;
   margin-top:0;
   border-width:2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;	
	padding:0 2px 0;
	cursor: pointer; cursor: hand;
   
}
.buttontinyNoFloat
{
   font-size:9px;
     line-height:9px;
   font-family:Arial,sans-serif;
   font-weight:bold;
   background-color:#f1ebdb;
   border-style:solid;
   border-color:#cccccc;
   margin-top:2px;
   border-width:2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;	
	padding:0 2px 0;
	cursor: pointer; cursor: hand;
   
}
.buttonanalysis
{
   font-size:11px;
     line-height:12px;
   font-family:Arial,sans-serif;
   font-weight:bold;
   background-color:#ffffff;
   border-style:solid;
   border-color:#cccccc;
   margin-top:1px;
   border-width:2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;	
	padding:4px;
	cursor: pointer; cursor: hand;
	margin-top:4px;
	margin-bottom:4px;
	display:block;
	text-align:center;
   
}
.sendto {
	background: #f1ebdb; padding:5px;
}

.sendto a {
	font-weight: bold; margin-left:5px;
}


.col1 { width: 292px; margin-right: 20px; float: left; }
.col12 { width: 604px; margin-right: 20px; float: left; }
.col23 { width: 604px; float: left;}


.clear { clear:both; }
.left { float:left; }
.right { float:right;}

.left { width:46%; }
.right { width:48%; }

.feedbackbox { }

.button
{

   font-size:16px;
     line-height:16px;
   font-family:Trebuchet,sans-serif;
   font-weight:normal;
       color: #1b9cb1;
   background-color:#f8f8f8;
   border-style:solid;
   border-color:#cccccc;
   float:none;
   margin-top:1px;
   border-width:1px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;	
	padding:4px 8px;
	cursor: pointer; cursor: hand;
   
}

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #1b9cb1;
    color: #fff;
    font-weight: bold;
}

.ui-button { color:  #1b9cb1 !important; }



.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color:  #1b9cb1 !important; }
.ui-state-active, button.ui-state-active, button.ui-state-active:hover { color:  #ffffff !important; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color:  #ffffff !important; }


.ui-widget-content {
    border: 1px solid #dddddd;
background: #f1f1f1 !important;
    color: #333333;
}
.ui-helper-reset {
    margin: 0;
        margin-top: 0px;
        margin-bottom: 0px;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-widget {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.1em;
}




@media all and (max-width: 600px) {
.left { width:97%;float:none; }
.right { width:94%;float:none;}
.feedbackbox { max-height:80px;overflow:scroll; }

.button
{
  clear:both;
   font-size:11px;
     line-height:12px;
   font-family:Arial,sans-serif;
   font-weight:bold;
   background-color:#f1ebdb;
   border-style:solid;
   border-color:#cccccc;
   float:right;
   margin-top:1px;
   border-width:2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;	
	padding:4px;
	cursor: pointer; cursor: hand;
   
}
}

@media only screen and (max-width:600px) {

div.widget1 {width:80%;}
div.widget1 div.inner {
	margin:6px 6px 6px 6px;
	overflow: visible;
	max-height: none;
}

div#_widget51 div.inner {
	margin:6px 6px 6px 6px;
	resize:vertical;
	height:auto;
	max-height: none;
	overflow: visible;
}

div#_widget32 div.inner {
	margin:6px 6px 6px 6px;
	resize:vertical;
	height:auto;
	max-height: none;
	overflow: visible;
}


div.widget1 table, div.dialog table {
	width:90%;
}

 div.dialog textarea {
	width:90%;
	height: 100px;
}


}  /* end media query widgets */




.search_field {
	margin-bottom: 1px;  clear:both; min-height:26px;
}

.search_field label { clear:both; width: 30%; float:left; text-align:right; margin-right:5px; margin-bottom: 1px;}
.search_field input, .search_field select { width: 60%; margin-bottom: 1px; }


.show_field { float:left; width:31%; margin-bottom:1px; 	background: #d7d7d7;
	border-right:2px solid #f5f5f5;
	padding: 5px 0 5px 5px;
}
.show_field label { float:left; width:80%; margin-right:2px;}


.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em;
	background: none;
	overflow: auto;
}

.search_field-a { margin-bottom: 1px;  clear:both; min-height:26px;}
.search_field-a label { clear:both; width: 100%; float:none; text-align:left; margin-bottom: 1px;display:block;background:#e8e8e8;}
.search_field-a input, .search_field-a select { width: 99%; margin-bottom: 1px; }
.search_field-a input[type="color"],
.search_field-a input[type="date"],
.search_field-a input[type="datetime"],
.search_field-a input[type="datetime-local"],
.search_field-a input[type="email"],
.search_field-a input[type="month"],
.search_field-a input[type="number"],
.search_field-a input[type="password"],
.search_field-a input[type="search"],
.search_field-a input[type="tel"],
.search_field-a input[type="text"],
.search_field-a input[type="time"],
.search_field-a input[type="url"],
.search_field-a input[type="week"],
.search_field-a select:focus,
.search_field-a textarea {
  font-size: 16px;
}
/* .search_field-a select { font-size:10px; }*/


#_results {
	clear:both;
	width:100%
}

#_results td {
		padding: 5px;
		border-top:1px dotted #cccccc;
		vertical-align: top;
	
}

.edit_field {
	display:none;
	float:left;
	vertical-align: top;	
}

div.edit_field2 {
	float:left;
	vertical-align: top;	
}

accordion {
	text-align: left;
}

.label {
	clear:both;
	float:left;
	padding: 4px 8px !important;
	font-size: 100% !important;
	color: #000000 !important;
	width:25%;
	text-align: right;
	 margin-right:2px;
	background: #e8e8e8;
	border-right:2px solid #f5f5f5;
	border-bottom:2px solid #f5f5f5;
white-space: normal !important;
	vertical-align: top;
	line-height: 1.5 !important;
border-radius: 0 !important;
}


input.short {
	width:50px;
}

.data, .data2 {
	float:left;
	vertical-align: top;
	padding: 5px 10px;
	vertical-align: top;

}

.child_data {
	float: left;
	font-style: italic;
	color: #666666;
	padding: 5px 10px;
	
}

div.child_edit_field {
	float:left;
	width:100px;
	display:none;
	

}
div.child_edit_field input.edit_field {
	width:90px;
}

.edit_field input.edit_field {
	width:180px;
}

.child_label {
	float:left;
}

.counter {
    font-size:10px; color:#999; float:right;
}

.arealabel {
    font-size:10px; color:#333; float:left;
}



#_timesheetlist td, #_timesheetlist th {
	background: #eee;
	border:1px solid #fff;
	padding:8px;
}

dl {margin: 0;}
dt { width:120px; float: left; clear:both; border-bottom: 1px solid #eee; margin:0;}
dd { width:50px; text-align: right; float: left; border-bottom: 1px solid #eee; margin:0;}

/* trying to scroll under table headers */


.fixed_headers thead tr {
  display: block;
  position: relative;
 
}
.fixed_headers tbody {
  display: block;
  overflow: auto;
  width: 100%;
 /* height: 300px;*/
   height: auto;
}

.noborder thead tr {
  display: inline;
  position: relative;
}
.noborder tbody {
  display: inline;
  overflow: auto;
  width: auto;
  height: auto;
}

.noborder td.testSection {width:50px; padding:3px 3px 3px 3px; }
table.testSection td {width:50px; padding:3px 3px 3px 3px; }
.noborder td.lightblue { width:70px; padding:3px 3px 3px 3px; }
td.space {padding-left:12px;}
.bold { font-weight:700;}
.lightblue {color:#1c8ba1;font-size:11px;}

/* score widget table sytles. */
table.scoresboxPast {width:90%;}
table.scoresbox td {vertical-align:top;}
table.scoresboxPast td {vertical-align:top;}
.scores_date {width:20%; }
.scores_test {width:15%;}
.scores_test_type { width:15%;}
.scores_section {width:55%;}

.scores_testname { width:20%;}
.scores_aarow_test_type {width:15%;}
.scores_conversions_base {font-size:13px;line-height:20px;width:55%; }
.scores_nobase {font-size:13px;vertical-align:top; }

@media only screen and (max-width:600px) {

table.scoresbox td {font-size:11px;}
table.scoresboxPast td {font-size:11px;}
.scores_date {width:12%; }
.scores_test {width:12%;}
.scores_test_type { width:12%;}
.scores_section {width:64%;}

.scores_testname { width:12%;}
.scores_aarow_test_type {12%;}
.scores_conversions_base {font-size:11px;line-height:14px;width:64%; }
.scores_nobase {font-size:11px;vertical-align:top; }

}



table.studentsOnTutor {
  border: none;
  border-collapse: collapse;
  margin: 8px 0 10px 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}



table.studentsOnTutor tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

table.studentsOnTutor th,
table.studentsOnTutor td {
  padding: .625em;
  text-align: center;
}

table.studentsOnTutor th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (max-width: 600px) {
  table.studentsOnTutor {
    border: 0;
  }

  
  table.studentsOnTutor thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.studentsOnTutor tr {
    border-bottom: 3px solid #000;
    display: block;
    margin-bottom: 1em;
  }
  
  table.studentsOnTutor td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
    min-height:12px;
  }
  
  table.studentsOnTutor td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table.studentsOnTutor td:last-child {
    border-bottom: 0;
  }
}