body {
  margin: 0px;
  padding: 0px;
  text-align: left;
  font: 0.625em/1em Arial, sans-serif;
  line-height: 100%;
}

body#mainbody { 
  background-image: url(/layout/images/bg_leftnavtile.gif); background-repeat: repeat-y;
}
.clear {
  clear: both;
}

.innerwrap, #topbanner {
  width: 770px;
}

#headsection {
  background: #D21034 url(/layout/images/bg_topbanner.gif) repeat-x 0px 0px;
  height: 91px;
}

#topbanner {
  height: 75px;
  background: #D21034 url(/layout/images/logo_Rutgers-home.gif) no-repeat 0px 0px;
}

#topnavigation {
  color: #000000;
  font-size: 1.1em;
  line-height: 16px;
  height: 16px;
  background-color: #e3e3e3;
}

#topnavigation_right {
  float: right;
}

#topnavigation_left {
  padding-left: 25px;
  float: left;
}

#topnavigation a {
  text-decoration: none;
  color: #000000;
  padding: 0px 4px;
}


#topnavigation a:hover {
  color: #D21034;
}

#midsection 
{
    display: block;
}
#leftNavigation 
{
    width: 200px;
    float: left;
}
ul.navType
{
    padding: 0px;
    margin: 0px;
    list-style: none;
}
ul.navType li
{

}
ul.navType li
{
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #000000;
}
ul.navType li a, ul.navType li div
{
    display: block;
    padding: 3px 10px;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.2em;
    line-height: 120%;
}
ul.navType li div {
  color: #d21034;
}
ul.navType li a:hover
{
    background-color: #ffe79f;
}
ul.subNav
{
    background-color: #ffe79f;
    padding: 0px;
    margin: 0px;
    list-style: none;
}
ul.subNav li {
    border-bottom: 1px solid #ffe79f;
    padding: 0px;
    margin: 0px;
}
ul.subNav li a, ul.subNav li div {
    font-weight: normal;
    font-size: 1.0em;
    line-height: 110%;
}
ul.subNav li div {
  font-weight: bold;
}
ul.subNav li a:hover {
  text-decoration: underline;
}
#contentBlock 
{
    float: left;
    width: 570px;
    font-size: 1.2em;
    line-height: 120%;
}
.adminNav {
  margin-top: 20px;
  padding-bottom: 10px;
  padding-left: 5px;
}
.adminNav a {
  color: #000000;
}
.adminNav a:hover {
  color: #d21034;
}
.adminNav ul {
  list-style: none;
  margin: 0px 0px 5px 0px;
  padding: 0px;
}
.adminNav ul li {
  margin: 0px;
  padding: 0px;
}
.adminNav ul li a {
  padding-left: 15px;
  font-size: 1.2em;
  line-height: 120%;
  color: #000000;
  text-decoration: none;
  font-weight: normal;
}
.adminNav ul li a:hover {
  text-decoration: underline;
  color: #000000;
}

.adminNav b {
  font-weight: bold;
  font-size: 1.2em;
  line-height: 120%;
}

.adminNav p {
  padding: 0px;
  margin: 0px 0px 4px 0px;
}

#innerContent 
{
    padding: 0px 0px 20px 20px;
}

.adminTable {
  width: 550px;
  border: 1px solid #000000;
  border-collapse: collapse;

}
.adminTable thead tr {
  background-color: #d21034;
  color: #ffffff;
  font-weight: bold;
}
.adminTable thead tr td {
  padding: 3px;
  border: 1px solid #000000;
  text-align: center;
}
.adminTable tbody tr {

}
.adminTable tbody tr.oddrow {
  background-color: #e3e3e3;
}
.adminTable tbody tr.evenrow {
  background-color: #ffffff;
}
.adminTable tbody tr td {
  text-align: left;
  padding: 3px;
  border: 1px solid #000000;
  vertical-align: top;
}


