/*
 padding : top right bottom left

 georgia, "Book Antiqua", palatino, serif
 Verdana, Arial, Helvetica, sans-serif

*/
body {
  padding: 0px 0px 0px 0px;
}
/* the page header which includes logo,quicklink line,date,login status */
#pgheader {
  padding: 0px 0px 0px 0px;
  background-color : #e5f2d3;
}
#spanleft {
	background-color : #e5f2d3;
	float : left;
}
#spanright {
	background-color : #e5f2d3;
	float : right;
}
/* format for dateband row */
#dateband {
 font-size:85%;	
 height:1.4em; 
 color : #0000;
 background-color : #e5f2d3;
}
A:link.navlinelink {
 text-decoration: underline;
 color: #336699;
}
A:visited.navlinelink {
 text-decoration: underline;
 color: #336699;
}
A:active.navlinelink {
 text-decoration: underline;
 color: #336699;
}
A:hover.navlinelink {
 text-decoration: none;
 color: #FF0000;
}
/* center of page which includes main data area with side sections. */
#pgcenter {
  background-color: #FFFFF7;
  align-text: center;
}
/* the center content area which includes rows of data or record edit space */
#pgcontent {
 z-index: 100;
 min-width: 1px;
 background-color: #FFFFFF;
 border: 0px;
 padding: 0px;
}
/* used for the left side menus */
#pgleftside {
  width: 145px;
  padding: 0px 3px 0px 0px;
  float:left;
  position : relative;
  left: 0px;
}
#login {
 color : #000000;
 background-color : #e5f2d3;
 border: solid #999999 1px;
 padding: 0px;
 margin : 0px;
 text-align: left;
 font-size: 85%;
 width:500px;
}
/* left side menu section header */
#leftsideheader {
 color : #000000;
 background-color : #FFFFFF;
 padding: 2px 0px 0px 0px;
 margin: 0px 0px 0px 2px;
 border: none;
 text-align: left;
 font-size: 93%;
 font-weight: bold;
 height: 20px;
}
/* left side menu section box */
#leftsidebox {
 color : #000000;
 background-color : #FFFFFF;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 2px 0px;
 border: solid #C9E3A6 1px;
 text-align: left;
 font-size: 100%;
}
/* left side menu section detail line (a link) */
#leftsidedetail {
 color : #000000;
 background-color : #FFFFFF;
 padding: 1px 1px 1px 1px;
 margin : 0;
 border: none;
 text-align: left;
 font-size: 93%;
}
/* a message to the user about edited data or rows */
div.editmsg {
 font-size:	93%;
 font-weight: bold;
 color : #FF0000;
 height:1.8em;
}
div.formdivision {
 border:solid #999999 1px;
}

/* used in site setup forms */
div.setupform {
 margin-left:70px;
 margin-top:10px;
 height:300px	
}
	
