
@CHARSET "ISO-8859-1";


/* The dashboard, displayed as a strip at the top of the screen */
#dashboard * {
	margin: 0;
	padding: 0;
}

#dashboard {
	background: #000 url(/export/system/modules/com.iwilliam.opencms.oncampus.union.global/resources/images/dashboard_logo.gif) no-repeat 3px 50%;
	border-bottom: 1px solid #fff;
	color: #fff;
	font: 12px/18px "Lucida Grande", Tahoma, Verdana, Helvetica, sans-serif;
	padding-left: 82px;
	padding-right: 5px;
}

/* easy clearing */
#dashboard:after,
body.easy-image #image-gallery:after,
body.easy-image form div.align ul:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#dashboard,
body.easy-image #image-gallery,
body.easy-image form div.align ul { display: inline-block; }

/* Hides from IE-mac \*/
* html #dashboard,
* html body.easy-image #image-gallery,
* html body.easy-image form div.align ul { height: 1%; }
#dashboard,
body.easy-image #image-gallery,
body.easy-image form div.align ul { display: block; }
/* end easyclearing */

#dashboard a {
	background: url(/export/system/modules/com.iwilliam.opencms.oncampus.union.global/resources/images/dashboard_arrow.gif) no-repeat right center;
	color: #fff;
	padding: 0 22px 0 12px;
}

#dashboard ul.menu ul a {
	background-image: none;
}

#dashboard a:hover {
	background-color: #555;
	color: #fff;
	text-decoration: none;
}

#dashboard ul {
	list-style: none;
}

#dashboard ul.menu {
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
}

#dashboard ul.menu li {
	display: inline;
	float: left;
}

#dashboard ul.menu li li {
	float: none;
}

#dashboard ul.menu a {
	display: block;
	text-decoration: none;
}

#dashboard ul.menu ul {
	background: #fff;
	border: 1px solid #555;
	font-size: 14px;
	font-weight: normal;
	left: -9999px;
	line-height: 20px;
	padding: 5px;
	position: absolute;
	z-index: 1000;
}

#dashboard ul.menu li:hover,
#dashboard ul.menu li.sfhover {
	background: #555;
}

#dashboard ul.menu li:hover li,
#dashboard ul.menu li.sfhover li {
	background: transparent;
}

#dashboard ul.menu li:hover ul,
#dashboard ul.menu li.sfhover ul {
	left: auto;
}

#dashboard ul.menu ul ul {
	border: 0;
	padding: 0;
	position: static;
}

#dashboard ul.menu ul span {
	background: no-repeat left center;
	color: #999;
	padding: 0 19px;
}

#dashboard ul.menu ul li.new-content span {
	background-image: url(/export/system/modules/com.iwilliam.opencms.oncampus.union.global/resources/images/dashboard_plus_icon.gif);
}

#dashboard ul.menu ul li.somewhere-else span {
	background-image: url(/export/system/modules/com.iwilliam.opencms.oncampus.union.global/resources/images/dashboard_feed_icon.gif);
}

#dashboard ul.menu ul li.change-content span {
	background-image: url(/export/system/modules/com.iwilliam.opencms.oncampus.union.global/resources/images/dashboard_edit_icon.gif);
}

#dashboard ul.menu ul li.set-permissions span {
	background-image: url(/export/system/modules/com.iwilliam.opencms.oncampus.union.global/resources/images/dashboard_lock_icon.gif);
}

#dashboard ul.menu ul a {
	color: #4e84c4;
	padding: 0 19px;
}

#dashboard ul.menu ul a:hover {
	color: #fff;
}

#dashboard p.user-status {
	float: right;
	font-size: 12px;
	line-height: 30px;
}

#dashboard p.user-status a {
	background-image: none;
	padding: 0;
}

div.jqm * { margin: 0; padding: 0; }

div.jqm {
  background-color: #fff;
  border: 1px solid #333;
  color: #666;
  display: none;
  font: 14px/1.5 "Lucida Grande", Verdana, Tahoma, sans-serif;
  left: 50%;
  margin-left: -301px;
  max-height: 500px;
  overflow: auto;
  position: fixed;
  top: 10%;
  width: 600px;
}

* html div.jqm {
  height: 500px;
}

body.admin-page {
  background: #666;
}

body.admin-page div.jqm {
  display: block;
  height: auto;
  margin: 28px auto;
  max-height: none;
  overflow: visible;
  position: static;
}

