body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0px 0px; padding:0px 0px;}
html{ margin-bottom:1px; background:#FFF;}
body, pre.fpAnswer{ margin:0 auto; font-family:Tahoma, Arial;}
.container { font-weight:normal; color:#303030; font-size:1px; text-align:center;}
a img{ border:none;}


.wrapper{ position:relative; width:886px; margin:0 auto; height:auto; overflow:hidden;}
.container{ width:100%; height:auto; overflow:hidden; float:left;}
.container a { outline:none; text-decoration:none; border:0px; color:#303030;}
.floatLeftAutowh{ width:auto; height:auto; float:left;}
.floatRightAutowh{ width:auto; height:auto; float:right;}

.mainHedding{ width:575px; height:auto; float:left; overflow:hidden; margin:30px 0px 0px 15px;}
.darkBlue{ color:#010051;}
.bold{ font-weight:bolder;}
.left{ text-align:left;}
.right{ text-align:right;}
.underline{ text-decoration:underline;}
.italic{ font-style:italic;}

.darkBlueBtn { -moz-border-radius:16px;-webkit-border-radius:16px; background:#010051; padding:3px 20px; color:#FFF; text-transform:uppercase; }

.darkBlue input#register { background:url(../images/bkg_BigBtn_03.png) repeat-x center center; cursor: hand; cursor: pointer; }

.footerLinks{ width:auto; height:auto; margin-left:40px;}
.text12px{ font-size:12px; line-height:16px;}
.text13px{ font-size:13px; line-height:18px;}
.text11px{ font-size:11px; line-height:14px; font-weight:normal;}
.text14px { font-size:14px; line-height:18px; }
.text16px{ font-size:16px; line-height:24px;}
.text18px{ font-size:18px; line-height:24px;}
.text24px{ font-size:24px; line-height:28px;}
.text30px{ font-size:30px; line-height:34px;}


/*------------------------------------- Zend Form --------------------------------------*/

/*this is for the astherix ex (<label><span>*</span>blabla</label>)-*/
form#register .zend_form label.required:before, dl#comment.zend_form label.required:before {
    content: '* ';
    color: #ff0000;
}

.zend_form dd {
  text-align:left;
}

.form_container{
  overflow:hidden;
}

dl.zend_form {
    margin: 1em 0;
    padding: 0;
    font-size:12px;
    font-family:Tahoma, Geneva, sans-serif;
    width:100%;
    overflow:auto;
}

.zend_form dt{
    width: 10em;
    float: left;
    margin: 0 0 0 0;
    padding: 1em .5em .5em .5em; 
    text-align: right;
    color:#010051;    
}

.zend_form dd {
    float: left;
    margin: 0 0 0 0;
    padding: .5em;
}

.zend_form dd input, .zend_form dd select, .zend_form dd select option {
	height:21px;
  border:2px solid #dbdbdb;
  background:#fafafa;
  color:#333;
	padding:5px 0 0 3px;
}

.zend_form dd textarea {
  height:70px;
  border:1px solid #dbdbdb;
  background:#fafafa;
  color:#333;
	padding:5px 0 0 3px;
}

.zend_form dd input#submit, .zend_form dd input#create, .zend_form dd input#update, input#deleteperson, input#deletemodule, input#deleteworkshop, input#create, input#cancel, input#print_view, .stepForm input#submit {
  color:#ffffff;
  font-weight: bolder;
  -moz-border-radius: 8px; 
  -webkit-border-radius: 8px;
  border: 0px solid; 
	background:url(../images/bkg_generalButtons.png) repeat-x center center;
	font-weight:bold; 
	padding:4px 10px 6px 10px; 
	height:27px;
	text-transform:uppercase;
	cursor: pointer;	
}

.zend_form dd input#submit{
  margin-left: 200px; 
}

.zend_form dd input#create{
  margin-left: 135px; 
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */


dl.zend_form dd ul.errors {
    list-style: none;
    padding: 0;
    margin: 0;
}
	
dl.zend_form dd ul.errors li {
    float: left;
    font-size: 10px;
    color: #666666;
    width: 250px;
}

.bluebutton {
    color:#ffffff;
    font-weight: bolder;
    font-size: 24px;
    background-color: #3394e5;
    align: right;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px;
    border: 0px solid; 
    padding: 5px;
}

/*------------------------------------- gery box borders corners --------------------------------------*/

.greyBoxUpLeftCorner{ background:url(../images/greyBoxBorders.jpg) no-repeat 0px 0px;}
.greyBoxUpRightCorner{ background:url(../images/greyBoxBorders.jpg) no-repeat 0px -18px;}
.greyBoxDownLeftCorner{ background:url(../images/greyBoxBorders.jpg) no-repeat 0px -9px;}
.greyBoxDownRightCorner{ background:url(../images/greyBoxBorders.jpg) no-repeat 0px -27px;}

.greyBoxTopBorder{ background:url(../images/greyBoxBorders.jpg) repeat-x 0px -36px;}
.greyBoxDownBorder{ background:url(../images/greyBoxBorders.jpg) repeat-x 0px -45px;}

.greyBoxLeftBorder{ background:url(../images/greyBoxBorders2.jpg) repeat-y 0px 0px;}
.greyBoxRightBorder{ background:url(../images/greyBoxBorders2.jpg) repeat-y -9px 0px;}


#content {
    margin-top:11px;
}

#header {
    background-color: #EEEEEE;
    height: 30px;
}


