/**
 * Advanced Styles
 * ----------------------------------------------------------------------------
 * The following styles are applied to the HTML elements and classes produced
 * internally by the app. They have been designed to be neutral in appearance
 * so that they can be applied across a range of different themes which may be
 * defined in brand.css or in a custom CSS provided by the user
 *
 * For the most part this stylesheet should avoid defining vivid colours and
 * should concentrate onbeing as neutral as possible.
 *
 * These styles override the basic styles that were set in basic.css.
 */


/*
 * Element margins and paddings. Default is 0
 */

* {
  margin: 0;
  padding: 0;
}
ul, ol {
  margin-left: 30px;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, dd {
  margin-bottom: 1em;
}
a img {
  border-style: none;
}


/* fonts */
body {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: small;
}
textarea {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: small;
}



dt {
  font-weight:bold;
}
th {
  font-weight: normal;
  text-align: left;
}

H1 {
  font-size: large;
}
H2 {
  font-size: medium;
}
H3 {
  font-size: medium;
}
H4 {
  font-size: small;
}
H5 {
  font-size: small;
}
H6 {
  font-size: small;
}

/* Be careful about setting width and height on this element.
   IE6 does strange things to to the textarea. The App has
   some conf variables textareaCols and textareaRows which can
   be used to set the width and height via a non CSS means */
textarea {}
select   {}
submit   {}
option   {}
form     {}

select[multiple=multiple] { padding: 5px; }

/* Action Button
 * IE5 Mac has problems with float divs inside table cells.
 * Action buttons currently appear in a table cell and this
 * breaks in IE5Mac. We therefore use this hack on the display.
 * See http: //www.l-c-n.com/IE5tests/float2misc/index.shtml#fm003
 *
 * In the future we might remove the table from the layout
 * however, doing this triggers the peekaboo bug in IE6.
 */
/* Declare the styles for IE mac */
/*div.actionButton {display: inline-block;}*/
/* Reset for other browsers, hide from IE mac using the backslash filter  \*/
/*div.actionButton {display: block; float: left;}*/
/*div.actionButton {display: inline}*/

.actionForm {display: inline}

/* End. All browsers can see the styles below */

/*
 * Text classes
 */
.required    {color: #900;}
.description {color: #333;}
.soft        {color: #999;}
.warning     {color: red;}
.error       {color: red;}
.errorBox    {color: red;border: 1px solid red;background-color: #fcc;padding: 5px;}
.ok          {color: green}
.info        {}
.hint        {color: green}
.small       {font-size: xx-small;}
.smallish    {font-size: x-small;}
.right       {text-align: right;}
.type        {color: #cccccc;}
.pageLinks   {font-size: xx-small; margin: 5px;}
.suggest     {background-color: #eee; font-size: xx-small}
.active      {background-color: yellow;}
.ajahLoading {text-align: center; font-style: italic}
.break       {font-size: 0}

/*
 * Others
 */
.reference   {margin-bottom: 5px}
.toolbarDivider {border-right: 1px solid #ccc; float: left; margin-top: 4px; margin-right: 4px;}
.shaded      {background-color: #ddd;}
.shaded .sb-inner {background: #ddd;}
.shaded .sb-shaded {background: #666;}

.smallicon {
  width: 16px;
  height:16px;
  vertical-align:middle;
}
.bigicon {
  width: 32px;
  height:32px;
}
.biggericon {
  width: 48px;
  height: 48px;
}

/*
 * Calendar
 */


.calendarviewrow {
  xbackground: white;
}
.calendarview {
  color: white;
  font-size: small;
  font-weight: bold;
}
.calendarviewdaycontainer {
  display:inline;
  float: left;
  height: 20px;
  text-align:center;
  width:90px;
}
/*
.calendarviewday a {
  cursor: pointer;
}
.calendarviewday a:hover {
  cursor: pointer;
}
  */
.calendarviewweekcontainer {
  display:inline;
  float: left;
  height: 20px;
  text-align:center;
  width:90px;
}
.calendarviewmonthcontainer {
  display:inline;
  float: left;
  height: 20px;
  text-align:center;
  width:90px;
}
.calendarviewselected {
  background: #4682B4;
  padding-top: 3px;
  border: 1px solid #4682B4;
  -webkit-border-top-left-radius: 10px;
  -moz-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
}
.calendarviewnotselected {
  background: #BFD5ED;
  padding-top: 3px;
  border: 1px solid #4682B4;
  -webkit-border-top-left-radius: 10px;
  -moz-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
}
.calendarwrap{
  background-color: #4682B4;
}
.calendarwrapnav td {
  padding: 2px;
}
.calendarwrapnavleft {
  text-align: left;
}
.calendarwrapnavcenter {
  text-align: center;
  color: white;
}
.calendarwrapnavright {
  text-align: right;
}
.calendar {
  background-color: #4682B4;
  width: 100%;
}
.calendar tr td {
  padding: 2px;
}
.calendardays {
  background-color: #87cefa;
}
.calendardays td {
  width: 14%;
  text-align:center;
}
.calendardays td{
  color: #fff;
}
.calendarweek {

}
.calendarweek td {
  width: 14%;
  text-align:center;
}
.calendardayactive {
  font-weight: bolder;
  background-color: #fff;
}
.calendardayactive a {
  cursor:pointer;
}
.calendardayselected {
  background-color: #ffb6c1;
}
.calendardayselected a {
  cursor:pointer;
}
.calendarday {
  background-color: #fff;
}
.calendarday a {
  cursor:pointer;
}
.calendarmini {
  width: 100%;
}
.calendarminiwrap {
  font-size: small;
}
.calendarminiwrapnav td {
  padding: 2px;
}
.calendarminiwrapnavleft {
  text-align: left;
  background: #4682B4;
}
.calendarminiwrapnavcenter {
  text-align: center;
  background: #4682B4;
  color: white;
}
.calendarminiwrapnavright {
  background: #4682B4;
  text-align: right;
}
.calendarminidays td  {
  padding: 2px;
}
.calendarminidays {
  background-color: #87cefa;
}
.calendarminidateday {
  padding: 2px;
}
.calendarminidays td {
  width: 14%;
  text-align:center;
}
.calendarminidays td{
  color: #fff;
}
.calendarminiweek {

}
.calendarminiweek td {
  width: 14%;
  text-align:center;
}
.calendarminidayactive {
  font-weight: bolder;
  background-color: #fff;
}
.calendarminidayinactive {
  background-color: #ccc !important;
}
.calendarminidaytoday {
  background-color: #FFFFC8 !important;
}
.calendarminidayactive a {
  cursor:pointer;
}
.calendarminidayselected {
  background-color: #FFE1E6 !important;
}
.calendarminidayselected a {
  cursor:pointer;
}
.calendarminidayNum {
  background-color: #fff;
  text-align: center;
}
.calendarminidayweekend {
  background-color: #eee !important;
}
.calendarminiday a {
  cursor:pointer;
}


.calendarminiborder {
  border: 1px solid #4682B4;
  border-top: none;
}

.calendarminibordernoleft {
  border-left: none;
}
.calendarminibordernobottom {
  border-bottom: none;
}

/* Monthly full size calendar */

.calendarMonth {
  width: 100%;
}
.calendarmonthwrap {
  font-size: small;
}
.calendarmonthwrapnav td {
  padding: 2px;
  font-weight: bold;
}
.calendarmonthwrapnavleft {
  text-align: left;
}
.calendarmonthwrapnavcenter {
  color: white;

}
.calendarmonthwrapnavright {
  text-align: right;
}

.calendarmonthwrapnavcompact {
}
.calendarmonthwrapnavcompactinner {
  background-color: #4682B4;
  font-size: small;
  height: 25px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}
.calendarmonthwrapnavcompact td {
  padding: 2px;
  text-align: center;
  width: 100%;
}
.calendarmonthwrapnavcompactleft {
  padding-left: 5px;
  padding-top: 5px;
  display: inline;
  float: left;
}
.calendarmonthwrapnavcompactmonth {
  display: inline;
  text-align: left;
  color: white;
  padding-left: 15px;
  font-weight: normal;
  float: left;
  line-height: 24px;
}
.calendarmonthwrapnavcompactright {
  padding-left: 5px;
  padding-top: 5px;
  display: inline;
  float: left;
}
.calendarmontheventrecurring {
  display: inline;
  float: right;
  padding-right: 2px;
}
.calendarmonthevent .calendarmontheventrecurring {
  padding: 2px;
  display: inline;
  float: right;
}
.calendarmontheventsync {
  display: inline;
  float: right;
  padding-right: 2px;
}
.calendarmonthevent .calendarmonthsync {
  padding: 2px;
  display: inline;
  float: right;
}

.calendarmontheventlinked {
  display: inline;
  float: right;
  padding-right: 2px;
}
.calendarmonthevent .calendarmontheventlinked {
  padding: 2px;
  display: inline;
  float: right;
}

.calendarmonth {
  background-color: white;
  width: 100%;
  min-width: 420px;
}
.calendarmonth tr td {
}
.calendarmonthdays {
  background-color: #87cefa;
  height: 16px;
  font-weight: bold;
}
.calendarmonthdays td {
  width: 14.286%;
  text-align:center;
  height: 16px;
}
.calendarmonthdays td{
  color: #fff;
}
.calendarmonthweek tr {
}
.calendarmonthweek td {
  height: 100px;
  width: 14.286%;
  min-width: 70px;
  vertical-align: top;
}
.calendarmonthdayactive {
  background-color: #fff;
}
.calendarmonthdayinactive {
  background-color: #ccc;
}
.calendarmonthdaytoday {
  background-color: #FFFFC8;
}
.calendarmonthdayactive a {
}
.calendarmonthdayselected {
  background-color: #FFE1E6;
}
.calendarmonthdayselected a {
}
.calendarmonthdayweekend {
  background-color: #eee;
}
.calendarmonthday {
  background-color: #fff;
}
.calendarmonthday a {
}
.calendarmonthdayNum {
  background-color: #4682B4;
}
.calendarmonthdateday {
  width: 70%;
  display: inline;
  float: left;
  text-align: right;
}
.calendarmonthdatedayadd {
  display: inline;
  width: 20%;
  float: left;
  padding-left: 2px;
}
.calendarmonthdateday a {
  color: white !important;
  font-weight: normal !important;
}
.calendarmonthdateday a:hover {
  color: white;
  font-weight: bold !important;
}

.calendarmontheventempty {
  position: absolute;
  display: none;
}

.calendarmonthweekeventsshowmore {
  position: absolute;
  width: 14.27%;
  height: 19px;
}
.calendarmonthweekeventsshowmoreinner {
  font-size: x-small;
  padding-left: 10px;
  line-height: 19px;
  position: relative;
}
.calendarmonthweekeventsshowmore a {
  color:#ccc;
  font-weight: normal;
}
.calendarmonthweekeventsshowmore a:hover {
  color:#ccc;
  font-weight: bold;
}
.calendarmontheventstart {
  font-size: x-small;
  font-weight: bold;
}

.calendarmontheventRounded {
  padding-bottom: 2px;
  height: 14px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 10px;
}
.calendarmontheventContainer {
  position: absolute;
  margin-top: 1px;
  margin-left: 2px;
  overflow: hidden;
}
.calendarmonthevent {
  font-size: x-small;
  position: relative;
  padding-left: 2px;
  line-height: 18px;
  overflow: hidden;
}
.calendarmontheventallday {
  font-size: x-small;
  text-align: center;
  position: relative;
  line-height: 14px;
}

.calendarmontheventallday a {
  font-weight: normal;
  color: #fff !important;
  cursor: pointer;
}
.calendarmontheventallday a:hover {
  font-weight: bold;
  color: #fff !important;
  cursor: pointer;
}

.calendarmontheventinner {
  overflow: hidden;
  width: 100%;
}
.calendarmontheventinner a {
  font-weight: normal;
  color: steelBlue;
  cursor: pointer;
  xoverflow: hidden;
  xtext-overflow: ellipsis;
  xwhite-space: nowrap;
}
.calendarmontheventinner a:hover {
  font-weight: bold;
  color: steelBlue;
  cursor: pointer;
}


.calendarmonthweekevents a {
  color: #215dc6;
  font-weight: normal;
  cursor: pointer;
}
.calendarmonthweekevents a:hover {
  color: #215dc6;
  font-weight: bold;
  cursor: pointer;
}
/*
.calendarmontheventContainer a {
  color: #215dc6;
  font-weight: normal;
}
.calendarmontheventContainer a:hover {
  color: #215dc6;
  font-weight: bold;
}
  */
.calendarmonthweekeventsrow {
  width: 1000px;
  position: absolute;
  background-color: transparent;
  border: none;
  height: 0px;
  z-index: 100;
}

.calendarmonthweekevents {
  height: 0px;
  background-color: transparent;
  position: relative;
  border: none;
}
.calendarmonthweekDate {
  border: none;
}

.calendarmonthborder {
  border: 1px solid #4682B4;
  border-top: none;
}

.calendarmonthbordernoleft {
  border-left: none;
}
.calendarmonthbordernobottom {
  border-bottom: none;
}


/* Weekly Calendar view */

.calendarweeklyweekend {
  background: #eee !important;
}
.calendarweeklytoday {
  background-color: #FFFFC8 !important;
}
.calendarweeklywrapnav td {
  padding: 2px;
  font-weight: bold;
}
.calendarweeklywrapnavleft {
  text-align: left;
}
.calendarweeklywrapnavcenter {
  color: white;

}
.calendarweeklywrapnavright {
  text-align: right;
}


.calendarweeklywrapnavcompact {
}
.calendarweeklywrapnavcompactinner {
  background-color: #4682B4;
  font-size: small;
  height: 25px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}
.calendarweeklywrapnavcompact td {
  padding: 2px;
  text-align: center;
  width: 100%;
}
.calendarweeklywrapnavcompactleft {
  padding-left: 5px;
  padding-top:5px;
  display: inline;
  float: left;
}
.calendarweeklywrapnavcompactmonth {
  display: inline;
  text-align: left;
  vertical-align: top;
  color: white;
  padding-left: 15px;
  font-weight: normal;
  float: left;
  line-height: 24px;
}
.calendarweeklywrapnavcompactright {
  padding-left: 5px;
  padding-top:5px;
  display: inline;
  float: left;
}


.calendarweeklymain {
  background:transparent;
  clear:left;
  overflow:hidden;
}
.calendarweeklytopleftcontainer {
  float:left;
  width:55px;
  height:100%;
  display:inline;
}
.calendarweeklytopleft {
  position:relative;
  height:100%;
  float:left;
}
.calendarweeklytoplefthead {
  position: absolute;
  left: 0%;
  height:100%;
  width:55px;
  top: 0px;
  background:#4682B4;
  border-left: 1px solid #4682B4;
}
.calendarweeklytopleftcontentcontainer {
  position:absolute;
  left: 0%;
  height:30px;
  top:20px;
  width:54px;
}
.calendarweeklytopleftcontent {
  width:90%;
  line-height:20px;
  font-size:x-small;
  font-weight:bold;
  text-align:right;
  color: white;
}
.calendarweeklytoprightcontainer {
  float:left;
  height:100%;
  background:white;
  display:inline;
  border-right:1px solid #4682B4;
  border-left:1px solid #4682B4;
  overflow:hidden;
}
.calendarweeklytopright {
  width: 100%;
}
.calendarweeklyalldayevents {
  height: 0px;
  background: transparent;
  position: absolute;
}
.calendarweeklyalldayevent {
  overflow: hidden;
  position: absolute;
  background: #87cefa;
  margin-top: 1px;
  margin-left: 1px;
  font-size: x-small;
  text-align: center;
  color: white;
  font-weight: bold;
  line-height: 18px;
}

.calendarweeklyalldayeventscell {
  position: relative;
  width: 100%;
}
.calendarweeklyalldayeventarea {
  background:#eee;
  border-bottom:1px solid #4682B4;
  border-left:1px solid #4682B4;
}
.calendarweeklyalldayeventareafirst {
  border-left: none;
}
.calendarweeklyalldayeventareaweekend {
  background: #eee;
}
.calendarweeklytoprightrow {
}
.calendarweeklytoprighttd {
  vertical-align: top;
  width:14%;
  border-left: 1px solid #4682B4;
  border-top: 1px solid #4682B4;
}
.calendarweeklytoprighttdnotop {
  border-top: none;
}
.calendarweeklytoprightheadcontainer {
  text-align: center;
  border-bottom: 1px solid #4682B4;
  height: 18px;
  width: 100%;
  background: #87cefa;
}
.calendarweeklytoprighthead {
  text-align:right;
  font-weight: bold;
  color: white;
  display:inline;
  float:left;
  padding-left: 5px;
}

.calendarweeklytoprighthead a {
  color: white !important;
  font-weight: normal;
  cursor: pointer;
}
.calendarweeklytoprighthead a:hover {
  color: white !important;
  font-weight: bold;
  cursor: pointer;
}


.xcalendarweeklytoprightheadcontainer a {
  color: #215dc6;
  font-weight: normal;
  cursor: pointer;
}
.xcalendarweeklytoprightheadcontainer a:hover {
  color: #215dc6;
  font-weight: bold;
  cursor: pointer;
}

.calendarweeklytoprightheadadd {
  padding-left:3px;
  padding-top:1px;
  display: inline;
  float: left;
}
.calendarweeklytoprighttdfirst {
  border-left:none;
}
.calendarweeklytoprighttdlast {
  border-right: none;
}
.calendarweeklytoprightpad {
  float:left;
  height:100%;
  background:#ddd;
  border: 1px solid #4682B4;
  border-left: none;
}
.calendarweeklybottom {
  background:#ddd;
  clear:left;
  position: relative;
  overflow:auto;
  border-right: 1px solid #4682B4;
  border-bottom: 1px solid #4682B4;
}
.calendarweeklybottomleftcontainer {
  float:left;
  width:55px;
}
.calendarweeklybh {
  display:block;
}
.calendarweeklyah {
  display:block;
}
.calendarweeklybottomleft {
  position:relative;
  width:54px;
  float:left;
  background:green
}
.calendarweeklybottomlefthead {
  position:absolute;
  left:0%;
  height:49px;
  width:100%;
  background:#4682B4;
  border-top:1px solid #ccc;
  border-bottom: none;
  border-left:1px solid #4682B4;
  border-right:none;
}
.calendarweeklybottomleftheadcontentcontainer {
  position:absolute;
  left:0%;
  height:49px;
  width:100%;
}
.calendarweeklybottomleftheadcontent {
  width:90%;
  line-height:25px;
  font-size:x-small;
  font-weight:bold;
  text-align:right;
  color: white;
}
.calendarweeklybottomrightcontainer {
  float:left;
  background:#ddd;
  border: 1px solid #4682B4;
  border-top: none;
  border-bottom: none;
}
.calendarweeklybottomrighttable {
  width: 100%;
}
.calendarweeklybottomrightcell {
  width:14%;
  vertical-align:top;
}
.calendarweeklybottomrightcontentcontainer {
  position:relative;
  left:0px;
}
.calendarweeklybottomrightcontentback {
  position:absolute;
  width:100%;
  left:0px;
  height:24px;
  background:white;
  border-top:none;
  border-left: 1px solid #ccc;
}
.calendarweeklybottomrightcontentbacksolid {
  border-top: 1px solid #ccc;
}
.calendarweeklybottomrightcontentbackdashed {
  border-top: 1px dashed #ccc;
}
.calendarweeklybottomrightcontentbackfirst {
  border-left: none;
}
.calendarweeklybottomrightcontentbacklast {
  border-right: 1px solid #ccc;
}
.calendarweeklybottomrightevent {
  position:absolute;
  background: red;
}

.calendarweeklyeventRounded {
  padding-bottom: 2px;
  height: 14px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.calendarweeklyeventRounded .sb-inner {
}
.calendarweeklyeventRounded .sb-border {
}

.calendarweeklyeventDayRounded {
  padding-top:3px;
  padding-left:3px;
  padding-bottom:3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.calendarweeklyeventDayRounded .sb-inner {
}
.calendarweeklyeventDayRounded .sb-border {
}
.calendarweeklyeventContainer {
  position: absolute;
  margin-top: 1px;
  margin-left: 2px;
  overflow: hidden;
}
.calendarweeklyevent {
  font-size: x-small;
  position: relative;
  padding-left: 2px;
  line-height: 20px;
  overflow: hidden;
}
.calendarweeklyeventallday {
  font-size: x-small;
  text-align: center;
  position: relative;
  line-height: 14px;
}
.calendarweeklyeventday {
  font-size: x-small;
  position: relative;
  line-height: 14px;
  padding-left: 3px;
  overflow: hidden;
}
.calendarweeklyeventinner {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.calendarweeklyeventinner a {
  font-weight: normal;
  color: #fff !important;
  cursor: pointer;
  xoverflow: hidden;
  xtext-overflow: ellipsis;
  xwhite-space: nowrap;
}
.calendarweeklyeventinner a:hover {
  font-weight: bold;
  color: #fff !important;
  cursor: pointer;
}
.calendarweeklyeventrecurring {
  display: inline;
  float: right;
  padding-right: 2px;
}
.calendarweeklyeventsync {
  display: inline;
  float: right;
  padding-right: 2px;
}
.calendarweeklyeventlinked {
  display: inline;
  float: right;
  padding-right: 2px;
}
.calendarweeklyeventLocation {
  display: inline;
  float: left;
  padding-left:5px;
}
.calendarweeklyeventTitle {
  display: inline;
  float: left;
}
.xcalendarweeklyalldayevents a {
  color: #215dc6;
  font-weight: normal;
  cursor: pointer;
}
.xcalendarweeklyalldayevents a:hover {
  color: #215dc6;
  font-weight: bold;
  cursor: pointer;
}
.xcalendarweeklybottomrightcontentcontainer a {
  color: #215dc6;
  font-weight: normal;
  cursor: pointer;
}
.xcalendarweeklybottomrightcontentcontainer a:hover {
  color: #215dc6;
  font-weight: bold;
  cursor: pointer;
}

/* Daily Calendar view */

.calendardailywrapnav td {
  padding: 2px;
  font-weight: bold;
}
.calendardailywrapnavleft {
  text-align: left;
}
.calendardailywrapnavcenter {
  color: white;

}
.calendardailywrapnavright {
  text-align: right;
}

.calendardailywrapnavcompact {
}
.calendardailywrapnavcompactinner {
  background-color: #4682B4;
  font-size: small;
  height: 25px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}
.calendardailywrapnavcompact td {
  padding: 2px;
  text-align: center;
  width: 100%;
}
.calendardailywrapnavcompactleft {
  padding-left: 5px;
  padding-top: 5px;
  display: inline;
  float: left;
}
.calendardailywrapnavcompactmonth {
  display: inline;
  text-align: left;
  vertical-align: top;
  color: white;
  padding-left: 15px;
  font-weight: normal;
  float: left;
  line-height:24px;
}
.calendardailywrapnavcompactright {
  padding-left: 5px;
  padding-top: 5px;
  display: inline;
  float: left;
}


.calendardailymain {
  background:transparent;
  clear:left;
  overflow:hidden;
  position:relative;
}
.calendardailytopleftcontainer {
  float:left;
  width:55px;
  height:100%;
  display:inline;
}
.calendardailytopleft {
  position:relative;
  height:100%;
  float:left;
}
.calendardailytoplefthead {
  position: absolute;
  left: 0%;
  height:100%;
  width:55px;
  top: 0px;
  background:#4682B4;
  border-left: 1px solid #4682B4;
}
.calendardailytopleftcontentcontainer {
  position:absolute;
  left: 0%;
  height:30px;
  top:20px;
  width:54px;
}
.calendardailytopleftcontent {
  width:90%;
  line-height:20px;
  font-size:x-small;
  font-weight:bold;
  text-align:right;
  color: white;
}
.calendardailytoprightcontainer {
  float:left;
  height:100%;
  background:white;
  display:inline;
  border-right:1px solid #4682B4;
  border-left:1px solid #4682B4;
  overflow:hidden;
}
.calendardailytopright {
  width: 100%;
}
.calendardailyalldayevents {
  height: 0px;
  background: transparent;
  position: absolute;
}
.calendardailyalldayevent {
  overflow: hidden;
  position: absolute;
  background: #87cefa;
  border: 1px solid #4682B4;
  margin-top: 1px;
  margin-left: 1px;
  font-size: x-small;
  text-align: center;
  color: white;
  font-weight: bold;
  line-height: 18px;
}
.calendardailyalldayeventscell {
  position: relative;
  width: 100%;
}
.calendardailyalldayeventarea {
  background:#eee;
  border-bottom:1px solid #4682B4;
  border-left:1px solid #4682B4;
}
.calendardailyalldayeventareafirst {
  border-left: none;
}
.calendardailyalldayeventareaweekend {
  background: #eee;
}
.calendardailytoprightrow {
}
.calendardailytoprighttd {
  vertical-align: top;
  width:14%;
  border-left: 1px solid #4682B4;
  border-top: 1px solid #4682B4;
}
.calendardailytoprighttdnotop {
  border-top: none;
}
.calendardailytoprightheadcontainer {
  border-bottom: 1px solid #4682B4;
  height: 18px;
  width: 100%;
  background: #87cefa;
}
.calendardailytoprighthead {
  width: 100%;
  text-align:center;
  font-weight: bold;
  color: white;
  float: left;
}
.calendardailytoprighttdfirst {
  border-left:none;
}
.calendardailytoprighttdlast {
  border-right: none;
}
.calendardailytoprightpad {
  float:left;
  height:100%;
  background:#ddd;
  border: 1px solid #4682B4;
  border-left: none;
}
.calendardailybottom {
  background:#ddd;
  clear:left;
  position: relative;
  overflow:auto;
  border-right: 1px solid #4682B4;
  border-bottom: 1px solid #4682B4;
}
.calendardailybottomleftcontainer {
  float:left;
  width:55px;
}
.calendardailybh {
  display:block;
}
.calendardailyah {
  display:block;
}
.calendardailybottomleft {
  position:relative;
  width:54px;
  float:left;
}
.calendardailybottomleft a {
  color: #215dc6;
  font-weight: normal;
  cursor: pointer;
}
.calendardailybottomleft a:hover {
  color: #215dc6;
  font-weight: bold;
  cursor: pointer;
}
.calendardailybottomlefthead {
  position:absolute;
  left:0%;
  height:49px;
  width:100%;
  background:#4682B4;
  border-top:1px solid #ccc;
  border-bottom: none;
  border-left:1px solid #4682B4;
  border-right:none;
}
.calendardailybottomleftheadcontentcontainer {
  position:absolute;
  left:0%;
  height:25px;
  width:100%;
}
.calendardailybottomleftheadcontent {
  width:90%;
  line-height:25px;
  font-size:x-small;
  font-weight:bold;
  text-align:right;
  color: white;
}
.calendardailybottomleftheadadd {
  text-align: right;
  width: 90%;
  line-height: 25px;
}
.calendardailybottomrightcontainer {
  float:left;
  background:#ddd;
  border: 1px solid #4682B4;
  border-top: none;
  border-bottom: none;
}
.calendardailybottomrighttable {
  width: 100%;
}
.calendardailybottomrightcell {
  width:14%;
  vertical-align:top;
}
.calendardailybottomrightcontentcontainer {
  position:relative;
  left:0px;
}
.calendardailybottomrightcontentback {
  position:absolute;
  width:100%;
  left:0px;
  height:24px;
  background:white;
  border-top:none;
  border-left: 1px solid #ccc;
}
.calendardailybottomrightcontentbacksolid {
  border-top: 1px solid #ccc;
}
.calendardailybottomrightcontentbackdashed {
  border-top: 1px dashed #ccc;
}
.calendardailybottomrightcontentbackfirst {
  border-left: none;
}
.calendardailybottomrightcontentbackweekend {
  background: #ccc;
}
.calendardailybottomrightcontentbacklast {
  border-right: 1px solid #ccc;
}
.calendardailybottomrightevent {
  position:absolute;
  background: red;
}

.calendardailyeventRounded {
  padding-bottom: 2px;
  height: 14px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.calendardailyeventRounded .sb-inner {
}
.calendardailyeventRounded .sb-border {
}

.calendardailyeventDayRounded {
  padding-top:3px;
  padding-left:3px;
  padding-bottom:3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.calendardailyeventDayRounded .sb-inner {
}
.calendardailyeventDayRounded .sb-border {
}
.calendardailyeventContainer {
  position: absolute;
  margin-top: 1px;
  margin-left: 2px;
  overflow: hidden;
}
.calendardailyevent {
  font-size: x-small;
  position: relative;
  padding-left: 2px;
  line-height: 20px;
  overflow: hidden;
}
.calendardailyeventallday {
  font-size: x-small;
  text-align: center;
  position: relative;
  line-height: 14px;
}
.calendardailyeventday {
  font-size: x-small;
  position: relative;
  line-height: 14px;
  padding-left: 3px;
  overflow: hidden;
}
.calendardailyeventinner {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.calendardailyeventinner a {
  font-weight: normal;
  color: #fff !important;
  cursor: pointer;
  xoverflow: hidden;
  xtext-overflow: ellipsis;
  xwhite-space: nowrap;
}
.calendardailyeventinner a:hover {
  font-weight: bold;
  color: #fff !important;
  cursor: pointer;
}
.calendardailyeventrecurring {
  display: inline;
  float: right;
  padding-right: 2px;
}
.calendardailyeventsync {
  display: inline;
  float: right;
  padding-right: 2px;
}
.calendardailyeventlinked {
  display: inline;
  float: right;
  padding-right: 2px;
}
.calendardailyeventTitle {
  display: inline;
  float: left;
}
.calendardailyeventLocation {
  display: inline;
  float: left;
  padding-left:5px;
}
.calendardailyalldayevents a {
  color: #fff;
  font-weight: normal;
  cursor: pointer;
}
.calendardailyalldayevents a:hover {
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}

/*
.calendardailybottomrightcontentcontainer a {
  color: #215dc6;
  font-weight: normal;
  cursor: pointer;
}
.calendardailybottomrightcontentcontainer a:hover {
  color: #215dc6;
  font-weight: bold;
  cursor: pointer;
}
*/

/*
 * Event
 */
.eventStandardCell {
  vertical-align:top;
  padding-right:10px;
}

.eventHeadingFirst {
  vertical-align:top;
}

.eventContent {
  padding-top:10px;
}

.eventGuests {
  vertical-align:top;
}

.eventGuestsCell {
  vertical-align:top;
  padding-right:10px;
}

.eventOtherCell {
  vertical-align:top;
  padding-right:10px;
  padding-top:10px;
}

.eventSynced {
  vertical-align:top;
  padding-right:10px;
}
.eventSynced a {
  font-weight: normal;
}
.eventSynced a:hover {
  font-weight: bold;
}

#event_map_container {
  height:400px;
  display:block;
  width:100%;
}

#event_map_controls {
  width:70%;
}

#event_map_controls_hide {
  float:right;
  padding-right:10px;
  line-height:20px;
  font-size:x-small;
}

#event_map_canvas {
  clear:left;
  float:left;
  height:400px;
  width:70%;
}

#event_map_canvas p {
  color: black !important;
}

#event_map_canvas a {
  color: black !important;
  font-weight: bold;
}

#event_map_canvas a:hover {
  color: black !important;
}

#event_directions {
  padding-left: 5px;
  padding-right: 5px;
  color: black;
  float:right;
  background:white;
  height:400px;
  width:27%;
  overflow:auto;
  display:none;
}

/*
 * Blog
 */
.blogEntry {width: 100%; margin-bottom: 20px; border-bottom: 1px dashed #999;}
.blogHeader {font-size: x-small; text-transform: uppercase; color: #999;}
.blogTitle {margin-top: 2px; margin-bottom: 2px;}
.blogFooter {margin-bottom: 20px; font-size: x-small; text-transform: uppercase; color: #999;}
.blogTitle a {color: #666;}
.blogTitle a.visited {color: #666;}
.blogFooter a {color: #666; }
.blogFooter a.visited {color: #666; }

/*
 * Move
 */
.moveOff  {padding: 2px;}
.moveOn   {padding: 2px; background-color: #ccc;}
.moveDone {padding: 2px; background-color: #bbb;}

/*
 * Form Input
 */
input.mc {
  border: none;
  margin: 1px;
}
input.checkbox {border: none; margin-right: 5px; }
input.radio {border: none; margin-right: 5px; }
input.submit { padding: 5px; margin-right: 5px; }
input[type=submit] { padding: 5px; margin-right: 5px; }
input[type=button] { padding: 5px; }
input.button { padding: 5px; }
input.text {font-size: 100%;}
input.password {font-size: 100%;}

/*
.actionForm select { font-size: x-small}
.actionForm input { font-size: x-small}
.boxBodyAction select { font-size: x-small}
.boxBodyAction input { font-size: x-small}
.boxBodyAction submit { font-size: x-small}
*/
.actionForm input { margin-right: 5px; }
#tableSteps td, #tableSearchtbl td, #taskSummarySearchtbl td { vertical-align: middle; padding-right: 10px; padding-bottom: 5px; }
.tableLogin td { vertical-align: middle; }
.companypolicytbl td { padding-bottom: 0 !important; }
.companypolicytbl .small { display:block; margin-bottom: 10px; }

/*
 * Announcements
 */
.announcements {
  border: 1px solid red;
  background-color: #fcc;
  padding: 5px;
  color: #000;
  margin-bottom: 5px;
}
.announcement {
  background-color: #fff;
  padding: 2px;
  margin: 2px;
}
.announcementHead {
  padding: 2px;
  font-weight: bold;
}
.announcementAction {
  font-size: x-small;
}


/*
 * The box that goes in the toolbar.
 */

.boxAction{}
.boxHeadAction {
  background-image: url(../../images/site/toolbar_strip.gif);
  color: #999;
  font-size: small;
  line-height: 1em;
}
.boxHeadAction * {
  vertical-align: middle;
  white-space: nowrap;
}
.boxHeadAction a,
.boxHeadAction span {
  float: left;
  height: 16px;
  margin-bottom: 1px;
  padding: 4px 8px 4px 4px;
  color: #000;
}
* html .boxHeadAction a,
* html .boxHeadAction span {
  padding: 3px 8px 5px 4px;
}
.boxHeadAction span {
  padding-left: 0;
  padding-right: 0;
  color: #999;
}
.boxHeadAction a:hover {
  padding: 3px 7px 3px 3px;
  border: 1px solid #66f;
  background-color: #ccf;
  color:#000;
}
* html .boxHeadAction a:hover {
  padding: 2px 7px 4px 3px;
}
.boxHeadAction .submit {
  font-size: x-small;
  margin: 2px 7px 4px 3px;
}
.boxHeadActionSeparator{}
/* float hax */
.boxHeadAction:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* this causes validation errors but seems to be required for ie. */
.boxHeadAction {
  zoom: 1;
}


/*
 * The standard box
 * Used for holding the navigation
 */
.box {
}
.boxHead {
  padding: 2px;
  background-color: #ccc;
  background: #ccc url(../../images/site/toolbar_strip.gif) left top;
  color: #039;
  font-weight: bold;
  line-height: 25px;
}
.boxHead a {
}
.boxBody a {
  color: #000;
}
.boxBody a:hover {
  xcolor: #f00;
  text-decoration: underline;
}
.boxBodyClose {
  display: none;
  padding: 0px;
  background-color: #F1F1F1;
}

/*
 * The portlet box
 * Used for holding portlets
 */
.boxPortlet {
  margin:8px;
}
.boxHeadPortlet {
  zoom: 1;
}
.boxHeadPortlet h3 {
  margin: 0;
  padding-left: 8px;
  font-size: small;
  font-weight: normal;
  line-height: 20px;
}
.boxPortlet .rememberable {
  float: right;
  display: inline;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  margin-right: 4px;
}
.boxPortlet .rememberable span {
  display: none;
}
.boxBodyPortlet {
}
.boxBodyPortlet hr {
  height: 1px;
  color: #ddd;
}
.boxBodyPortletClose {
  padding: 0px;
  display: none;
}


/*
 * Porltet Columns
 */
.portletColumn {
  float: left;
  display: inline;
  min-height: 5em;
}
.portletColumnClear {
  clear: both;
}

/* Portlet Styles */

/* The different colours for the toolbar are defined in brand.css. Here we just
 * look at typeography.
 */
.portletToolbar {
  zoom: 1;
  margin: 0;
  padding: 5px;
  font-size: small;
  line-height: 20px;
}
.portletToolbar a {
  padding-left: 10px;
}
.portletToolbar div {
  font-size: small;
}
.portletToolbar .left {
  float: left;
  display: inline;
}

/* A portlet can wrap contents in this class if they want nice padding. However,
 * if the portlet needs edge to edge rendering it can just be left out.
 */
.boxPortlet {
}
.boxBodyPortlet {
  position: relative;
  margin-left: -1px;
  padding-left: 1px;
}
.portletContent {
  zoom: 1;
  padding: 10px;
  position: relative;
  margin-right: -1px;
  margin-bottom: 0px;
}

/* Events widget - bold hover now using inline colours */
.portletContent .eventlist .evententry a {
  font-weight: normal;
}
.portletContent .eventlist .evententry a:hover {
  font-weight: bold;
}
.boxPortlet .boxHeadPortlet h3 {
  font-weight: bold;
}

.boxPortlet .linkItemsTitle {
  padding-left: 3px;
}

.boxPortlet .portletAction img {
  padding-right: 3px;
}

/* This has the nasty side effect of making the display wide and messing up the column.
   It is rectified by the portlet JS kicking in and making the columns less wide. I'm not
   sure what can be done to fix this.
 */
.portletActions {
  float: right;
}
.portletSubheadContainer {
}
.portletSubhead {
  display:inline;
}
.portletAction {
}

.portletActionInfo {
  padding: 5px 5px 0px 5px;
}

.portletActionInfoTxt {
  font-size: x-small;
}

/*
 * Filter box
 */
.boxFilter {
  width: 99.5%; /* stops horizontal scroll bar in ie6 */
  margin-bottom: 5px;
  border: 1px solid #993333;
}
.boxHeadFilter {
  background-color: #CC9999;
  color: #666666;
  padding: 0px;
  font-weight: bold;
}
.boxBodyFilter {
  background-color: #E2C5C5;
  padding: 0px;
}
.boxBodyFilterClose {
  background-color: #E2C5C5;
  padding: 0px;
  display: none;
}

/*
 * Plain box
 */
.boxPlain {
  width: 99.5%; /* stops horizontal scroll bar in ie6 */
  margin-bottom: 5px;
}
.boxHeadPlain {
  padding: 0px;
  padding-top: 5px;
  font-weight: bold;
}
.boxBodyPlain {
  padding: 0px;
}
.boxBodyPlainClose {
  padding: 0px;
  display: none;
}


/*
 * ShadedContainer box
 * Used for heading up shaded boxes
 */
.boxShadedContainer {
  margin-bottom: 5px;
}
.boxHeadShadedContainer {
  font-size: 0.83em;
  font-weight: bold;
  padding: 2px;
  background-repeat: repeat-x;
}
.boxHeadShadedContainer a {
  margin: 0 12px;
}
.boxHeadShadedContainer img {
  margin-right: 3px;
}
.boxBodyShadedContainer {
  padding: 1px;
}
.boxBodyShadedContainerClose {
  padding: 2px;
  display: none;
}

/*
 * Shaded box
 * Used for marking off sections of a page
 */
.boxShaded, .boxShadedNoBorder {
}
.boxHeadShaded, .boxHeadShadedNoBorder {
  color: #666;
  padding: 2px;
  font-weight: bold;
}
.boxBodyShaded, .boxBodyShadedNoBorder {
  padding: 2px;
}
.boxBodyShadedClose, .boxBodyShadedNoBorderClose {
  padding: 2px;
  display: none;
}

/*
 * Context Menu Classes
 * Appear in IE where there is a right click on the page
 * heading.
 */
.contextMenu {
  position: absolute;
  width: 150px;
  background-color: #D4D0C8;
  border: 1px solid gray;
  padding: 1px;
  color: #000;
  z-index: 99;
}
.contextMenuItem {
  padding: 2px;
  cursor: pointer;
  font-size: x-small;
}
/* added to contextMenuItem */
.contextMenuItemOn {
  background-color: #0A246A;
  color: #fff;

}
/* added to contextMenuItem */
.contextMenuItemOff {
  background-color: #D4D0C8;
  color: #000;
}


/*
 * Tables
 */

/*
 * Standard tables are low profile tables which are used
 * for presenting data in a neutral way. These tables are
 * used for areas where alignment is important. eg. Lists
 * with action buttons.
 */

.table {
  border-collapse: collapse;
  vertical-align: top;
}
.rowHead {
  vertical-align: top;
  background-color: #ccc;
}
.row {
  vertical-align: top;
}
.rowOn {
  vertical-align: top;
  background: #eee;
}
.rowHi {
  vertical-align: top;
  background: #ddd;
}
.cell {
  vertical-align: top;
}

/*
 * Display tables are used for presenting tabular data. They
 * may well have a border and a seperator between each row.
 * Good for presenting object properties.
 */

/*
.displayTableA {
  display: table;
}

.displayRowHeadA {
  display: table-row;
  font-weight: bold;
  background-color: #eee;
  color: #000;
}

.displayHeadA {
  padding: 4px;
  xbackground: #ddd;
  border-bottom: 1px solid #eee;
  color: #000;
  xwidth:25%;
}

.displayRowA, .displayRowOnA, .displayRowHiA, .displayRowAltA {
  display: table-row;
}

.displayCellA {
  display: table-cell;
  padding: 4px;
  border-bottom: 1px solid #eee;
  xborder: 1px solid #ccc;
  color: #000;
  vertical-align: top;
}
*/

/*

.displayTable {
  margin-top: 0px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
  border-collapse: collapse;
  background-color: #fff;
}
.displayRowHead {
  background: url(../../images/site/display_strip.gif);
  background-repeat: repeat-x;
  font-weight: bold;
  background-color: #ccc;
  color: #000;

}
.displayRow {
  vertical-align: top;
}
.displayRowOn {
  vertical-align: top;
  background: #eee;
}
.displayRowHi {
  vertical-align: top;
  background: #ddd;
}
.displayRowOnHi {
  vertical-align: top;
  background: #ddd;
}
.displayRowAlt {
  vertical-align: top;
  background-color: #eee;
}
.displayCell {
  padding: 4px;
  border-bottom: 1px solid #eee;
  border: 1px solid #ccc;
  color: #000;
}

.displayCell p {
}
.displayCell .submit {
  font-size: x-Small;
}

.displayHead {
  padding: 4px;
  background: #ddd;
  border-bottom: 1px solid #eee;
  border: 1px solid #ccc;
  color: #000;
  width:25%;
}
.displayCell span {

}
.displayCell table tr td {

}

tr.displayRowHead th a       {color: black; text-decoration: none}
tr.displayRowHead th a:hover {color: black; text-decoration: underline}
tr.displayRowHead td a       {color: black; text-decoration: none}
tr.displayRowHead td a:hover {color: black; text-decoration: underline}
*/

.displayTable {
  margin-top: 0px;
  margin-bottom: 5px;
  xborder: 1px solid #ccc;
  xborder-collapse: collapse;
  background-color: #fff;
  border-top: 1px solid #eee;
  border-spacing: 0;
}

.displayTableVB {
  border: 1px solid #eee;
  border-right: none;
  border-bottom: none;
  width: 100%;
}

.displayTableVB .displayCell {
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.displayRowHead {
  xbackground: url(../../images/site/display_strip.gif);
  xbackground-repeat: repeat-x;
  font-weight: bold;
  background-color: #eee;
  color: #000;
}
.displayRow {
  vertical-align: top;
}
.displayRowOn {
  vertical-align: top;
  background: #eee;
}
.displayRowHi {
  vertical-align: top;
  background: #ddd;
}
.displayRowOnHi {
  vertical-align: top;
  background: #ddd;
}
.displayRowAlt {
  vertical-align: top;
  background-color: #eee;
}
.displayCell {
  padding: 4px;
  border-bottom: 1px solid #eee;
  xborder: 1px solid #ccc;
  color: #000;
}
.displayCell a {
  text-decoration: underline;
}

.displayCell p {
}
.displayCell .submit {
  font-size: x-Small;
}

.displayHead {
  padding: 4px;
  xbackground: #ddd;
  border-bottom: 1px solid #eee;
  xborder: 1px solid #ccc;
  color: #000;
  width:25%;
}
.displayCell span {

}
.displayCell table tr td {

}

tr.displayRowHead th a       {color: black; text-decoration: none}
tr.displayRowHead th a:hover {color: black; text-decoration: underline}
tr.displayRowHead td a       {color: black; text-decoration: none}
tr.displayRowHead td a:hover {color: black; text-decoration: underline}


/*
 * Contents tables are used for presenting tabular data. They
 * are used to show the "item" contents of container nodes.
 */

.contentsTable {
  margin-top: 0px;
  margin-bottom: 5px;
  border-collapse: collapse;
}
.contentsRowHead {
  background: url(images/content_table_header_bg.gif) top left repeat-x;
  vertical-align: middle;
  line-height: 15px;
}
#contentsItemsDetailedForm .contentsRowHead, #contentsItemsDetailedForm th {
  background: none;
  font-weight: bold;
}
.contentsTable th, .contentsTable td {
  padding: 2px 10px 2px 5px;
  font-size: small;
}
.contentsRow {
  vertical-align: top;
  background-color: #fff;
}
.contentsRowOn {
}
.contentsRowHi {
}
.contentsRowOnHi {
}

.contentsCell {
}
.contentsCell .submit {
  font-size: x-small;
}
.contentsCell img {
  margin-right: 3px;
}
.contentsHead {
}

tr.contentsRowHead th a       {color: black; text-decoration: none}
tr.contentsRowHead th a:hover {color: black; text-decoration: underline}
tr.contentsRowHead td a       {color: black; text-decoration: none}
tr.contentsRowHead td a:hover {color: black; text-decoration: underline}

/*
 * Contents Items
 * A bunch of classes which deal with the presentation of
 * items in the contents box. There are a number of modes:
 * rich, large, list and detail.
 */

.contentsLargeBox {
  font-size: x-small;
  float: left;
  text-align: center;
  width: 84px;
  height: 84px;  /* make this 92 to fit 5 lines */
  padding: 4px;
  overflow: hidden;
  border: 1px solid transparent;
}

/* ie6 transparent border */
*html .contentsLargeBox {
  border-color: pink;
  filter: chroma(color=pink);
}

.contentsThumbnailBox {
  float: left;
  text-align: center;
  padding: 2px;
  margin: 2px;
  border: 1px solid #e5e5e5;
}

.contentsRichBox {
  padding: 4px;
  clear: left;
}
.contentsRichBoxInner {
  float: left;
  padding: 2px;
}

.contentsItemCut {
  text-decoration: line-through;
  font-size: xx-small; /* Goes big in IE */
}

.contentsItemHidden {
  color: #aaa;
}

.contentsFooterActions {
  width: 100%;
  float: left;
  padding-top: 5px;
}
.contentsFooterActions .submit {
  font-size: x-small;
}

/*
 * Forms are presented with tables. These classes can be
 * customize forms requiring user input.
 */

.formTable .formCell {
  padding-bottom: 12px;
}
.formTableVertical .formCell {
padding-bottom: 5px;
}


form[name=search] input {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

.formWrap {
  padding: 10px;
  background: #eee;
}


.formRow {
}

.formRowOn {
  background: #eee;
}

.formCell {
  vertical-align: top;
  padding: 3px;
}

.formCell input.checkbox {
  margin-top: 6px;
}

.formTable {
  border-collapse: collapse;
  margin-bottom: 5px;
}

.formRowHead {
  margin-top: 10px;
  font-weight: bold;
  color: #3f629c !important;
  vertical-align: top;
}

.formRowHead a {
  color: #3f629c !important;
}

.flexiFormLeftColumn {
  padding-top: 8px;
  color: #333;
}

.formRowHead .flexiFormLeftColumn, .formRowHead .flexiFormLeftColumn a {
  color: #3f629c;
}

/* This gets around an IE problem with styling TR borders */
.formRowDivider {
  border-collapse:collapse;

}
.formRowDivider td {
  border-bottom:1px solid #002e7c;
}

.formButton {
  padding: 1px;
  font-weight: bold;
  background-color: #fc0;
  border-left: 1px solid #ff6;
  border-top: 1px solid #ff6;
  border-right: 1px solid #c93;
  border-bottom: 1px solid #c93;
  margin: 0px;
}
.formTextareaBig {
  width: 400px;
  height: 100px;
}
.formTextareaSmall {
  width: 400px;
  height: 50px;
}

.formElement {
  float:left;
  padding: 2px;
}
.formTableVertical .formElement {
  padding: 0;
  padding-bottom: 3px;
}
.formElementTitle {
  font-size: x-small;
  padding-top: 3px;
}
.formElementDescription {
  font-size: x-small;
  color:#333;
  padding-top: 3px;
}
.formAlert {
  border:1px solid #ccc;
  padding:5px;
}
.formAlertOption {
 display:inline;
 float:left;
 padding-right: 10px;
 cursor:pointer;
}
.formAlertOption .checkbox {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 0;
}
.formAlertOption img {
  margin-top: -7px;
  padding-left: 2px;
}
/*
 * link items: defined on the list container in portlets
 */
.linkItemsIcon {vertical-align:top;}
.linkItemsIcons {}
.linkItemsList {
	margin: 0 0 0 10px;
	padding: 0 0 0 6px;
}

.linkItemsList li {
  list-style-type: square;
  padding-left: 6px;
}

/* fix for the disappearing or misaligning ie6 bullet */
* html .linkItemsList li {
  padding-left: 14px;
  padding-right: 4px;
  list-style-type: none;
  background: url(images/square_bullet.gif) no-repeat left top;
 }

.linkItemsList li a{
  padding-right: 6px;
}

.linkItemsListBigIcons{}
.linkItemsListSmallIcons tr {
  vertical-align:top;
}
.linkItemsListBigIconsWithActions{}

.linkItemsDesc {
  font-size: x-small;
}

/* Drag and drop */

.drophover {
}

.dropMarker {
  border: 2px dashed #999;
  margin-left: 6px;
}

/**
 * Tags
 * Just the sizes are difined here.
 */

.tagsize0{font-size: x-small;}
.tagsize1{font-size: small;}
.tagsize2{font-size: medium;}
.tagsize3{font-size: large;}

/* tags on the member page */
.tagNav{
  width: 25%;
  float: right;
  padding: 4px;
  text-align:justify;
}
/* related tags on the member page */
.tagRel{
  width: 25%;
  float: right;
  padding: 4px;
  text-align:justify;
}
.tagCloud{}
.tagOptions{}
.tagResource{font-weight:bold;}
.tagTags{font-size:x-small;color: #999;}
.tagTags a {color: #999;}
.tagTags a.visited {color: #999;}
.tagTagsManage{color: #999;padding-left:5px;}
.tagTagsManage a {color: #999;}
.tagTagsManage a.visited {color: #999;}

/**
 * Profile
 * These styles appear on the profile page.
 */
.profileImage {position:relative; float:left; padding: 0px 8px 8px 0px}
.profileSkype {}
.profileComm {clear:both;}
.profileDetails {clear: both;}
.profileDetails ul {margin-left: 0px;}
.profileDetails li {list-style-type: none;}
.profileInterests {margin-left: 0px; display:inline;}
.profileInterests li {list-style-type: none; display:inline;}
.profileExpertises {margin-left: 0px; display:inline;}
.profileExpertises li {list-style-type: none; display:inline;}
.profileProfile {font-style:italic;}
.profileAddress {clear: both;}
.profileNumbers {clear: both;}
.profileNumbers ul {margin-left: 0px;}
.profileNumbers li {list-style-type: none; margin-left: 0px;}
.profileIMs {clear: both;}
.profileIMs ul {margin-left: 0px;}
.profileIMs li {list-style-type: none; margin-left: 0px;}
.profileAdmin{clear: both;}
.profileAdmin ul {margin-left: 0px;}
.profileAdmin li {list-style-type: none;}
.profileNetwork {clear: both;}
.profileNetwork ul {margin-left: 0px;}
.profileNetwork li {
  list-style-type: none;
  margin-left: 0px;
  float:left;
  font-size: x-small;
  width: 84px;
  padding:4px;
  text-align: center;
  overflow: hidden;
}
.profileNetwork p {clear: both;}
.profileGroups { clear: both; }
.profileActions {clear: both;}
.profileActions ul {margin-left: 0px;}
.profileActions li {list-style-type: none;}
.profileActionsCreated {color: #999;}
.profileFoaf {clear:both;}
.profileShares {clear:both;}

/**
 * Network Members
 * These styles appear on the network list, network pending and profile network pages.
 */
.networkTable{}
.networkTableMember {}
.networkTableMemberOn {}
.networkTableMemberDiv { border-top: 1px solid black; }
.networkTableImage {vertical-align:top; width:66px; padding: 5px;}
.networkTableImage img {width:48px; height:48px;}
.networkTableBody {vertical-align:top; width:250px;}
.networkTableBody ul {margin-left: 0px;}
.networkTableBody li {list-style-type: none; font-size:x-small}
.networkTableActions {vertical-align:top; width:150px;}
.networkTableActions ul {margin-left: 0px;}
.networkTableActions li {list-style-type: none; display: inline; padding-right: 3px;}
.networkTableComm {vertical-align:top;width:200px;}
.networkTableCommIcon {display:inline;float:left;width:25px;}
.networkTableCommActions {width:150px;font-size:x-small;display:inline;float:left;}
.profileCommIcon {display:inline;float:left;width:25px;}
.profileCommActions {border:1px solid #ccc;width:150px;font-size:x-small;display:inline;float:left;}
.membernetworkcommActions {border:1px solid #ccc;width:150px;font-size:x-small;display:inline;float:left;}


/* Network Members CSS3 column layout */
.networkTableC{ -webkit-columns: 350px; -moz-columns: 350px; columns: 350px; padding: 10px; }
.networkTableMemberC { -webkit-column-break-inside: avoid; moz-column-break-inside: avoid; column-break-inside: avoid; height: 85px; clear: left; position: relative; }
.networkTableMemberOnC { clear: left; }
.networkTableMemberDivC { border-top: 1px solid black; }
.networkTableImageC { position: absolute; left: 0; vertical-align:top; width:66px; }
.networkTableImageC img {width:48px; height:48px;}
.networkTableBodyC { word-wrap: break-word; position: absolute; left: 65px; vertical-align:top; width:200px;}
.networkTableBodyC ul {margin-left: 0px;}
.networkTableBodyC li {list-style-type: none; font-size:x-small}
.networkTableActionsC { position: absolute; left: 265px; vertical-align:top; width:100px;}
.networkTableActionsC ul {margin-left: 0px;}
.networkTableActionsC li {list-style-type: none; display: inline; padding-right: 3px;}
.networkTableCommC { vertical-align:top;width:200px;}
.networkTableCommIconC {display:inline;float:left;width:25px;}
.networkTableCommActionsC {width:100px;font-size:x-small;display:inline;float:left;}
.profileCommIconC {display:inline;float:left;width:25px;}
.profileCommActionsC {border:1px solid #ccc;width:150px;font-size:x-small;display:inline;float:left;}
.membernetworkcommActionsC {border:1px solid #ccc;width:150px;font-size:x-small;display:inline;float:left;}


/**
 * dadmove
 */
.dadmoveTarget {
  border: 1px dashed #ccc;
  background-color: #eee !important;
}
div.contentsRichItem.dadmoveTarget {
  margin-left: -1px;
  margin-right: -1px;
  height: 50px;
}
.dadmoveHover {
  background-color: #ff9 !important;
}
tr.dadmoveHover td, tr.dadmoveTarget td {
  height: 50px;
}
.navboxarea .dadmoveHover, .navboxarea .dadmoveTarget {
  min-height: 50px;
}

/**
 * info sidebar
 */
.infoSidebar {
  font-size:0.85em
}
.infoSidebar h3 {
  font-size:1.0em
}
.infoSidebarHead {
}
.infoSidebar table td {
  vertical-align:top;
  padding: 2px;
}



/**
 * faq
 */

ul.faq {margin-left: 0px;}
li.faq {list-style-type: none;}
dl.faq {}


/**
 * PageID
 * Each page has an ID on the body tag along the lines of page_ww_public_blah
 * These IDs can be used to make page specific style changes. The first example
 * of this was on the logn page where we needed more padding.
 * WARNING: Do not abuse this section. It is for page specific stuff only.
 * It should just offer one off tweaks to pages.
 */

/* connect */

#page_ww_public_connect #loginform{
  background-color: #eee;
  padding: 1em;
  display: none;
}
#page_ww_public_connect #joinform{
  background-color: #eee;
  padding: 1em;
}

/* register */
#page_ww_public_register #loginform{
  background-color: #eee;
  padding: 1em;
  display: none;
}
#page_ww_public_register #joinform{
  background-color: #eee;
  padding: 1em;
}

#page_ww_public_register input.radio {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

/* join */
#page_ww_public_subscriptionjoin #loginform{
  xbackground-color: #eee;
  padding: 1em;
}
#page_ww_public_subscriptionjoin #joinform{
  xbackground-color: #eee;
  padding: 1em;
}

#usernameexists, #emailexists {
  font-size: x-small;
}

#usernameexists a, #emailexists a {
  color: #f00;
}

#page_ww_public_subscriptionjoin a#join h3, #page_ww_public_subscriptionjoin a#login h3 {
  border: 1px solid red;
  background-color: #fcc;
  padding: 5px;
}

/* login */
#page_ww_public_subscriptionjoin #tBodyContent,
#page_ww_authenticate_login_default #tBodyContent {
  padding: 1em;
}
#page_ww_authenticate_login_default #string_signin_notice {
  padding: 1em;
  background-color: #eee;
}
#page_ww_authenticate_login_default #string_signin_notice p {
  font-size: x-small;
}
#page_ww_authenticate_login_default #string_signin_fogotten {
  padding-top: 1em;
  padding-bottom: 1em;
}

/* share */
#page_ww_public_permissions #content_permissions_legend {
  padding: 1em;
  background-color: #eee;
}

/* network */
#page_ww_public_contacts #content_pending_connections_mine {
  padding-bottom: 1em;
}

/* permissions */
#page_ww_public_permissions #content_add {
  padding-bottom: 2em;
}
#page_ww_public_permissions #content_add form {
  padding-bottom: 8px;
}
#page_ww_public_permissions #content_add  input.submit{
  font-size: x-small;
}
#page_ww_public_permissions #content_permissions_form input.submit {
  font-size: x-small;
  height: auto;
  xheight: 18px;
  xline-height: normal;
  xpadding: 2px 10px !important;
  height: 18px;
  line-height: 6px;

}
#page_ww_public_nodenew .eventNewWrap {
  xwidth: 800px;
}
#page_ww_public_nodenew .eventNewWrap table.formTable {
  xwidth: 100%;
}

#page_ww_public_permissions .finderHeaderTitle a, #page_ww_public_alertsend .finderHeaderTitle a {
  text-decoration: underline;
}

/* identity find */

#page_ww_public_identityfind #tBodyContent, #page_ww_public_iconfind #tBodyContent, #page_ww_public_nodefind #tBodyContent {
  padding: 10px;
}
#page_ww_public_identityfind #tBodyContent .formCell, #page_ww_public_iconfind #tBodyContent .formCell {
  vertical-align: middle;
}
/*
#page_ww_public_identityfind #tBodyContent .submit, #page_ww_public_identityfind #tBodyContent .button, #page_ww_public_iconfind #tBodyContent .button, #page_ww_public_nodefind #tBodyContent .submit, #page_ww_public_nodefind #tBodyContent input[type=button] {
  margin-right: 5px;
  height: 30px;
  color: #444 !important;
  text-shadow: rgba(0,0,0.2) 1px 1px 0;
  background-color: #f0f0f0;
  background-image: none;
  background-size: 100%;
  cursor: pointer;
  font-weight: bold;
  border: 1px solid #ced0d3;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
}
*/
#page_ww_public_identityfind submit,button {
  font-size: x-small;
}
#page_ww_public_iconfind #tBottomContent, #page_ww_public_identityfind #tBottomContent {
  display: none;
}

#passwordStrength {
  width: 160px;
  height: 18px;
}

/* password strength */
#psContainer {
  height:18px;
  width:100px;
  border:1px solid #000;
  float:left;
  margin-left:2px;
  background-color:#dddddd;
}

#psStrength {
  background-image: url(../../images/site/passwordstrength.jpg);
  height:18px;
  width:0px;
}

#psValue {
  float: right;
  vertical-align: middle;
}