body.editor div.jqm {
  width: 80%;
}

div.jqm div.message {
  padding: 1em;
}

div.jqm div.message h1 {
  border-bottom: 1px solid #333;
  color: #333;
  font-size: 1.2857em;
  line-height: 1;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
}

div.jqm div.message p {
  margin-bottom: 1.5em;
}

div.jqm div.message strong {
  font-size: 1.1429em;
  line-height: 1.3125;
}

div.jqm div.message ul {
  margin-left: 2em;
}

div.jqm form {
  background: #eee;
  border-top: 1px solid #333;
  color: #333;
  padding: 1em;
}

div.jqm form input,
div.jqm form select {
  font: 14px/1.5 "Lucida Grande", Verdana, Tahoma, sans-serif;
}

div.jqm form div.search input {
  margin-left: 0.5em;
}

div.jqm form div.search input.text {
  padding: 0.1em;
}

div.jqm form div.search input.button {
  padding: 0 0.5em;
}

div.jqm div.search {
  margin-bottom: 1em;
}

div.jqm div.actions h2 {
  font-size: 1em;
  font-weight: normal;
  margin-bottom: 0.5em;
}

div.jqm div.actions:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

div.jqm div.actions { display: inline-block; }

/* Hides from IE-mac \*/
* html div.jqm div.actions { height: 1%; }
div.jqm div.actions { display: block; }
/* End hide from IE-mac */

div.jqm div.actions input.primary-action {
  background: #3a3;
  border: 1px solid;
  border-color: #6c6 #171 #171 #6c6;
  color: #fff;
  cursor: pointer;
  float: left;
  font-weight: bold;
  padding: 0.1em 0.5em;
}

div.jqm div.actions a.secondary-action {
  border: 1px solid #eee;
  color: #333;
  float: right;
  padding: 0.1em 0.5em;
}

div.jqm div.actions a.secondary-action:hover {
  background: #333;
  color: #fff;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {
  height: expression(this.parentNode.offsetHeight+'px');
  left: 0;
  position: absolute;
  top: 0;
  width: expression(this.parentNode.offsetWidth+'px');
  z-index: -1;
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html div.jqm {
  position: absolute;
  top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

body.easy-image form div.text label {
  display: block;
}

body.easy-image form div.text,
body.easy-image form div.checkbox {
  margin-bottom: 1em;
}

body.easy-image form fieldset {
  padding: 10px;
}

body.easy-image form legend {
  padding: 0 10px;
}

body.easy-image #image-gallery {
  margin: 0;
  padding: 0;
}

body.easy-image #image-gallery li {
  background-color: #eee;
  border: 1px solid #999;
  float: left;
  font: 10px/2 Verdana, sans-serif;
  height: 140px;
  list-style: none;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 5px;
  text-align: center;
  width: 120px;
}

body.easy-image #image-gallery li.selected {
  border-color: #f00;
}

body.easy-image #image-gallery img {
  border: 0;
  display: block;
}

body.easy-image form div.align li {
  float: left;
  list-style: none;
}

body.easy-image form div.align input {
  display: block;
  float: left;
  margin: 35px 0;
}

body.easy-image form div.align label {
  background: no-repeat center top;
  display: block;
  float: left;
  margin-right: 30px;
  padding-top: 70px;
  text-align: center;
  width: 70px;
}

body.easy-image form div.align li.align-left label {
  background-image: url(/export/system/modules/com.iwilliam.opencms.oncampus.union.global/resources/images/align-left.gif);
}
body.easy-image form div.align li.align-none label {
  background-image: url(/export/system/modules/com.iwilliam.opencms.oncampus.union.global/resources/images/align-none.gif);
}
body.easy-image form div.align li.align-right label {
  background-image: url(/export/system/modules/com.iwilliam.opencms.oncampus.union.global/resources/images/align-right.gif);
}

/* tabs */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
div.jqm .tabs-nav {
    border-bottom: 1px solid #333;
    list-style: none;
    margin: 0 15px;
    padding: 0 15px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    display: inline;
}
.tabs-nav a {
    background-color: #eee;
    display: block;
    margin-right: 10px;
    padding: 0 10px;
    color: #333;
    font-size: 1.1667em;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */
    float: left;
}
.tabs-nav .tabs-selected a {
    background-color: #333;
    color: #fff;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}