/* used for the right sidemain area */
#pgrightside {
  float : right;
}
/* the box at the top of a form */
div.formheader, div.formtitle {
 overflow:hidden;
 color : #000000;
 background-color : #C9E3A6;
 font-size: 93%;
 font-weight: bold;
 padding: 0.4em 0em 0.5em 0.5em;
 margin : 0px;
 height : 1em;
 vertical-align: middle;
 text-align: left;
}
.tabcontent {
 position : relative;
 border-top : 1px  solid #666666;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 background-color : #e5f2d3;
 border-radius : 0px 4px 4px 4px;
 text-align: left;
 font-weight:normal;
 font-size:93%;
}
/* for main accordian */
.toggler  {
  cursor:pointer;
  font-weight:bold;
  color:#000;
  margin-left: 5px;
  margin-bottom: 2px;
  padding:0px;
  font-size:108%;
}
.toggler:hover {
  background:#eee;
}
.toggler1  {
  cursor:pointer;
  font-weight:bold;
  color:#000;
  margin-left: 5px;
  margin-bottom: 2px;
  padding:0px;
  font-size:93%;
}
.toggler1:hover {
  background:#eee;
}
.element {
  padding:0px;
  border: solid #C9E3A6 1px
  font-size:93%;
}
/* content table left side links */
A:link.contentlink {
 text-decoration: none;
 color: #000000;
}
A:visited.contentlink {
 text-decoration: none;
 color: #000000;
}
A:active.contentlink {
 text-decoration: none;
 color: #000000;
}
A:hover.contentlink {
 text-decoration: underline;
 color: #FF0000;
}
div#blogDropdown {
 width: 143px;
 height: 20px;
 overflow: hidden;
 border: solid #C9E3A6 1px;
 background-color: #f9f9f9;
 text-align:left;
 font-size: 93%;
}
div#blogDropdown span, div#blogDropdown a {
 display: block;
 padding: 2px 3px;
}
div#blogDropdown a:hover {
	background: #f5f5f5;
}
/* format for datarow table title*/
div.datatitle {
 color : #000000;
 background-color : #C9E3A6;
 font-size: 100%;
 font-weight: bold;
 text-align:left;
 padding: 0.4em 0em 0.2em 0em;
 margin : 0px;
 height : 1.9em;
 border:1px solid #C9E3A6;
}
div.datatitle2 {
 color : #000000;
 background-color : #C9E3A6;
 font-size: 85%;
 font-weight: bold;
 padding: 0.4em 0em 0.2em 0em;
 margin : 0px;
 height : 1.4em;
 border:1px solid #C9E3A6;
}
span.titleelement {
 color : #000000;
 background-color : #C9E3A6;
 font-size: 85%;
 font-weight: bold;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 vertical-align:middle;
}
div.formline {
 height:2.1em;
 text-align: left;
}
div.thinformline {
 height:1.5em;
 text-align: left;
}
div.userformline {
 height:1.7em;
 text-align: left;
}
.textbox {
	background-position:left;
	width:390px;
	font-size: 93%;
	color: #000000;
	padding:3px 5px 3px 5px;
  border:1px ridge #C9E3A6
}
.textbox:focus, .textbox:hover {
	background-color:#F0FFE6;
}
.midtextbox {
	background-position:left;
	width:200px;
	font-size: 93%;
	color: #000000;
	padding:3px 5px 3px 5px;
  border:1px ridge #C9E3A6
}
.midtextbox:focus, .midtextbox:hover {
	background-color:#F0FFE6;
}
input {
 border : solid #C9E3A6 1px;
 padding: 1px;
 margin : 0px;
 font-size: 85%;
	}
input.texttype {
 width : 175px;
}
input.datetype {
 width : 70px;
}
input.radiotype {
 border : none;
 padding: 0px;
 margin : 0px;
 margin-top: 0.1em;
 padding-top: 0.4em;
}
input.checkboxtype {
 border : none;
 padding: 0px;
 margin : 0px;
 margin-top: 0em;
 padding-top: 0.4em;
}
input.imagetype {
 border : none;
}
div.hrsmsg {
 font-size:	100%;
 font-weight: bold;
 color : #FF0000;
 height:28px;
 margin-top:4px;
 margin-bottom:4px;
}
div.inform {
 color : #000000;
 background-color : #e5f2d3;
 border: none;
 padding: 0px;
 font-size: 85%;
}
a:link	{
	color:	#336699;
	background-color: transparent;
	}
a:visited	{
	color:	#336699;
	background-color: transparent;
	}
a:active	{
	color:	#996633;
	background-color: transparent;
	text-decoration:	none;
	}
a:hover	{
	color:	#996633;
	background-color: transparent;
	text-decoration:	none;
	}
dt 	{
	font-weight: bold;
	}
/* ol, li, dl, dt, dd {
	line-height: 1.5em;
	} */
.content {
	padding: 11px 20px;
	margin: 5% 15%;
	border: 1px dotted #333;
	/* background-image: url(../images/contentfill.gif);*/
	}
/*p {
	margin-top: 0; padding-top: 0;
	line-height: 1.5em;
	} */
	