/* recurring */
.recurringOptionHorizontal {
  float: left;
  width: 103px;
}
.recurringOptionHorizontalClear {
  float: left;
  clear: left;
  width: 103px;
}
#dRecurringOptions {
  border: 1px solid #aaa;
  padding-left: 10px;
  background: #eee;
}
.recurringSection {
  clear: left;
  padding-bottom: 10px;
  padding-top: 10px;
}
.recurringSectionRange {
  clear: left;
  padding-bottom: 10px;
  padding-top: 25px;
}

.recurringTypes {
  display: inline;
  float: left;
}

.recurringOption {
}

.recurringType {
  display: inline;
  float: left;
  clear: left;
  height: 90px;
}

.recurringOptionGroup {
  display: inline;
  float: left;
  padding-left: 20px;
}

.recurringSubHeading {
  font-weight: bold;
  padding-bottom: 5px;
}

/* Events */
#dEventGuests {
  border: 1px solid #aaa;
  padding: 10px;
}

/* public page */
.publicNodeType {
  vertical-align: middle;
  padding-top: 10px;
}
#publicNodeTypes ul {
  margin-left: 10px;
}
#publicNodeTypes li {
  float: left;
  display: inline;
  list-style-type: none;
  height: 64px;
  width: 75px;
  font-size: x-small;
}