#adminFooter {
  text-align: left;
  font-size: .9em;
  line-height: 100%;
  margin-top: 15px;
  padding-top: 5px;
  border-top: 1px solid #d21034;
}
#adminFooter a {
  text-decoration: none;
  color: #d21034;
  padding: 0px 4px;
}


#copyright {
  margin-top: 20px;
  padding-left: 10px;
}


/* Curriculum Builder */
.curriculum-builder {
  border: 1px solid #e0e0e0;
}
.curriculum-builder ul {
  padding: 0;
  margin: 0;
}

.curriculum-builder ul.header {
  background: #D21034;
}

.curriculum-builder ul.header li {
  color: white;
}

.curriculum-builder li { 
  line-height: 2em; 
  list-style: none; 
  margin: 0;
	*margin-top: -5px;
  padding: 0 0 0 .25em;
  font-weight: bold;
  color: #555;
  position: relative;
	z-index: 1;
	background: white;
	cursor: move;
}

.curriculum-builder li.tBorder { 
	border-top: 1px solid #ccc;
}

.curriculum-builder li.bBorder { 
	border-bottom: 1px solid #ccc;
}

.curriculum-builder li.objective {
	background: #f0fff0;
}

.curriculum-builder li.lesson {
	background: #fff0f0;
}

.curriculum-builder li img {
  float: left;
  margin: 0.6em .5em 0 0; 
}

.curriculum-builder a {
  cursor: pointer;
  color: black;
  width: 90%;
}

.curriculum-builder span.add {
  padding: 0 1em 0 0;
	*line-height: 1.45em;
	cursor: pointer;
	position: absolute;
  right: 0;
  top: 0;
  float: none !important;
	padding: 0 .2em;
  background: green;
	border-left: 1px solid #090;
  color: white;
  z-index: 999999;
}

.curriculum-builder .remove { 
	position: absolute;
	top: 0;
	right: 28px;
	background: red; 
	color: white;
	cursor: pointer;
	padding: 0 .2em;
	*line-height: 1.45em;
	border-right: 1px solid #a00;
}

.curriculum-builder .builder .remove-builder { 
	float: none;
	position: relative;
	margin: 0 0 0 1em;
	color: #a88;
	background: #fdd;
	border: 1px solid #fbb;
	padding: .25em;
	cursor: pointer;
}

.curriculum-builder label.entity,
.curriculum-builder button {
  padding: 0 0 0 2em;
}

.curriculum-builder ul li ul { display: none; margin: 0 0 0 1em; z-index: 9999; border-bottom: 0; }







.cssform p{
/*width: 400px;*/
clear: left;
margin: 0;
padding: 5px 0 8px 0;
height: 1%;
font-family: tahoma;
font-size: 11px;
font-weight: normal;
line-height: 20px
}