/* --------------------- */
/* Datatables row colors */
/* --------------------- */
	.statusCreated{
		color: #025960;
	}
	
	.statusInDevelopment{
		color: #025960;
	}

	.statusPosted{
		color: #181f63;
	}
			
	.rowDisable{
		color: #aaaaaa;
	}
	
	/* s_created */
	table.display tr.odd.s_created {
		background-color: #ddddde;
	}
	table.display tr.even.s_created {
		background-color: #ffffff;
	}/*
	tr.odd.s_created td.sorting_1 {
		background-color: #ddddde;
	}
	tr.odd.s_created td.sorting_2 {
		background-color: #d1ffd1;
	}
	tr.even.s_created td.sorting_1 {
		background-color: #d5ffd5;
	}
	tr.even.s_created td.sorting_2 {
		background-color: #e2ffe2;
	}*/

	/* s_deleted */
	table.display tr.odd.s_deleted {
		background-color: #ddddde;
	}
	table.display tr.even.s_deleted {
		background-color: #ffffff;
	}/*
	tr.odd.s_deleted td.sorting_1 {
		background-color: #ffc4c4;
	}
	tr.odd.s_deleted td.sorting_2 {
		background-color: #ffd1d1;
	}
	tr.even.s_deleted td.sorting_1 {
		background-color: #ffd5d5;
	}
	tr.even.s_deleted td.sorting_2 {
		background-color: #ffe2e2;
	}*/

	/* s_confirmed */
	table.display tr.odd.s_confirmed {
		background-color: #ddddde;
	}
	table.display tr.even.s_confirmed {
		background-color: #ffffff;
	}/*
	tr.odd.s_confirmed td.sorting_1 {
		background-color: #ffff55;
	}
	tr.odd.s_confirmed td.sorting_2 {
		background-color: #ffff44;
	}
	tr.even.s_confirmed td.sorting_1 {
		background-color: #ffff22;
	}
	tr.even.s_confirmed td.sorting_2 {
		background-color: #ffff11;
	}*/

/*-------------- learning individualpage -------*/

p { margin:12px 0 0 0; padding:0px; 
}
.numberedBox { width:398px; float:left; overflow:hidden; margin:0 0 18px 4px; height:298px; -moz-border-radius:14px;-webkit-border-radius:14px; padding:1px; border:1px solid #ececec; background:#d1d1d1; 
}
.numberedBox a { text-decoration:none; }
.lftMarg { margin:0 0 18px 6px; 
}
.numberedBoxInner { border:1px solid #f7f7f7; background:#fafafa; -moz-border-radius:12px;-webkit-border-radius:12px; height:268px; padding:14px; 
}
.learningNo { float:left; overflow:hidden; margin:58px 0 0 0; 
}
.learningSubtitle { float:left; overflow:hidden; width:280px; margin:0 0 0 13px; 
}
.stellarLftBar img { margin:0px; padding:0px; font-size:0px; }

/*------------- teacher resources -----------*/

.greyBoxCont { float:left; overflow:hidden; margin:9px 0 18px 4px; height:auto; -moz-border-radius:14px;-webkit-border-radius:14px; padding:1px; border:1px solid #ececec; background:#d1d1d1; }
.greyBoxContInner { border:1px solid #f7f7f7; background:#fafafa; -moz-border-radius:12px;-webkit-border-radius:12px; height:auto; padding:14px; }

.blockTxt { width:560px; }
.blockImg { width:280px; margin:0 0 0 16px;}

/*------------------------------------- sublink --------------------------------------*/

.SubLink{ font-family:Century Gothic CE, Tahoma; font-size:12px; float:left; width:auto; height:auto; margin:12px 0px 0px 40px;}

.professionalDevSubLinkSelected a{ color:#394070; font-size:13px;}

.innerpageLeftContainer{ width:591px; height:auto; float:left; overflow:hidden;}
.innerpageRightContainer{ width:283px; height:auto; float:left; overflow:hidden; margin-left:12px;}

.content { font-size: 14px; }

div#moduleInfoTop {
	text-align:                    left;
	margin:                        0px 180px;
	padding:                       10px 0px;
	/*border:                        1px solid red;*/
	clear:                         left;
}

div#moduletitle {
	font-size:                     110%;
	color:                         gray;
}

div#modulename {
font-weight:                       bold;
    font-size:                     180%;	
}