#previewText {
  border: thin solid #000;
  width: 300px;
  padding: 10px;
}

.helpLeft {
  display: inline;
  float: left;
}

.helpRight {
  display: inline;
  float: right;
}

/* Node Find Popup */
.nodeFindExpand {
  padding-left: 0px;
  padding-right: 5px;
}
.nodeFindExpand a {
  color: black;
}
.nodeFindExpand a:hover {
  color: red;
}

/* Chat room */

.chatroomItem {
  padding: 10px;
}

.chatroomHeader {
  padding: 5px;
  font-size: x-small;
}

/* Streams/Dashboard page */
#streamBrowserWarning {
  margin-top: 10px;
  font-size: 11px;
  color: #000;
  padding: 5px;
  background: #F5C9D7;
  border: 1px solid #f00;
  margin-bottom: 10px;
  text-align: left;
  width:100%;
}

.StartUpload {
  /* for IE */
  filter:alpha(opacity=20);
  /* CSS3 standard */
  opacity:0.1;
}

#templatesTable input.submit, #tableSteps input.submit, #tableColumns input.submit, #tableChoiceListItems input.submit {
  height: 20px;
  line-height: 6px;
  font-size: x-Small;
}

.nma_permh {
  list-style: none;
  float: left;
  margin-right: 10px;
}

#page_ww_public_nodemembersadd textarea {
  margin-top: 5px;
}
#compmantbl tr:hover {
  background: #eee !important;
}
#content_permissions_form tr:hover {
  background: #eee !important;
}

.tableColumnsDisabled tr td, .tableColumnsDisabled tr td a {
  color: rgba(100, 100, 100, 0.5);
}

.tableColumnsDisabled a:hover, .tableColumnsDisabled input:hover {
  cursor: default;
  box-shadow: none !important;
}

label {
  cursor: pointer;
}

/* scribd - hide logo which includes link to private document */
.autogen_class_views_embeds_content #toolbar a.logo {
  display: none;
}