/* default table format */
table.default {
 color : #000000;
 background-color : #FFFFFF;
 border: none;
 border-collapse: collapse;
 padding: 0px;
 margin : 0px;
 font-size: 85%;
 text-align: left;
}
/* form surround table format */
table.form {
 color : #000000;
 background-color : #e5f2d3;
 border: solid #C9E3A6 1px;
 padding: 0px;
 margin : 0px;
 text-align: left;
 font-size: 85%;
}
table.inform {
 color : #000000;
 background-color : #e5f2d3;
 border: none;
 padding: 0px;
 margin : 1px;
 text-align: left;
 font-size: 85%;
}
a.datarow {
 border-collapse: collapse;
}
a.datarowalt {
 border-collapse: collapse;
}
tr.datatitle {
 color : #000000;
 background-color : #C9E3A6;
 font-size: 93%;
 font-weight: bold;
 padding: 0px;
 margin : 0px;
 height : 28px;
}

tr.breaktitle {
 color : #000000;
 background-color : #C9E3A6;
 font-size: 85%;
 padding: 0px;
 margin : 0px;
}

tr.dataheading {
 color : #000000;
 background-color : #C9E3A6;
 height : 24px;
 font-size: 85%;
 font-weight: bold;
}

tr.datarowbreak {
 color : #000000;
 background-color : #e5f2d3;
 height : 20px;
 font-weight: bold;
}

tr.datarow {
 color : #000000;
 background-color : #FFFFFF;
 height : 20px;
}

tr.datarowalt {
 color : #000000;
 background-color : #e5f2d3;
 height : 20px;
}

tr.searchrow {
 color : #FFFFFF;
 background-color : #e5f2d3;
 font-family: monospace;
}
A:link.searchrow {
 text-decoration: none;
 color: #FFFFFF;
}

A:visited.searchrow {
 text-decoration: none;
 color: #FFFFFF;
}

A:active.searchrow {
 text-decoration: none;
 color: #FFFFFF;
}

A:hover.searchrow {
 text-decoration: none;
 color: #FFFFFF;
}

td.datatitle {
 font-weight: bold;
}
div.formcover {
 margin-top:5px;
}
tr.extratext {
 color : #000000;
 background-color : #e5f2d3;
 border: solid #C9E3A6 1px;
 padding: 0px;
 margin : 0px;
 text-align: left;
 font-size: 85%;
}
textarea.pagetext {
 background-color : #e5f2d3;
 border:none;
 overflow:hidden;
 width:525px;
 height:100px;
 font-size: 85%;
}
textarea.pagetext1 {
 background-color : #e5f2d3;
 border:solid #C9E3A6 1px;
 overflow:hidden;
 width:525px;
 height:80px;
 font-size: 85%;
 padding: 3px;
 margin : 3px;
}
A:link.selecttitle {
 text-decoration: none;
 color : #336699;
 font-weight: bold;
}

A:visited.selecttitle {
 text-decoration: none;
 color : #336699;
 font-weight: bold;
}

A:active.selecttitle {
 text-decoration: none;
 color : #336699;
 font-weight: bold;
}

A:hover.selecttitle {
 text-decoration: underline;
 color : #FF0000;
 font-weight: bold;
}

.dragSpanDiv{ 	font-size : 85%; 	border: thin solid 1 1 1 1; }

td.loginmsg {
 font-size:	108%;
 font-weight: bold;
 color : #FF0000;
}

td.editmsg {
 font-size:	93%;
 font-weight: bold;
 color : #FF0000;
}
/***************** tiki tabs ***************/

div.page-bar {
 color : #000000;
 background-color : #e5f2d3;
 border: 0px solid #FF0000;
 margin-left:108px;
 padding : 4px 4px 0px 4px;
 font-size : 77%;
}
.tabs {
	padding : 1px 5px;
}
.tabmark {
	display : inline;
	font-size : 77%;
	background-color : #DDDDDD;
	border : 1px solid #666666;
	border-top : 1px solid #666666;
	margin : 0px;
	margin-right : 5px;
	padding : 1px 5px 1px 3px;
	border-radius : 4em;
}
.tabmark a {
	border-radius : 4em;
	/* border-bottom : 0; */
	color : #666666;
	font-weight : bold;
	padding : 1px 5px 1px 3px;
}
.tabmark a:active {
	background-color : white;
	color : black;
}
.tabmark a:hover {
	color : black;
	background-color : #CCCCCC;
}
.tabmark a:visited {
	color : black;
	background-color : #CCCCCC;
}
/* trying to use just CSS - no tables if possible */

