http://www.dev.uen.org/mockups/lessonplan/preview.shtmlhttp://www.dev.uen.org/mockups/lessonplan/preview.shtmlhttp://www.dev.uen.org/mockups/lessonplan/preview.shtmlhttp://www.dev.uen.org/mockups/lessonplan/preview.shtml/*	Default Layout
	92px columns, 24 px gutters, 72 px margins, 1234px total (extra space for scrollbars)
	-------------------------------------------------------------------------------
cols    1    2     3     4     5     6     7     8     9     10     11     12     13
px      68   160   252   344   436   528   620   712   804   896	988    1050   1142 */

/* ==================== Lesson Plan application style elements ==================== */


.bottom-padding-10 {
  padding-bottom: 10px;
}

.bottom-padding-15 {
  padding-bottom: 15px;
}

.bottom-padding-20 {
  padding-bottom: 20px;
}

.top-padding-20 {
  padding-top: 20px;
}

.inline-field input,
.inline-field label {
  display: inline;
  margin-bottom: 0;
  vertical-align: middle;
}


/* these alert styles are copied from UIkit because MKB can't get UIkit to work on the login page without screwing up the layout */
.alert {
  margin-vertical: 5px;
  padding: 10px;
  border-radius: 4px;
}

.alert-message {
  color: #2d7091;
  background-color: #ebf7fd;
  border: 1px solid rgba(45,112,145,.3);
}

.alert-success {
  color: #659f13;
  background-color: #f2fae3;
  border: 1px solid rgba(101,159,19,.3);
}

.alert-warning {
  background: #fffceb;
  color: #e28327;
  border: 1px solid rgba(226,131,39,.3);
}

.alert-danger {
  background: #fff1f0;
  color: #d85030;
  border: 1px solid rgba(216,80,48,.3);
}

.message-div {
	display:inline-block;
	height:28px;
	font-style: italic;
	color: #659f13;
	background-color:#f2fae3;
    vertical-align: middle;
    border-radius: 4px;
    border: 1px solid rgba(101,159,19,.3);
    padding-left: 10px;
    padding-right: 10px;
}


/* Styles used for the Authors canvas. */
.author-warning-padding {
	padding:5px;
	margin-bottom:10px;
}


/* Styles used for the Core Ties canvas. */
.uen-blue {
	color:#6689CC;
}

.tar {
	text-align:right;
}

.mr32 {
	margin-right:32px;
}

.st { /* select table */
	border-bottom: 1px solid #ddd;
	padding-bottom:8px;
}

.tls { /* table left section */
	width:20%;
	display:inline;
	float:left;
}

.tms { /* table middle section */
	width:auto;
	display:inline;
}

.trs { /* table right section */
	width:7%;
	display:inline;
	float:right;
}

.mb10 {
	margin-bottom:10px;
}

.rp { /* row padding (for rows that can be grayed out) */
	padding:0.7%;
}

.timeout_error {
	margin-left:25px; 
	color:red;
}
/* End of Styles used for the Core Ties canvas. */


.left-column {
      width: 250px;
      padding: 10px;
      float: left;
    }

    #page h4 {
      letter-spacing: normal;
      border-bottom: 1px solid #4fa600;
      margin: 7px 0 14px 0;
      padding-bottom: 2px;
    }

    .right-column {
      width: 860px;
      padding: 10px;
      float: left;
      margin-left: 20px;
      -webkit-box-shadow:  -5px 0px 10px -5px rgba(0, 0, 0, .4);
      box-shadow:  -5px 0px 10px -5px rgba(0, 0, 0, .4);
    }

    .column-box-right {
      width: 190px;
      margin-right: 5px;
      float: right;
      margin-left: 15px;
      margin-bottom: 15px;
      -webkit-box-shadow: 2px 2px 2px rgba(0,0,0, .4);
      -moz-box-shadow: 2px 2px 2px rgba(0,0,0, .4);
      box-shadow: 2px 2px 2px rgba(0,0,0, .4);
      padding-top: 5px;
      padding-right: 7px;
      padding-bottom: 5px;
      padding-left: 7px;
      border-top-width: 3px;
      border-top-style: solid;
      border-top-color: #6D28AA;
      background-color:  #F3F3F3;
      border-right-width: 1px;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-right-style: solid;
      border-bottom-style: solid;
      border-left-style: solid;
      border-right-color: #CCC;
      border-bottom-color: #CCC;
      border-left-color: #CCC;
      -webkit-border-radius: 0px 0px 10px 10px;
      border-radius: 0px 0px 10px 10px;
    }

    #print-resource-page {
      position: relative;
    }

    #print-resource-page a {
      position: absolute;
      top: -33px;
      right: -5px;
      padding-left: 22px;
    }

    .count {
      float: right;
      border: 2px solid #999999;
      margin-top: 10px;
      padding-top: 1px;
      padding-right: 3px;
      padding-bottom: 1px;
      padding-left: 3px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      color: #333333;
    }

    .uk-alert {
      background: #d5e2f6;
      color: #6689cc;
      border: 1px solid rgba(52,106,189,.3);
    }

    ::selection {
      background: #6689cc;
    }

    .uk-tab>li>a {
      color: #6689cc;
    }

    .uk-button {
      background: #6689CC;
      color: white;
      padding: 0 15px;
    }

    .uk-button:hover {
      color: white;
      background: #6689CC;
    }
    /*The icon code reference: http://astronautweb.co/snippet/font-awesome/   */   
    .uk-accordion-title:before {    
      font-family: FontAwesome;
      font-size: 20px;
      content: "\f0da";
      padding-right:5px;
    }  
    .uk-accordion-title.uk-active:before {  
      font-family: FontAwesome;
      font-size: 20px;
      content: "\f0d7";
      padding-right:5px;
    }
/*		10 Column Layout: 992px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

@media only screen and (min-width: 992px) and (max-width: 1221px) {

.left-column {
			width: 200px;
			}
.right-column  {
			width: 660px;
		}
}



/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {

.left-column {
			width: 200px;
			}
.right-column  {
			width: 475px;
		}
.column-box-right {
	width: 155px;
	}

}

/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 479px) {
	.left-column, .right-column {
			width: 92%;
			}

	.right-column {
	margin-left: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
	}
.column-box-right {
	width: 93%;
	float: none;
	margin-left: 0;
	}
}

/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436   */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.left-column, .right-column {
			width: 96%;
			}

	.right-column {
	margin-left: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
	}
.column-box-right {
	width: 155px;
	}
}