.cssform label{
display: block;
font-weight: bold;
/*text-align: right;*/
margin-right: 5px;
/*float: left;*/
/*margin-left: -155px; /*width of left column*/*/
/*width: 150px;*/
/*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform select, .cssform textarea, .cssform input[type="text"], .cssform input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 300px;
}

.cssform textarea{
  height: 150px;
}

.error
{
  color: #ff0000;
  font-weight: bold;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 105px;
}

.formNote {
  font-weight: normal;
  font-size: .8em;
  line-height: 80%;
}

#plusminus {
  clear: both; padding-left: 190px; padding-top: 6px;
}

.CampaignPartners ul ul {
  margin-bottom: 10px;
}

.CampaignPartners ul ul ul {
  margin-bottom: 0px;
}

.taLink {
  background: url(/layout/images/network/talinkbg.gif) no-repeat 50% -63px;
  width: 270px;
  float: left;
  padding-top: 17px;
  padding-bottom: 17px;
  text-align: center;
  display: block;
  font-size: 1.1em;
  line-height: 110%;
  font-weight: bold;
  color: #000000;
}
.taLink:hover {
  background-position: 50% 0px;
}
.footer {
  clear: both;
  text-align: center;
  font-size: .9em;
  padding-top: 3px;
  border-top: 1px solid #bbbbbb;
  margin-top: 15px;
}
.partnerTitle {
  font-size: 2.0em;
  line-height: 200%;
  text-align: center;
}

.managerialtools {
  margin-bottom: 15px;
}

.inactive {
  color: #ff0000;
}
.active {
  color: #008000;
}

div#cse-search-results iframe {
  width: 545px;
}

.adminEdit {
  font-size: 11px;
  text-decoration: none;
  font-weight: bold;
  color: #ff0000;
}
.adminEdit:hover {
  color: #000000;
}

.galleryIcon {
  height: 95px;
}

/* errors */
.errors strong {
	font: bold 1.2em sans-serif;
}
.errors {
	background: #fcc;
	border: 2px solid red;
	margin: 0 0 1em;
	padding: 1em;
}

.errors li {
	margin: 0 0 0 2em;
}

fieldset {
	margin: 0 0 1em;
}

/* Datepicker
----------------------------------*/
.ui-helper-hidden-accessible {
  display: none;
}
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
.ui-widget-content { border: 1px solid #000000/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/; color: #222222/*{fcContent}*/; }
.ui-widget-content a { color: #222222/*{fcContent}*/; }
.ui-widget-header { border: 1px solid #000000/*{borderColorHeader}*/; background: #d21034/*{bgColorHeader}*/ ; color: #ffffff/*{fcHeader}*/; font-weight: bold; }
.ui-widget-header a { color: #222222/*{fcHeader}*/; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/; color: #cd0a0a/*{fcError}*/; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-right {  -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/layout/images/ui-icons_ffffff_256x240.gif)/*{iconsContent}*/; }
.ui-widget-content .ui-icon {background-image: url(/layout/images/ui-icons_ffffff_256x240.gif)/*{iconsContent}*/; }
.ui-widget-header .ui-icon {background-image: url(/layout/images/ui-icons_ffffff_256x240.gif)/*{iconsHeader}*/; }

/* positioning */
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }


/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

h2 {line-height: normal;}

h3 {line-height: normal;}



/* Image Gallery */

#image-gallery {}

#image-gallery div.image {
	float: left;
	width: 180px;
	position: relative;
	height: 160px;
}

#image-gallery div.image .thumbnail {
	float: left;
	width: 100px;
	text-align: right;
	margin: 0 1em 0em 0;
}

#image-gallery div.image .slug label {
	font-weight: bold;
}

#image-gallery ul {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}

#image-gallery div span {
	float: right;
	color: red;
	cursor: pointer;
	font-size: 1.5em;
}
#image-gallery div.link, 
#image-gallery div.delete,
#image-gallery div.move {
	background: white;
	display: none;
	position: absolute;
	top: -60px;
	left: 0;
	border: 2px solid orange;
	padding: 1em;
	z-index: 9999;
	width: 300px;
}

#image-gallery div.delete {
	text-align: center;
}

#image-gallery div.delete p {
	font-size: 10px;
	margin: 0 0 .5em;
	line-height: 1.25em;
}

#image-gallery div.delete a {
	float: left;
	width: 50%;
}

#image-gallery div.delete a.no {
	color: green;
}

#image-gallery div.delete a.yes {
	color: red;
}
#image-gallery div.link input {
	width: 100%;
}

/* Image Folders */
.image-folders table {
	width: 100%;
}

.image-folders td.options {
	text-align: right;
	width: 15%;
}



/* SnapEd4Me */
.snaped4me .translator { float: right; margin: 1em 0; }
.snaped4me .body { clear: both; }
.snaped4me .tile { float: left; width: 170px; height: 210px; text-align: center; font-size: 14px; font-weight: bold; margin-right: 13px; }

/* SnapEd4Me Admin */
form.adminsnaped4me { padding: 2em 0; }
form.adminsnaped4me div { margin: 0 0 1em; }
form.adminsnaped4me label { display: block; font-size: 1.2em; font-weight: bold; margin: 0 0 .25em; }