fieldset {
	border:1px dotted #CCC;
	padding:0.1em;
}
div.textline {
	height:146px;
}

label {
	height:1.2em;
	margin-top:0.2em;
	margin-right:0.2em;
	padding-top:0.1em;
	padding-left:0.4em;
	float:left;
	display: block;
	font-size: 93%;
	font-weight: normal;
    text-align: left;
}
label.center {
	float:left;
	display: block;
	font-size: 93%;
	font-weight: normal;
	width:100px;
  text-align: center;
}
label.data,div.data {
	height:1.2em;
	margin-top:0.2em;
	margin-right:0.2em;
	padding-top:0.1em;
	padding-left:0.4em;
	float:left;
	display: block;
	font-size: 93%;
    font-weight: bold;
}
label.fixedwidth,div.fixedwidth {
	float:left;
	display: block;
	font-size: 100%;
	font-weight: normal;
	width:100px;
}

div.textareadata,label.textareadata {
	margin-top:3px;
	margin-right:2px;
	padding-top:2px;
	padding-left:6px;
	display: block;
	font-size: 93%;
  width:398px;
  font-weight: bold;
  overflow:auto;
}

.shorttextbox {
	background-position:left;
	width:100px;
	font-size: 93%;
	color: #000000;
	padding:3px 5px 3px 5px;
  border:1px ridge #C9E3A6
}
.shorttextbox:focus, .shorttextbox:hover {
	background-color:#F0FFE6;
}
.datebox {
	background-position:left;
	width:90px;
	font-size: 93%;
	color: #000000;
	padding:3px 5px 3px 5px;
  border:1px ridge #C9E3A6
}
.datebox:focus, .datebox:hover {
	background-color:#F0FFE6;
}
img.icon	{
	border : 0px;
  margin: 0px 6px 0px 0px;
	padding:0px 0px 5px 0px;
  vertical-align: middle;
	}
checkbox.center	{
	border:none;
  margin-top: 3px;
	}
.form {
	margin:0;
	padding:0;
}
textarea.assignment {
  overflow:hidden;
  width:398px;
  height:90px;
  font-size: 93%;
  border:1px ridge #C9E3A6
}
textarea.assignment:focus, textarea.assignment:hover {
  background-color:#F0FFE6;
}
textarea.narrow {
  overflow:hidden;
  width:200px;
  height:160px;
  font-size: 93%;
  border:1px ridge #C9E3A6
}
textarea.narrow:focus, textarea.narrow:hover {
  background-color:#F0FFE6;
}
/* AEP specific  */

/* for sub accordians */
.aep_step2_toggler  {
  cursor:pointer;
  font-weight:bold;
  color:#000; margin: 5px;
  padding-left:10px;
  font-size:108%;
}

.aep_step2_toggler:hover {
  background:#eee;
}
.aep_step2_element {
  padding-left:10px;
  border: solid #C9E3A6 1px
}
.aep_step3_toggler  {
  cursor:pointer;
  font-weight:bold;
  color:#000; margin: 5px;
  padding-left:10px;
  font-size:100%;
}