div#formContainer {
	overflow:                      auto;
	clear:                         both;
	margin:                        0px;
}

div#formSectionName {
  padding:                        25px 5px;
  color:                          #737373;
  font-weight:                    bold;
  width:                          100px;
  float:                          left;
}
div#formSectionName h2 {
  color:                          #607097;
  font-weight:                    normal;
  font-size:                      1em;
  margin-bottom:                  5px;
}

div#formDescriptionOut {
    margin:                        9px 0px 0px 40px;	
}
div#formDescription {
    text-align:                    left;
    padding:                       10px 30px;
    width:                         650px;
    float:                         left;
}
div#formDescription p.moduleDescription {
	color:                         gray;
	margin-top:                    5px;
}

div#formContent {
	margin:                        25px 0px 5px 0px;
}

div#documentsAlert {
	color:                         gray;
	font-size:                     90%;
}

ul.linksList li a {
	color:                         blue;
	text-decoration:               underline;
}

dl.stepForm {
	text-align:                    center;
}
dl.stepForm dt {
	text-align:                    left;
	font-size:                     12pt;
	font-weight:                   bold;
}
dl.stepForm dt a {
	color:                         blue;
	text-decoration:               none;
}
dl.stepForm dt a:hover {
    text-decoration:               underline;
}
span.stepIndex {
	margin-right:                  15px;
}
dl.stepForm dd textarea {
	width:                         600px;
	height:                        15em;
	margin:                        5px auto 20px auto;
}

dl.stepForm dd.stepMult {
	text-align:                    left;
	margin:                        3px 0px 10px 40px;
	line-height:                   25px;
}
input.stepMulti {
	margin-right:                  10px;
    vertical-align:                middle;
}


div#savedOK {
	margin:                        50px auto;
	text-align:                    center;
	font-size:                     140%;
	font-weight:                   normal;
	color:                         ForestGreen;
}
div#savedOK a {
	color:                         navy;
	text-decoration:               underline;
	font-size:                     80%;
}

div#navStep {
	font-size:					   8pt;
	float:						   right;
	color:						   gray;
}
div#navStep a {
	color:						   SteelBlue;
}
div#navStep a:hover {
	text-decoration:			   underline;
}
div#navStep span.navHome {
  margin-right:                 10px;
}
div#navStep span.navPrev {
  margin-left:                  10px;
}

div#otherLinks {
  text-align:                   right;
  margin-top:                   5px;
}
div#otherLinks span.linkSeparator {
  margin:                        0 10px;
}

div#userinfo_container {
	text-align:						left;
	margin:							10px;
	clear:							both;
	overflow:						auto;
}
div#generalInfo {
	font-size:						130%;
	margin-bottom:					20px;
}
div#fpInfo {
	margin:							10px;
	padding:						10px;
	border:							2px dotted LightSteelBlue;
}
div#fpInfo span.fpQuestion {
	font-weight:					bold;
	font-size:						100%;
	color:							#444444;
}
div#fpInfo pre.fpAnswer {
	padding:						5px 25px;
	margin:							0px auto 15px auto;
  white-space:      pre-wrap;
}

form#person td,  form#report td {
	vertical-align:					top;
}

div#workshop_cont {
	font-size:						10pt !important;
	padding:						20px;
	clear:							both;
}

div#workshop_data {
	color:							silver;
	font-size:						1.1em;
}
div#workshop_data span {
	margin:							auto 15px;
	color:							black;
}
div#workshop_data span strong {
	color:							gray;
}

div#workshop_details {
	margin:							30px auto;
	text-align:						left;
	padding:						0 10px;
}

table#workshops {
	font-size:						0.95em;
	margin:							10px 20px;
	width:							100%;
}
table#workshops thead {
	text-align:						left;
}
table#workshops th {
	font-size:						1.1em;
	background-color:				Lavender;
	padding:						10px 5px;
}
table#workshops td.ws_count {
	color:							gray;
}
table#workshops td {
	padding:						8px 5px;
	border-bottom:					1px solid LightSteelBlue;
}

div#backLearningHome {
  margin-top:             40px;
  position:               relative;
  float:                  left;
}
div#backLearningHome a {
  color:                  SteelBlue;
}