.aep_step3_toggler:hover {
  background:#eee;
}
.aep_step3_element {
  padding-left:10px;
  border: solid #C9E3A6 1px;
  height:300px;
}
/* formats */
div.aep1 {
  overflow:auto;
  width:345px;
  height:285px;
  font-size: 93%;
  border:1px ridge #C9E3A6;
  background-color : #FFFFFF;
  padding : 3px 3px 3px 1px;
}
div.aep2 {
  overflow:auto;
  width:348px;
  font-size: 93%;
  border:1px ridge #C9E3A6;
  background-color : #FFFFFF;
  padding : 3px 0px 3px 1px;
}
div.aep3 {
  float:left;
  background-color : #FFFFFF;
  border:1px ridge #C9E3A6;
  padding : 3px 1px 3px 3px;
}
div.aep4 {
  float:left;
  background-color : #FFFFFF;
  border:1px ridge #C9E3A6;
  padding : 3px 1px 3px 3px;
  height:53px;
}
div.aep_goals {
  overflow:hidden;
  width:430px;
  font-size: 93%;
  border:none;
  padding : 3px 3px 3px 3px;
  margin-left:110px;
}
div.aep_goals_wide {
  overflow:hidden;
  width:570px;
  font-size: 93%;
  border:none;
  padding : 3px 3px 3px 3px;
  margin-left:110px;
}
label.aep_planning {
  width:220px;
  height:54px;
  font-size: 85%;
  border:none;
  padding-left : 5px;
}
textarea.aep_goals {
  overflow:auto;
  width:430px;
  height:93px;
  font-size: 93%;
  border:1px ridge #C9E3A6;
}
textarea.aep_planning {
  overflow:auto;
  width:430px;
  height:4em;
  font-size: 93%;
  border:1px ridge #C9E3A6;
}
textarea.aep_goals_wide {
  overflow:auto;
  width:570px;
  height:4em;
  font-size: 93%;
  border:1px ridge #C9E3A6;
}
div.aep_achieve {
  overflow:hidden;
  width:410px;
  font-size: 93%;
  border:1px ridge #C9E3A6;
  background-color : #FFFFFF;
  padding : 1px 3px 1px 0px;
}
div.aep_achieve_heading {
  overflow:hidden;
  width:600px;
  font-size: 93%;
  border:1px ridge #C9E3A6;
  background-color : #C9E3A6;
  padding : 3px 3px 3px 3px;
}
div.aep_achieve_title {
  overflow:hidden;
  float:left;
  font-size: 93%;
  font-weight: bold;
  border:1px ridge #C9E3A6;
  background-color : #C9E3A6;
  padding : 1px 3px 1px 3px;
}

div.aep_course {
  float:left;
  background-color : #FFFFFF;
  padding : 0px 1px 0px 3px;
  border:none; //1px ridge #C9E3A6;
}

.aep_gradebox {
	background-position:left;
	width:37px;
	color: #000000;
  border:1px ridge #ffffff;
  padding : 0px 1px 0px 3px;
}
.aep_gradebox:focus, .aep_gradebox:hover {
	background-color:#F0FFE6;
}
/* end AEP sepcific */
div.formbuttons {
 color : #000000;
 background-color : #e5f2d3;
 border: 0;
 border-top : 1px solid #000000;
 padding : 3px 0px 3px 0px;
 text-align: center;
}
div.blogdesc {
  font-size: 93%;
  border:0px solid #000000;
  padding: 6px;
  background-color : #e5f2d3;
  height:100px;
  overflow: auto;
}
div.blogdescexp {
  font-size: 93%;
  border:0px solid #000000;
  padding: 6px;
  background-color : #e5f2d3;
  width:449px;
}
td.blogdescexp {
  font-size: 93%;
  border:0px solid #000000;
  padding: 6px;
  background-color : #e5f2d3;
  width:449px;
}
div.blogowner {
  width:200px;
  font-size: 93%;
  border:0px ridge #C9E3A6;
  text-align: center;
  padding: 6px;
  float:right;
  background-color : #e5f2d3;
  vertical-align:top;
}
td.blogowner {
  width:200px;
  font-size: 93%;
  border:0px ridge #C9E3A6;
  text-align: center;
  padding: 6px;
  background-color : #e5f2d3;
}
div.blogpostheader {
  overflow:hidden;
  width:425px;
  font-weight: bold;
  font-size: 108%;
  padding: 3px;
  margin:0px;
  height : 18px;
  background-color : #C9E3A6;
  border:0px ridge #000000;
}
div.blogpostdate {
  overflow:hidden;
  width:209px;
  font-weight: normal;
  font-size: 85%;
  text-align:right;
  padding: 3px;
  height : 18px;
  background-color : #C9E3A6;
  border:0px ridge #000000
}
td.blogdate {
 font-size:	93%;
 font-weight: normal;
}
div.blogpostdetail {
  width:550px;
  font-size: 93%;
  margin:6px;
  border:0px ridge #C9E3A6
}
div.currentpostlink {
  width:640px;
  font-weight: normal;
  font-size: 85%;
  text-align:right;
  padding: 3px;
  height : 18px;
  background-color : #C9E3A6;
  border:0px ridge #C9E3A6
}
/* start mooflow */

div.smallmooflow {
 width:63%;
 border:1px solid #C9E3A6
}

.mf{visibility: hidden; z-index:1; color:#000; font-size:108%}
.mf * {
	outline:none;
	border:none;
	padding:0;
	margin:0;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select:none;
	-o-user-select:none
}
.mf div.loader{
	position:absolute;
	text-align:center;
	z-index:10000;
	margin:0 auto;
	top:45%;
	width:100%;
	background:url(../scripts/mooflow/skin/ajax_loader.gif) no-repeat 50% 0;
	padding:50px 0;
}
.mf div.caption {
	position:absolute;
	text-align:center;
	z-index:98;
	margin:1em auto;
	bottom:50px;
	width:100%;
}
.mf div.mfNav{
	position:absolute;
	z-index:99;
	margin:0 auto;
	text-align:center;
	width:100%;
	bottom:10px;
	font-size:1px;
	line-height:1px;
	width:100%;
}
.mf div.autoPlayCon{
	float:left;
	width:10%;
	padding-left:3%;
	height:24px;
}
.mf a.play, .mf a.stop{
	width:27px;
	height:24px;
	float:left;
	cursor:pointer;
}
.mf a.play{
	background:url(../scripts/mooflow/skin/play.gif) no-repeat;
}
.mf a.stop{
	background:url(../scripts/mooflow/skin/stop.gif) no-repeat;
}
.mf div.sliderCon{
	margin-top:5px;
	float:left;
	width:74%;
}
.mf a.sliderNext{
	background:url(../scripts/mooflow/skin/left.gif) no-repeat;
}
.mf a.sliderPrev{
	background:url(../scripts/mooflow/skin/right.gif) no-repeat;
}
.mf a.sliderNext, a.sliderPrev{
	text-decoration:none;
	width:25px;
	height:16px;
	cursor:pointer;
	float:left;
}
.mf div.resizeCon{
	float:right;
	width:10%;
	padding-right:3%;
	height:24px;
}
.mf a.resize{
	width:34px;
	height:24px;
	float:right;
	cursor:pointer;
	background:url(../scripts/mooflow/skin/resize.gif) no-repeat;
}
.mf div.slider{
	background:url(../scripts/mooflow/skin/middle.gif) repeat-x;
	height:16px;
	position:relative;
	text-align:left;
	float:left;
}
.mf div.knob{
	height:16px;
	background:url(../scripts/mooflow/skin/middle-slider.gif) repeat-x right center;
}
.mf div.knobleft{
	background:url(../scripts/mooflow/skin/left-slider.gif) repeat-x center;
	width:8px;
	height:16px;
}
/* end mooflow */
/* even odd for dhtmlxgrid */
.dataroweven {
 background-color : #FFFFFF;
}

.datarowodd {
 background-color : #e5f2d3;
}

#menu-container {
	display:block;
	position:relative;
	margin:0px auto 0px;
  font-size: 100%;
  font-weight: bold;
  z-index:100;
  height : 20px;
}
#drop_down_menu {
	display:block;
	position:absolute;
	clear:both;
	margin:0px;
	padding:0px;
	text-align:left;
	list-style-type:none;
	float:none;
	left:0px;
	top:0px;
}
#drop_down_menu li {
	font-size:100%;
	font-weight:bold;
	float:left;
	color:#000000;
	padding:0px;
	cursor:pointer;
	background-color:#C9E3A6;
  width:87px;
  margin-left:2px;
}
#drop_down_menu li ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	padding-top:5px;
  margin-left:2px;
}
#drop_down_menu li ul li {
	display:block;
	float:none;
	clear:both;
  margin-left:2px;
}
#drop_down_menu li ul li a {
	color:#000000;
	font-weight:normal;
	text-decoration:none;
	display:block;
  margin-left:2px;
}
div.flash {
	width: 375px;
	margin: 10px 5px;
	border-color: #D9E4FF;

	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
    -moz-border-radius-topright : 5px;
    -webkit-border-top-right-radius : 5px;
    -moz-border-radius-bottomleft : 5px;
    -webkit-border-bottom-left-radius : 5px;
    -moz-border-radius-bottomright : 5px;
    -webkit-border-bottom-right-radius : 5px;

}
.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.flashmessage {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../Resources/images/lang_en/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}

/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}
/* tooltip design */
.ToolTips { display:block; position:absolute; width:404px; }
.ToolTips .sticky_close { display:block; position:absolute; top:1px; right:3px; background:url(../Resources/images/lang_en/tipimages/fileclose.png); width:16px; height:16px; line-height:16px; font-size:0px; z-index:100000000; }
.ToolTips .message { display:block; position:relative; background:url(../Resources/images/lang_en/tipimages/tip_body.png) repeat-y; padding:0px 10px; }

/* here we do a little switch. If the tooltip is positioned above the element hovered, it changes the classes on the header/footer divs in order to point at the element hovered */
.ToolTips .dockBottomHeader, 
.ToolTips .dockTopFooter { display:block; position:relative; background:url(../Resources/images/lang_en/tipimages/dockBottomHeader.png) no-repeat bottom; height:33px;  }
.ToolTips .dockTopFooter { background:url(../Resources/images/lang_en/tipimages/dockTopFooter.png) no-repeat bottom; height:38px; }

.ToolTips .dockBottomFooter,
.ToolTips .dockTopHeader { display:block; position:relative; background:url(../Resources/images/lang_en/tipimages/dockBottomFooter.png); height:14px; line-height:11px; font-size:0px; clear:both; }
/* this one has more height to display the close button in case sticky tooltips are on */
.ToolTips .dockTopHeader { background:url(../Resources/images/lang_en/tipimages/dockTopHeader.png) bottom center no-repeat; height:20px; line-height:20px; font-size:0px; }

* html .ToolTips .dockBottomHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Resources/images/lang_en/tipimages/dockBottomHeader.png'); }
* html .ToolTips .dockBottomFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Resources/images/lang_en/tipimages/dockBottomFooter.png'); }
* html .ToolTips .dockTopHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Resources/images/lang_en/tipimages/dockTopHeader.png'); }
* html .ToolTips .dockTopFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Resources/images/lang_en/tipimages/dockTopFooter.png'); }
* html .ToolTips .sticky_close {  background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Resources/images/lang_en/tipimages/fileclose.png');  }

/* this is just a div displaying the loading animated .gif */
.loading { display:block; margin:0px auto 0px; background:url(../Resources/images/lang_en/tipimages/ajax-loader.gif) center center no-repeat; width:31px; height:50px; }

/* tip container */
.tipContainer { display:none; }

/* beautify the tooltip content */
.ToolTips .message { font-size:93%; text-align:justify; }
.ToolTips .message h3 { font-size:123.1%; margin:0px 0px 10px; padding:0px; color:#FF6600; }
.ToolTips .message .rights { display:block; clear:both; margin:15px 0px 0px; text-align:right; font-size:85%; color:#666666; }

#mainappmenu {
	margin: 0 0 10px 0;
}

    #schoolcontainer button {
        /* 
            Suppress the focus outline since Safari will outline even the 
            text that is clipped by the application of the "overflow" property
            in the follow style rule.
        */
        outline: none;
    }

    #schoolcontainer button em {
        font-style: normal;
        display: block;
        text-align: left;
        white-space: nowrap;
        /*  Restrict the width of the label to 20em. */
        width: 20em;
        /* Hide the overflow if the text label exceeds 10em in width. */
        overflow: hidden;
        /* 
            IE, Safari and Opera support the ability to add ellipsis when the text 
            label exceeds 20em in width.
        */
        text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
    }
    
    #teachercontainer button {
        /* 
            Suppress the focus outline since Safari will outline even the 
            text that is clipped by the application of the "overflow" property
            in the follow style rule.
        */
        outline: none;
    }

    #teachercontainer button em {
        font-style: normal;
        display: block;
        text-align: left;
        white-space: nowrap;
        /*  Restrict the width of the label to 15em. */
        width: 14em;
        /* Hide the overflow if the text label exceeds 15em in width. */
        overflow: hidden;
        /* 
            IE, Safari and Opera support the ability to add ellipsis when the text 
            label exceeds 10em in width.
        */
        text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
    }
    #classcontainer button {
        /* 
            Suppress the focus outline since Safari will outline even the 
            text that is clipped by the application of the "overflow" property
            in the follow style rule.
        */
        outline: none;
    }

    #classcontainer button em {
        font-style: normal;
        display: block;
        text-align: left;
        white-space: nowrap;
        /*  Restrict the width of the label to 15em. */
        width: 15em;
        /* Hide the overflow if the text label exceeds 15em in width. */
        overflow: hidden;
        /* 
            IE, Safari and Opera support the ability to add ellipsis when the text 
            label exceeds 10em in width.
        */
        text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
    }
    
    div.esp_col1 {
     width:250px;
     height:24px;
     border:solid #C9E3A6 1px;
     float:left;
     padding-left:5px;
     padding-top:1px;
    }
    div.esp_col2 {
     width:100px;
     height:24px;
     border:solid #C9E3A6 1px;
     float:left;
     padding-left:5px;
     padding-top:1px;
    }
    div.esp_col3 {
     width:300px;
     height:24px;
     border:solid #C9E3A6 1px;
     float:left;
     padding-left:5px;
     padding-top:1px;
    }
    div.esp_col1_header {
     width:250px;
     height:20px;
     border:solid #C9E3A6 1px;
     float:left;
     padding-left:5px;
     background-color : #C9E3A6;
    }
    div.esp_col2_header {
     width:100px;
     height:20px;
     border:solid #C9E3A6 1px;
     float:left;
     padding-left:5px;
     background-color : #C9E3A6;
    }
    div.esp_col3_header {
     width:300px;
     height:20px;
     border:solid #C9E3A6 1px;
     float:left;
     padding-left:5px;
     background-color : #C9E3A6;
    }
    
textarea.esp_supports {
  overflow:auto;
  width:650px;
  height:32px;
  font-size: 93%;
  border:1px ridge #C9E3A6;
}
textarea.esp_goals {
  overflow:auto;
  width:650px;
  height:32px;
  font-size: 93%;
  border:1px ridge #C9E3A6;
}
textarea.esp_strength {
  overflow:auto;
  width:300px;
  height:32px;
  font-size: 93%;
  padding-left:3px;
  border:1px ridge #C9E3A6;
}
textarea.esp_comments {
  overflow:auto;
  width:430px;
  height:80px;
  font-size: 93%;
  border:1px ridge #C9E3A6;
}
textarea.esp_date {
  overflow:auto;
  width:80px;
  height:32px;
  font-size: 93%;
  padding-left:3px;
  border:1px ridge #C9E3A6;
}
textarea.esp_infosource {
  overflow:auto;
  width:220px;
  height:32px;
  font-size: 93%;
  padding-left:3px;
  border:1px ridge #C9E3A6;
}
textarea.esp_results {
  overflow:auto;
  width:340px;
  height:32px;
  font-size: 93%;
  padding-left:3px;
  border:1px ridge #C9E3A6;
}
textarea.esp_commservice {
  overflow:auto;
  width:620px;
  height:16px;
  font-size: 93%;
  padding-left:3px;
  border:1px ridge #C9E3A6;
}
textarea.esp_commhrs {
  overflow:auto;
  width:60px;
  height:16px;
  font-size: 93%;
  padding-left:3px;
  border:1px ridge #C9E3A6;
}
.yui-skin-sam .yui-dt-col-address pre { font-family:arial;font-size:100%; } /* Use PRE in first col to preserve linebreaks*/

 div.tab_text_box_medium {
  height:220px;
  width:398px;
  background-image: url('./resources/images/lang_en/elements/uptab_set_green/textbox_400.png'); 
  background-repeat: no-repeat; /*  repeat-x  repeat-y repeat  no-repeat  */ 
 }