/**
 * BRANDING
 * This stylesheet provides branding (backgrounds, colours) for the major
 * positional elements (divs prefixed with a t), site elements (prefixed
 * with a ww) and some internal elements (no prefix).
 */

/**
 * Element Styles
 */

body {
  background: #f5f5f7 url(images/bg.png) 0 0 repeat;
  line-height: 1.3;
  xmargin-left: 10px;
  xmargin-right: 10px;
  xpadding-top: 8px;
}
/* a {color: #215dc6; text-decoration: none} */
a {color: #333; text-decoration: none}
/*
a:hover {color: #f00; text-decoration: none}
*/
a:hover { text-decoration: underline; }



/**
 * Styling the positional elements
 * These IDs have been defined in the template where
 * Positional properties have already been set:
 * width, min-width, max-width, float, clear.
 * You are however, able to control other properties:
 * background-color, padding, border, margin, color, etc.
 * You can achieve some sweeping results by amending
 * the values in this section. This is a good place to set
 * colours for the templates.
 */

#tAll {
}


#tHeader {
  font-size: 11px;
  font-weight: bold;
  z-index: 30;
  xtop: 10px;
  xleft: 5px;
  xright: 5px;
  height:59px;
  xmin-width: 1080px; /*755px; 981px; */
  background: #537491;
  border-bottom: 1px solid #fff;
  min-width: 824px;
  box-shadow: 0px 4px 10px #888;
}

/* ie 6 min-width hack */
* html #tHeader {
  /* width: expression((documentElement.clientWidth <755) ? "755" : "100%" ); */
}

#tHeader a {
  text-decoration: none;
  color: #fff;
  /* list-style-position: top left; */
}
#tHeader a:hover {
  color: #fff;
}

/* generic sap classes */
.tHeaderLine {
  float: left;
  width: 100%;
  display: block;
  position: relative; /*prevents shifting when changing viewport in IE;thanks to Alan Gresley*/
  overflow: hidden; /*only needed for equal height columns*/
  background-color: transparent;
  height: 59px;
  xline-height: 59px;
  vertical-align: middle;
}

.tHeaderItem {
  position: relative;
  float: left;
  overflow: hidden;
  left: 100%;
}

.tHeaderColumn {
}

#tHeaderMain #tHeaderMainLeft {
  margin-left: -100%;
  width: 220px;
  background-color: transparent;
  z-index: 101; /*prevent main content from obscuring sidebars */
}

#tHeaderMain #tHeaderMainLeft .sap-content {
}

#tHeaderMain #tHeaderMainBG {
  margin-left: -100%;
  width: 100%;
  height: 59px;
  z-index: 97;
}

#tHeaderMain #tHeaderMainBG .sap-content {
  height: 59px;
  margin-left: 50px;
  margin-right: 50px;
  xbackground: url(images/banner-bg.png) top left repeat-x;
}

#tHeaderMain #tHeaderMainSiteNav {
  margin-left: -100%;
  xwidth: 554px;
  height: 59px;
  z-index: 100;
}

#tHeaderMain #tHeaderMainSiteNav .sap-content {
  height: 59px;
  margin-left: 221px;
  xmargin-right:30px;
  xbackground: url(images/banner-bg.png) top left repeat-x;
  z-index: 100;
}

#tHeaderMain #tHeaderMainShortcuts {
  margin-left: -100%;
  width: 100%;
  height:59px;
  z-index: 99;
}

#tHeaderMain #tHeaderMainShortcuts .sap-content {
  xmargin-left: 350px;
  xmargin-left: 650px;
  margin-right: 100px;
  height:59px;
  xbackground: url(images/banner-bg.png) top left repeat-x;
  float: right;
  xfloat: left;
}



#tHeaderMain #tHeaderMainRight {
  margin-left: -180px;
  height: 59px;
  width: 180px;
  xbackground: url(images/banner-right.png) top right no-repeat;
  z-index: 100; /*prevent main content from obscuring sidebars */
}

#tHeaderMain #tHeaderMainRight .sap-content {
  height:59px;
  margin-left: 10px;
}


#tPageHeader {
  padding-top: 14px;
  padding-left: 20px;
  float: left;
  display: inline;
  font-size: 18px;
  color: #a6a6a7;
  padding-bottom: 5px;
}

#tLogin {
  float: right;
  display: inline;
}

.tBodyHeadTextOuter {
  display: table;
  /* #position: relative; */
  overflow: hidden;
  height: 32px;
  width: 100%;
}

.tBodyHeadTextMiddle {
  display: table-cell;
  /* #position: absolute;
  #top: 50%; */
  vertical-align: middle;
}

.tBodyHeadTextInner {
  /* #position: relative;
  #top: -50%; */
}

#tMain {
  z-index: 20;
  margin-left:10px;
  margin-right:10px;
  min-width:743px;
}

* html #tMain {
  /* width: expression((documentElement.clientWidth <758) ? "743" : "100%" ); */
}

#tMainWrapper {
  padding-bottom: 10px;
}

#tSubPages {
}

.wwSubPage {
 display:inline;
 float:left;
}
.wwSubPageInner {
  padding-right: 10px;
  padding-left: 10px;
}
.wwSubPageContent {
  box-shadow: 0px 4px 10px #888;
}
#tBody {
}


/* normal page customisation */

#tBodyMainContainer {
}
#tBodyMain {
  color: #000;
}
#tBodyMainTop {
  box-shadow: 0px 4px 10px #888;
}
#tBodyContent {
  padding: 1px;
  border-left: solid 1px #aeb0b2;
  border-right: solid 1px #aeb0b2;
  background-color: #fff;
}
#tBodyTrail {
  xbackground: #537491 url(images/trail-head.png) left top repeat-x;
  background-color: #537491;
  border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
}
#tBodyHeadText {
  margin-top: 5px;
  padding-left: 10px;
  padding-top: 5px;
  display:inline;
  float: left;
}
#tBodyHead {
  min-height: 1px;
  padding: 5px 5px 5px 10px;
  /* background: url(images/content_top.png) left top repeat-x;
  background-color:#aab0ba; */
  background-color:#e5ecf3;
  border: 1px solid #aab0ba;
  border-bottom: none;
}

* html #tBodyHead {
  height: 1px;
}
#tBodyFoot {
  position: relative;
  min-height: 4px;
  xbackground: #fff url(images/content_bottom.gif) left bottom no-repeat;
  background: #fff;
  border-right: solid 1px #aeb0b2;
  border-left: solid 1px #aeb0b2;
  border-bottom: solid 1px #aeb0b2;
  xborder-bottom-left-radius: 5px;
  x-moz-border-bottom-left-radius: 5px;
  x-webkit-border-bottom-left-radius: 5px;

}
* html #tBodyFoot {
  height: 4px;
  /*
   * CB: this, surprisingly, doesn't affect the sizes in em specified for the
   * contained things, for example wwCredits. if things turn out to be nasty
   * in IE remove this and mae sure to have at least a comment inside tBodyFoot
   *
   * MW: We went with the comment in the template as it did work.
  font-size: 6px;
   */
}
#tBodyFoot #btn_backto {
  display: block;
  position: absolute;
  right: 5px;
  bottom: 5px;
}

#tBodySide {
  padding-bottom: 15px;
}

#tBottom {
  /* border-top: 1px solid #d5e5ef; */
  /* padding: 30px .5em .5em .5em; */
  color: #215dc6;
}

#tBottomContent {
  margin-bottom: -30px;
  padding: 25px .5em 10px .5em;
}

/*
 * Site variables
 * The following styles can be used to style the various
 * variables which are written to the template. These
 * styles are like wrappers that go around the content. The
 * convention is to append the prefix of "ww" to the
 * variable name. eg, the style "wwShortcuts" appies to the
 * variable "Shortcuts". The variables for each of the
 * following styles have each been wrapped in a div,
 * except where noted. eg.
 * <div id='wwShortcut'>...</div>. If there is no content
 * in a variable then the div wrapper is not output to the
 * page. This means that each of the blocks will disappear
 * if there is no content.
 * This is the place to set paddings, alignments and colours
 * for the template variables.
 */

/* span */
#tBodyMain {
}
#tBodyHead {
  position: relative;
  z-index: 100;
}


/* wwPreHeading
 * This is a little hack so that we can get the username details in on the
 * dashboard page. It shouldn't really be used elsewhere in the app.
 */
#wwPreHeading {
  float:right;
  text-align: right;
  margin-right: 10px;
  color: #fff;
}
#wwPreHeading a {
  font-weight: bold;
  color: #fff;
}
#wwPreHeading p {
  font-size: x-small;
}

#wwHeading {
  float: left;
  display: inline;
  margin-bottom: 0;
  color: #333;
  font-weight: bold;
}


/* Override the basicaction button Learn more about Sosius - make button red */
#page_default #wwBasicActions ul li {
  height: 30px;
  min-width: 45px;

  cursor: pointer;
  text-shadow: rgba(0,0,0.2) 1px 1px 0;
  background-color: #f0f0f0;
  background-image: none;
  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_default #wwBasicActions {
  margin-right: 10px !important;
}

#page_default #wwBasicActions ul li a {
  color: #444 !important;
}


/* wwBasicActions
 * Actions closely related to the heading.
 * These are different for the dashboard, hence the dashboard specific styles.
  padding: 20px 0 0px 10px;
 */
#wwBasicActions {
  float: right;
  display: inline;
  margin-top: 10px;
  margin-right: 10px;
  font-weight: normal;
  font-size: x-small;
  color: #fff;
  padding-bottom: 10px;
  margin-right: 70px;
}
#wwBasicActions a {
  color: #fff;
}
#wwBasicActions a:hover {
  color: #fff;
}
#wwBasicActions ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size:x-small;
}
#wwBasicActions ul li {
  display: inline;
  margin-left: 20px;
  line-height: 18px;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  xborder: 1px solid #fff;
  xbackground: #537491 url(images/blue-button-centre.gif) left top repeat-x;
  background-color: #537491;
  background-image: -webkit-linear-gradient(top,#7896b1,#6185a5 50%,#537491);
  background-image: -moz-linear-gradient(top,#7896b1,#6185a5 50%,#537491);
  background-image: -o-linear-gradient(top,#7896b1,#6185a5 50%,#537491);
  background-image: -ms-linear-gradient(top,#7896b1,#6185a5 50%,#537491);
  background-image: -linear-gradient(top,#7896b1,#6185a5 50%,#537491);
  background-image: linear-gradient(top,#7896b1,#6185a5 50%,#537491);
  xfilter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7896b1', endColorstr='#537491'); /* IE6 & IE7 */
  x-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7896b1', endColorstr='#537491')"; /* IE8 */
  height: 30px;
  zoom: 1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/*IE workaround*/
/*All IE browsers*/
/*
* html #wwBasicActions ul li {
  border-left: 1px solid #215dc6;
  padding: 0 0.4em 0 0.4em;
  margin: 0 0.4em 0 -0.4em;
}
*/
/*Win IE browsers - hide from Mac IE\*/
/*
* html #wwBasicActions ul {
  height: 1%;
}
* html #wwBasicActions ul li {
  display: block;
  float: left;
}
	*/
/*End hide*/
/*Mac IE 5*/
/*
* html #wwBasicActions ul li:first-child {
  border-left: 0;
}
*/



#wwFilters {
  float: right;
  display: inline;
  margin-top: -12px;
  padding-left: 20px;
  /* cover line from wwTrail. doesn't quite work when wwFilters falls from the top of the header but isn't that bad imo */
  background: url(images/content_top.gif) -10px -5px no-repeat;
  font-size: 1px;
  text-align: right;
}
#wwFilters a {
  margin-right: 1px;
}
#wwFilters #filter_help {
  margin-right: 3px;
}
/* img */
#wwLogo {

}

#wwShortcuts {
  width: 100%;
  height: 59px;
}
#wwShortcuts ul {
  float:right;
  margin-left: 0px;
  margin-bottom: 0px;
}
#wwShortcuts li {
  float: left;
  display: inline;
  list-style-type: none;
  font-size: 11px;

  display:table;
  margin-top: 8px;
}

#wwShortcuts li a {
  display: block;
  padding: 0 10px;
  text-decoration: none;
  height: 44px;

  display: inline-block;
  display:table-cell;
  vertical-align: middle;
}

#wwShortcuts li div.inner {
  margin-top: 8px;
}
/*
#wwShortcuts #shortcuts-customise a {
  padding-top: 10px;
  line-height: 15px;
  padding-bottom: 10px;
}
*/
#wwShortcuts li a:hover {
  text-decoration: none;
  background-color: #6d88a1;
}

#wwShortcuts .separator {
  xheight: 59px;
  xbackground: url(images/banner-bg-separator.png) top left no-repeat;
}
#shortcuts-search {
  margin-top:14px;
  margin-right: 10px;
  color: #ccc;
  position: absolute;
  xleft: 650px;
  left: 668px;
}
#shortcuts-admin {
  position: absolute;
  left: 885px;
}
#shortcuts-search .inner {
  border: 1px solid #959595;
  background-color: #fff;
  min-width: 207px;
  xmin-width: 157px;
}
#shortcuts-solution {
float: left;
display: inline;
text-align: center;
list-style-type: none;
font-size: 12px;
margin-left: 40px;

}
#wwLoginout li#shortcuts-solution div.inner {
  margin-top: 8px !important;
}
#wwLoginout li#shortcuts-solution a {
  vertical-align: top;
  padding: 2px 10px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;

  color: white;
  border-width: 0px;
  border-color: #ced0d3;
  text-shadow: rgba(0,0,0.2) 1px 1px 0;
  background-size: 100%;
  cursor: pointer;
  font-weight: normal;
  background-color: #92b751;
  background-image: -webkit-linear-gradient(top,#a0d347,#92c041 50%,#92b751);
  background-image: -moz-linear-gradient(top,#a0d347,#92c041 50%,#92b751);
  background-image: -o-linear-gradient(top,#a0d347,#92c041 50%,#92b751);
  background-image: -ms-linear-gradient(top,#a0d347,#92c041 50%,#92b751);
  background-image: -linear-gradient(top,#a0d347,#92c041 50%,#92b751);
  background-image: linear-gradient(top,#a0d347,#92c041 50%,#92b751);
  xfilter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a0d347', endColorstr='#92b751'); /* IE6 & IE7 */
  x-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#a0d347', endColorstr='#92b751')"; /* IE8 */
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -o-border-radius: 15px;
  -ms-border-radius: 15px;
  -khtml-border-radius: 15px;
}

#wwLoginout li#shortcuts-solution a:hover {
  box-shadow: 0 1px 10px #92b751;
}

#shortcuts-search .submit {
  /*
  background: url(images/search.png) top left no-repeat;
  border-style: none;
  padding-bottom: 0px;
  color: white;
  font-weight: bold;
  font-size: 11px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  cursor: pointer;
  margin: 0;
  padding: 0;
  margin-top: 3px;
  */
  background: url(images/search.png) top left no-repeat;
  border-style: none;
  padding: 0;
  color: white;
  font-weight: bold;
  font-size: 16px !important;
  width: 24px;
  min-width: 24px;
  height: 24px;
  cursor: pointer;
  padding: 0;
  margin: 1px;
  margin-bottom: 2px;
}
#shortcuts-search .submit:hover {
  color: #ccc;
}


#shortcuts-search .text {
  vertical-align: top;
  width: 175px;
  xwidth: 125px;
  padding: 0;
  height: 24px;
  color: #999;
  font-size: 12px;
  padding-left: 4px;
  background: white;
  border: none;
  xfont-style: italic;
  margin: 1px;
  outline: none;
}

#shortcuts-help a {
  xpadding-right: 0px !important;
}

#wwLoginout {
  width: 100%;
}
#wwLoginout #shortcuts-auth {
  float: right;
  margin-right: 10px;
  padding-left: 7px;
}
#wwLoginout #shortcuts-signout {
  padding-left: 2px;
}

#wwLoginout ul {
  margin-left: 0px;
  margin-bottom: 0px;
}
#wwLoginout li {
  xfloat: left;
  xdisplay: inline;
  list-style-type: none;
  font-size: 11px;
  margin-top: 8px;

  display:table;
}

#wwLoginout li a {
  xdisplay: block;
  padding: 0 10px;
  height: 44px;
  line-height: 44px;
  text-decoration: none;
  color: #fff;

  display: inline-block;
  display: table-cell;
  vertical-align: middle;
}

#wwLoginout img {
  padding-left: 5px;
  vertical-align: middle;
}
#wwLoginout li a:hover {
  text-decoration: none;
  background-color: #6d88a1;
}

#wwMemberShortcuts {
  height: 59px;
  margin: 0;
  xbackground: url(images/banner-bg-separator.png) top left no-repeat;
}
#wwMemberShortcuts:hover li.current a {
  border: 1px solid #6d88a1;
  background-color: transparent;
  xbackground-color: white !important;
}
#wwMemberShortcuts li.current a:hover {
  background-color: #6d88a1;
}

#wwMemberShortcuts ul {
  margin-left: 0px;
  padding-left: 2px;
  margin-bottom: 0px;
}
#wwMemberShortcuts li {
  float: left;
  display:inline;
  text-align: center;
  list-style-type:none;
  font-size:12px;
  height: 59px;
  xbackground: url(images/banner-bg-separator.png) top right no-repeat;
  xwidth: 100px;
  xpadding-right: 34px;
}
#wwMemberShortcuts img {
  padding-bottom:6px;
  vertical-align: middle;
}
#wwMemberShortcuts li a {
  border: 1px solid transparent;
  color: #fff;
  display: block;
  height: 44px;
  line-height: 44px;
  margin-top: 7px;
  xvertical-align: middle;
  xmargin-left: 17px;
  xmargin-right: 17px;
  padding-left:14px;
  padding-right:14px;
}
#wwMemberShortcuts ul li:hover {
  xbackground-color: #6d88a1;
}
#wwMemberShortcuts li a:hover {
  background-color: #6d88a1;
  color: #fff;
}
#wwMemberShortcuts .current {
  height: 59px;
  xbackground: url(images/banner-bg-selected.png) top left repeat-x;
}
#wwMemberShortcuts .current a {
  background-color: #6d88a1;
}

/* IE6 bodge to fix line height issue

* html #wwMemberShortcuts ul {
  xline-height: 20px;
  margin: 0;
  padding: 0;
  margin-left: 24px;
  padding-bottom: 2px;
}
  */



/* div */
#wwTrail {
  color: #a5bfce;
  xbackground-color:#537491;
  font-size: .83em;
  line-height: 2em;
  padding-left: 5px;
}
#wwTrail a {
  margin-right: .5em;
  color: #fff;
}
#wwTrail a {
}

#wwTrail a:hover {
  xcolor: #f00;
  text-decoration: underline;
}

/* div */
#wwNav {
  box-shadow: 0px 4px 10px #888;
}
/* div
 * It's a bit annoying how this takes up a whole line. Is it possible to get
 * following elements to start in their usual spot?
 */
#wwRSS {
  float: right;
  padding-right: 1px;
  padding-left: 5px;
  padding-top: 10px;
}
/* div */

#tActions {
}

#wwHelp {
  display: inline;
  clear: right;
  float: right;
  padding-right: 4px;
  margin-top: 10px;
  margin-left: 10px;
}

/* div */
#wwActionsShortcut {
  position: relative;
  float: right;
  display: inline;
  xwidth: 150px;
  margin-top: 7px;
  /* color: #fff; */
  color: #b7cde3;
  padding-bottom: 10px;
}
* html #wwActionsShortcut {
}
  /* text-indent: 5px; */
#wwActionsShortcut .actionItemsHeader {
  position: absolute;
  right: 0;
  top:-1px;
  xborder: solid 1px #fff;

  color: #444 !important;
  text-shadow: rgba(0,0,0.2) 1px 1px 0;
  background-color: #f0f0f0;
  background-image: none;
  background-size: 100%;
  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;

  text-align: center;
  cursor: pointer;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;

  width: 55px;
}
#wwActionsShortcut .actionItemsHeader img {
  margin-right: 3px;
}
#wwActionsShortcut .actionItemsHeader span {
  display: block;
  xwidth: 150px;
  xcolor: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
}
#wwActionsShortcut ul,
#wwActionsShortcut li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#wwActionsShortcut ul {
  position: absolute;

  /* left: -20000px; */
  display: none;
  left: auto;
  right: 0;

  margin-top: 24px;
  width: auto;
  padding: 5px 5px 10px 5px;
  border: solid 1px #b7cde3;
  background-color: #fff;
  filter: alpha(opacity=95);
  opacity: 0.95;
  font-size: .8em;
  text-indent: 0;
  box-shadow: 0px 4px 10px #888;
}
* html #wwActionsShortcut ul {
  padding-bottom: 0;
}
#wwActionsShortcut:hover ul, #wwActionsShortcut.hover ul {
  left: auto;
  right: 0;
}
#wwActionsShortcut li {
  position: relative;
  margin-left: 20px;
  padding-right: 5px;
  border-color: #b7cde3;
  border-top-color: #b7cde3;
  /* border-bottom: solid 1px #b7cde3; */
}
#wwActionsShortcut li.last {
  border-style: none;
}
#wwActionsShortcut li a {
  display: block;
  width: 100%;
  padding-top: 2px;
  background-color: #fff;
  line-height: 2;
  text-indent: 5px;
  padding-right: 5px;
  padding:5px;
  white-space: nowrap;
}
#wwActionsShortcut li a:hover {
  xbackground: #6D88A1 url(images/bg_icon2.gif) left top repeat-x;
  background-image: -webkit-linear-gradient(top,#6D88A1,#6D88A1);
  background-image: -moz-linear-gradient(top,#6D88A1,#6D88A1);
  background-image: -o-linear-gradient(top,#6D88A1,#6D88A1);
  background-image: -ms-linear-gradient(top,#6D88A1,#6D88A1);
  background-image: -linear-gradient(top,#6D88A1,#6D88A1);
  xfilter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6D88A1', endColorstr='#6D88A1'); /* IE6 & IE7 */
  x-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6D88A1', endColorstr='#6D88A1')"; /* IE8 */
  color: #fff;
  text-decoration: none;
}
#wwActionsShortcut li a img {
  position: absolute;
  left: -20px;
  top: 7px;
  margin-right: 8px;
}
#wwActionsShortcut strong {
  font-weight: bold;
}

/* wwActions
 * Actions related to page content.
 */

#wwActions {
  zoom: 1;
  clear: both;
  padding-left: 6px;
  margin: 0 -1px;
  border-bottom: solid 1px #bac4d3;
  background: #B2CAE4 url(images/content_actions_bg.gif) left top repeat;
  font-size: .83em;
}
#wwActions:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#wwActions a {
  float: left;
  margin: 0 12px;
  xheight: 24px;
  line-height: 24px;
  color: #333;
  margin-bottom: 1px;
}

#wwActions a:hover {
  xcolor: red;
}
* html #wwActions a {
  padding-top: 2px;
}
#wwActions img {
  margin-right: 3px;
  xmargin-bottom: 3px;
}

#viewOptions {
  float: right;
  width: 86px;
  height: 22px;
  padding: 5px 5px 0px 0px;
}
* html #viewOptions {
  padding-top: 2px;
}
#viewOptions a {
  margin: 0px;
  padding: 0px;
}
#viewOptions img {
  margin-right: 1px;
}


/* div */

#wwSummary {
  /*
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  */
  margin: 10px;
  color: #888;
}


/* div */
#wwCredits {
  padding: 10px;
  /* background: #00a4d6 url(images/credits_bg.gif) left bottom no-repeat; */
}
#wwCredits ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  color: #333;
  line-height: 1em;
}

#wwCredits ul li {
  display: inline;
  color: #333;
  font-size: xx-small;;
  text-decoration: none;
  margin-right: 20px;
}

#wwCredits ul li a {
  color: #333;
}

#wwCredits ul li a:hover {
  xcolor: #f00;
  text-decoration: underline;
}


/* div */
#wwPermissions {
  display: inline;
  clear: left;
  float: left;
  font-size: x-small;
  color: #333;
}
/* div */
#wwErrors {
  margin-top: 5px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

/* div */
#wwTags {
  zoom: 1;
  clear: both;
  margin: 5px 10px 10px 10px;
}

/* div */
#wwDisplay {
  zoom: 1;
  clear: both;
  padding: 5px 10px 10px 10px;
}
#wwDisplay:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.nodeContent {
  margin-bottom: 10px;
}

/* div */
#wwPortlets {
  zoom: 1;
  clear: both;
  margin: 5px 5px -3px 10px;
}
#wwPortlets:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


/* div */
#wwChildren {
  zoom: 1;
  clear: both;
  margin: 0 10px 10px 10px;
}


/* img */
#wwIcon {
  clear: left;
  float: left;
  display: inline;
  margin-top: 5px;
  padding-bottom: 5px;
}

.smallicon {
  padding-right: 3px;
}

/* div */
#wwHistory {
  position: absolute;
  height: 24px;
  right: -1px;
  bottom: -35px;
  padding-left: 80px;
  padding-right: 5px;
  /* background: url(images/history_bg.gif) left bottom no-repeat; */
  xborder-right: 1px solid #aeb0b2;
}
/* sigh  - MD: hmm ie6 changes position depending on window width, 1px
 * looks ok, 1px fine for ie7 */
* html #wwHistory {
}
#wwHistory a {
  display: block;
  xbackground: url(images/btn_content_left.gif) left top no-repeat;
  xcolor: #fff;
}
#wwHistory a span {
  display: block;
  width: 100px;
  padding-left: 5px;
  xbackground: url(images/btn_content_right.gif) right top no-repeat;
  xfont-size: .83em;
  xfont-weight: bold;
  line-height: 21px;
}
#wwHistory input {
  xfont-size: x-small;
  margin-bottom: 30px;
  display:none;
}
#wwHistory form {
  height: 100%;
  padding-bottom: 38px;
}
#wwHistory select {
  xfont-size: x-small;
}
/*
#wwHistory .dd {
   background: white;
}
*/
#wwHistory .ddTitle, #wwHistory .ddChild, .ddChild {
  box-shadow: 0px 4px 10px #888;
}



/* https://gist.github.com/1367918 */

/* base styles */
input[type="radio"],
input[type="checkbox"] {
    height: 15px;
    width: 15px;
    vertical-align: middle;
    margin: 0 5px 0 0 !important;
    border: 1px solid #A5A5A5;
    background: -webkit-linear-gradient(#FCFCFC, #DADADA);
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-appearance: none;
    -webkit-transition: box-shadow 200ms;
}

/* inset shadows */
input[type="radio"]:not(:disabled),
input[type="checkbox"]:not(:disabled) {
    box-shadow:inset 1px 1px 0 #fff, 0 1px 1px rgba(0,0,0,0.1);
}

/* decrease border radius for checkbox */
input[type="checkbox"] {
    -webkit-border-radius:2px;
    border-radius:2px;
}

/* hover state */
input[type="radio"]:not(:disabled):hover,
input[type="checkbox"]:not(:disabled):hover {
    border-color:rgba(0,0,0,0.4);
    box-shadow:inset 1px 1px 0 #fff, 0 0 4px rgba(0,0,0,0.2);
}

/* active state */
input[type="radio"]:active:not(:disabled),
input[type="checkbox"]:active:not(:disabled) {
    background-image: -webkit-linear-gradient(#C2C2C2, #EFEFEF);
    box-shadow:inset 1px 1px 0 rgba(0,0,0,0.2), inset -1px -1px 0 rgba(255,255,255,0.6);
    border-color:#707070;
}

/* focus state */
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline:none;
    box-shadow: 0 0 1px 2px rgba(0,240,255,0.4);
}

/* input checked border color */
input[type="radio"]:checked,
input[type="checkbox"]:checked {
    border-color:#707070;
}

/* radio checked bg */
input[type="radio"]:checked,
input[type="radio"]:checked:active {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAMAAADXT/YiAAAAVFBMVEX///9eXl5RUVEzMzMbGxszMzNRUVEiIiJRUVFFRUUzMzMiIiJFRUUzMzNRUVFRUVE6OjorKysiIiJRUVFFRUU6OjozMzMrKytRUVFFRUUzMzMrKyvGHNe0AAAAHHRSTlMAERERESJmZnd3d3eIiJmqqqqqzMzMzMzd3d3dIlELBQAAAEFJREFUCNdjYEACLOxC3CwgBrOgtLi4ICuQxSUlBgS8QJaAKAgIAFmckiIiIpI8QBYTn4SwBD8TSAsjGz8HI7JhAH1fArjBaKLrAAAAAElFTkSuQmCC") center no-repeat, -webkit-linear-gradient(#FCFCFC, #DFDFDF);
}

/* checkbox checked bg */
input[type="checkbox"]:checked,
input[type="checkbox"]:checked:active {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAMAAADXT/YiAAAAOVBMVEX///8zMzMqKipCQkI8PDwzMzNISEhISEhISEhCQkIqKio8PDwzMzMqKipISEhCQkI8PDwzMzMqKipFad0NAAAAE3RSTlMAIiIzMzNEZnd3qru7u8zMzMzMuKlnZwAAADhJREFUCNdjYIACJhjNJQRl8ApBWIw8goKsDDw8UAaDgAA3t4AAC1CGkx8ImMGKOPj42KAmsEMYAEUyAa2GdxXhAAAAAElFTkSuQmCC") center no-repeat, -webkit-linear-gradient(#FCFCFC, #DFDFDF);
}

/* disabled input */
input:disabled {
    opacity:.6;
    border-color:#aaa;
    box-shadow:0;
}

/* style label for disabled input */
input:disabled + label {
    color:#666;
    cursor:default;
    -webkit-user-select: none;
}

/*
input[type="text"].inputrequired, input[type="password"].inputrequired, input[type="checkbox"].inputrequired, .dd2 .inputrequired {
  box-shadow: 0px 0px 2px #f00;
}
.notrequired {
  box-shadow: none !important;
}
*/

/* div */
#wwDebug {
  box-shadow: 0px 4px 10px #888;
  margin: 10px 0;
  padding: 3px 5px;
  border: 1px solid red;
  background-color: #fcc;
}
/* div */
#wwInfo {
  margin-bottom: 4px;
  padding: 4px;
  border: 1px dashed black;
}

/* div */
#wwGoogleAd {
}
/* div */
#wwCopyright {
}

/* div wrapping a UL */

/* This piped list is demoed at the following URL. There is a workaround for IE
 * http://css.maxdesign.com.au/listamatic/horizontal32.htm
 */

#wwFooter {
}
#wwFooter ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size:x-small;
}
#wwFooter ul li {
  display: inline;
  padding: 0;
  margin: 0;
}
#wwFooter ul li:before {
  content: "| ";
}
#wwFooter ul li:first-child:before {
  content: "";
}
/*IE workaround*/
/*All IE browsers*/
* html #wwFooter ul li {
  border-left: 1px solid #215dc6;
  padding: 0 0.4em 0 0.4em;
  margin: 0 0.4em 0 -0.4em;
}
/*Win IE browsers - hide from Mac IE\*/
* html #wwFooter ul {
  height: 1%;
}
* html #wwFooter ul li {
  display: block;
  float: left;
}
/*End hide*/
/*Mac IE 5*/
* html #wwFooter ul li:first-child {
  border-left: 0;
}


/* div wrapping a UL */
#wwCredentials ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size:x-small;
}
#wwCredentials ul li {
  display: inline;
  padding: 0;
  margin: 0;
}
#wwCredentials ul li:before {
  content: "| ";
}
#wwCredentials ul li:first-child:before {
  content: "";
}
/*IE workaround*/
/*All IE browsers*/
* html #wwCredentials ul li {
  border-left: 1px solid #215dc6;
  padding: 0 0.4em 0 0.4em;
  margin: 0 0.4em 0 -0.4em;
}
/*Win IE browsers - hide from Mac IE\*/
* html #wwCredentials ul {
  height: 1%;
}
* html #wwCredentials ul li {
  display: block;
  float: left;
}
/*End hide*/
/*Mac IE 5*/
* html #wwCredentials ul li:first-child {
  border-left: 0;
}




/* Ads */

#wwAdLeaderboard {
  margin: 5px 0px 0px 0px;
  text-align: center;
}
#wwAdHeader {
  margin: 5px;
  text-align: center;
}
#wwAdFooter {
  margin: 5px;
  text-align: center;
}


/*
 * Internal elements
 * Certain elements have colourful branding applied to them such as portlet boxes.
 */


/* Divs with class of boxPortlet can also have a second class which can be
 * used to style the chrome of the box. The classes can be:
 * portletChromeDefault (grey)
 * portletChromeMessages (green)
 * portletChromePeople (yellow)
 * portletChromeContent (blue)
 * portletChromeSystem (orange)
 */

.boxPortlet * {
  zoom: 1;
}
.boxPortlet {
  zoom: 1;
  border: solid 1px #de6b04;
  background: #fff;
}
.boxPortlet * {
  background-repeat: no-repeat;
}
.boxPortlet .boxBodyPortlet {
  background-position: left bottom;
}
.boxPortlet .portletContent {
  background-position: right bottom;
}
.boxPortlet .boxHeadPortlet { background-position: left top; }

/* this corrects for the border-tops defined below. */
.boxPortlet .boxHeadPortlet {
  position: relative;
  margin-bottom: -1px;
}

/* grey */
.portletChromeDefault                      { border: none; }
.portletChromeDefault .boxHeadPortlet      { border-bottom: 1px solid #B0B7BB; }
.portletChromeDefault .portletToolbar      { background: #fafafa; border-bottom: 1px solid #B0B7BB; border-top: 1px solid #B0B7BB }
.portletChromeDefault .portletToolbar select { border-color: #ccc; }
.portletChromeDefault .boxBodyPortlet      { /* background-imageX: url(images/yellow_body_bottom_left.gif); */ }
.portletChromeDefault .portletContent select { border-color: #ccc; }
.portletChromeDefault .boxHeadPortlet h3   { color: #333 !important;}
.portletChromeDefault .boxHeadPortlet a    { text-decoration: none; color: #333 !important;}
.portletChromeDefault .boxHeadPortlet a:hover { text-decoration: underline !important;}
.portletChromeDefault .boxHeadPortlet      { color: #333;}

/*
.portletChromeDefault                      { border: 1px solid #AEB0B2; }
.portletChromeDefault .boxHeadPortlet      { background: #ccc; }
.portletChromeDefault .portletToolbar      { background-color: #eee; }
.portletChromeDefault .portletToolbar select { border-color: #ccc; }
.portletChromeDefault .boxBodyPortlet      {  }
.portletChromeDefault .portletContent      {  }
.portletChromeDefault .boxHeadPortlet h3   { color: #002E7C !important;}
.portletChromeDefault .boxHeadPortlet a    { text-decoration: none; color: #002E7C !important;}
.portletChromeDefault .boxHeadPortlet a:hover { text-decoration: underline !important;}
.portletChromeDefault .boxHeadPortlet      { color: #002E7C;}
*/

/* orange */
.portletChromeSystem                      { border: 1px solid #de6b04; }
.portletChromeSystem .boxHeadPortlet      { background: #de6b04 url(images/yellow_header.gif); }
.portletChromeSystem .portletToolbar      { background-color: #fcecce; }
.portletChromeSystem .boxBodyPortlet      { /* background-imageX: url(images/yellow_body_bottom_left.gif); */ }
.portletChromeSystem .portletContent      { /* background-imageX: url(images/yellow_body_bottom_right.gif); */ }
.portletChromeSystem .boxHeadPortlet h3   { color: #f5d5d2 !important;}
.portletChromeSystem .boxHeadPortlet a    { text-decoration: none; color: #f5d5d2 !important;}
.portletChromeSystem .boxHeadPortlet a:hover { text-decoration: underline !important;}
.portletChromeSystem .boxHeadPortlet      { color: #f5d5d2;}

/* yellow */
.portletChromePeople                      { border: 1px solid #de6b04; }
.portletChromePeople .boxHeadPortlet      { background: #de6b04 url(images/yellow_header.gif); }
.portletChromePeople .portletToolbar      { background-color: #fcecce; }
.portletChromePeople .boxBodyPortlet      { /* background-imageX: url(images/yellow_body_bottom_left.gif); */ }
.portletChromePeople .portletContent      { /* background-imageX: url(images/yellow_body_bottom_right.gif); */ }
.portletChromePeople .boxHeadPortlet h3   { color: #fae4cc !important;}
.portletChromePeople .boxHeadPortlet a    { text-decoration: none; color: #fae4cc !important;}
.portletChromePeople .boxHeadPortlet a:hover { text-decoration: underline !important;}
.portletChromePeople .boxHeadPortlet      { color: #fae4cc;}

/* blue */
.portletChromeContent                     { border: 1px solid #0181bf}
.portletChromeContent .boxHeadPortlet     { background: #0181bf url(images/blue_header.gif); }
.portletChromeContent .portletToolbar     { background-color: #cce9f4; }
.portletChromeContent .boxBodyPortlet     { /* background-imageX: url(images/blue_body_bottom_left.gif); */ }
.portletChromeContent .portletContent     { /* background-imageX: url(images/blue_body_bottom_right.gif); */ }
.portletChromeContent .boxHeadPortlet h3  { color: #cbdaea !important;}
.portletChromeContent .boxHeadPortlet a   { text-decoration: none; color: #cbdaea !important;}
.portletChromeContent .boxHeadPortlet a:hover { text-decoration: underline !important;}
.portletChromeContent .boxHeadPortlet     { color: #cbdaea;}

/* green */
.portletChromeMessages                    { border: 1px solid #029211; }
.portletChromeMessages .boxHeadPortlet    { background: #029211 url(images/green_header.gif); }
.portletChromeMessages .portletToolbar    { background-color: #daf6d1; }
.portletChromeMessages .boxBodyPortlet    { /* background-imageX: url(images/green_body_bottom_left.gif); */ }
.portletChromeMessages .portletContent    { /* background-imageX: url(images/green_body_bottom_right.gif); */ }
.portletChromeMessages .boxHeadPortlet h3 { color: #cbe3cc !important;}
.portletChromeMessages .boxHeadPortlet a  { text-decoration: none; color: #cbe3cc !important;}
.portletChromeMessages .boxHeadPortlet a:hover { text-decoration: underline !important;}
.portletChromeMessages .boxHeadPortlet    { color: #cbe3cc;}

/* Portlet pager */
.portletpager {
  float: left;
  line-height: 16px;
}
.portletpagercount {
  line-height: 16px;
  float: right;
}

/**
 * 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.
 * WARNING: Do not abuse this section. It is for page specific stuff only.
 * It should just offer one off tweaks to pages.
 */

/* login */
#page_ww_authenticate_login_default #string_signin_notice {
  background-color: #e8f1f7;
}

/* share */
#page_ww_public_permissions #content_permissions_legend {
  float: right;
  background-color: #e8f1f7;
}

#page_ww_public_dashboard #tBodyMainContainer {
  background-color: transparent;
}
#page_ww_public_dashboard #tBodyContent {
  background-color: transparent;
  border: none;
}
#page_ww_public_dashboard #tBodyHead {
  border: none;
  background: none;
  display:none;
}
#page_ww_public_dashboard #tBodyFoot {
  border: none;
  background: none;
}
#page_ww_public_dashboard #tBodyHeadText {
  display: none;
}
#page_ww_public_dashboard #wwBasicActions {
}

#page_ww_public_dashboard #tBodyTrail {
  display:none;
}

#page_ww_public_dashboard #wwPortlets {
  margin:0 ;
}

#wwDashboardEdit {
  display: inline;
  font-size: 10px;
}

#wwDashboardEdit ul {
  display: inline;
  list-style-type: none;
}
#wwDashboardEdit li {
  display: inline;
  list-style-type: none;
}


/* last log in */

#wwLoginDetails {
  position: relative;
  font-size: 11px;
  z-index: 555;
  xfont-weight: bold;
  xfloat: right;
  xdisplay: inline;
  xwidth: 150px;
  xmargin-top: 7px;
  xcolor: #fff;
  xpadding-bottom: 10px;
}
* html #wwLoginDetails {
}

#wwLoginDetails ul,
#wwLoginDetails li {
  z-index: 999;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#wwLoginDetails ul {
  z-index: 999;
  position: absolute;

  /* xleft: -20000px; */
  display: none;
  left: auto;
  right: 0;

  margin-top: 43px;
  width: auto;
  width: 200px;
  padding: 5px 5px 5px 5px;
  border: solid 1px #ccc;
  background-color: #fff;
  filter: alpha(opacity=95);
  opacity: 0.95;
  xfont-size: .8em;
  font-size: 11px;
  text-indent: 0;
  margin-right: 10px;
  box-shadow: 0px 4px 10px #888;
}
* html #wwLoginDetails ul {
  padding-bottom: 0;
}
#wwLoginDetails:hover ul, #wwLoginDetails.hover ul {
  left: auto;
  right: 0;
}
#wwLoginDetails li {
  position: relative;
  xmargin-left: 20px;
  xpadding-right: 5px;
  border-bottom: solid 1px #ccc;
  xwidth: 100%;
}
#wwLoginDetails li.last {
  border-style: none;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  xbackground: #eee;
  font-style: italic;
  font-weight: normal;
}
#wwLoginDetails li a {
  display: block;
  xwidth: 100%;
  padding-top: 2px;
  background-color: #fff;
  line-height: 2;
  xtext-indent: 5px;
  xpadding-right: 5px;
  padding:5px;
  padding-left:10px;
  white-space: nowrap;
}
#wwLoginDetails li a:hover {
  background: #0069af url(images/bg_icon2.gif) left top repeat-x;
  background-image: -webkit-linear-gradient(top,#6D88A1,#6D88A1);
  background-image: -moz-linear-gradient(top,#6D88A1,#6D88A1);
  background-image: -o-linear-gradient(top,#6D88A1,#6D88A1);
  background-image: -ms-linear-gradient(top,#6D88A1,#6D88A1);
  background-image: -linear-gradient(top,#6D88A1,#6D88A1);
  xfilter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6D88A1', endColorstr='#6D88A1'); /* IE6 & IE7 */
  x-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6D88A1', endColorstr='#6D88A1')"; /* IE8 */
  color: #fff;
  text-decoration: none;
}
#wwLoginDetails li a img {
  position: absolute;
  left: -20px;
  top: 7px;
  margin-right: 8px;
}


#lastLogIn {
  cursor: pointer;
  float: right;
  padding-right: 20px;
  text-align: right;
  margin-top: 10px;
}

#lastLogIn img.bigicon {
  vertical-align: middle;
  margin-bottom: 5px;
  margin-right: 5px;
}
#lastLogIn img {
  vertical-align: middle;
  margin-bottom: 5px;
  margin-left: 5px;
}

/*
#lastLogIn ul {
  height: 20px;
  margin-top: 10px;
  list-style-type: none;
  margin-left: 0px;
}
#lastLogIn li.loginName {
  font-size: x-small;
  font-weight: bold;
}
#lastLogIn li.loginDate {
  font-size: x-small;
  font-weight: lighter;
}
*/

/* Contextual Help */

#tContextualHelp {
}
  /*//margin-top: 30px;
  margin-top: 25px;
  margin: 30px .25em .25em .25em;
  margin-top: 25px;
  margin-bottom: 10px;
  */
#wwContextualHelp {
  margin: 52px auto 0 auto;
  border: solid 1px #F08806;
  background-color: #F2E4C4;
  width: 100%;
  box-shadow: 0px 4px 10px #888;
}
#helpHeader {
  background: #F08806 url('images/help-head-gradient.gif') top left repeat-x;
  height: 20px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: solid 1px #F08806;
  color: #DD6400;
  font-size: small;
  font-weight: bold;
}
#helpHeaderText {
  float: left;
  margin-left: 5px;
}
#helpHeaderIcon {
  float: right;
  padding-right: 2px;
  padding-top: 1px;
}
#helpIcon {
  float: left;
  margin: 0;
  width: 40px;
  padding: 1em;
}
#helpContents {
  font-size: x-small;
  color: black;
}
#helpContent {
  padding: 1em;
  margin-left: 50px;
}
#helpActions {
  float: right;
  margin: 0;
  padding: 1em;
}
#helpActions a {
  color: #215dc6;
}
#helpActions a:hover {
  xcolor: #f00;
  text-decoration: underline;
}
#helpActions ul {
  list-style: none;
}
#helpActions ul li {
}
#helpFooter {
  clear: both;
}

.boxShaded {
  margin: 5px -1px 0px -1px;
  padding: 0 0 5px 0 ;
  border: none;
  background-color: #fff;
  border-bottom: 1px solid #aeb0b2;
}
.boxShadedNoBorder {
  margin: 5px -1px 0px -1px;
  padding: 0 0 5px 0 ;
  border: none;
  background-color: #fff;
}

.boxShadedContainer {
  border: none;
}

.boxHeadShaded, .boxHeadShadedNoBorder {
  padding-left: 10px;
}

.boxBodyShadedContainer {
  border: none;
  margin: 0px;
  padding: 0px;
}

.boxHeadShadedContainer {
  background: url(../../images/site/box_shaded_strip.gif) top left repeat-x;
  border-bottom: 1px solid #aeb0b2;
  margin: 0 -1px;
  padding: 4px 0 4px 5px;
}

.boxBodyShaded, .boxBodyShadedNoBorder {
  padding: 0px;
  margin: 10px;
}

.formWrap {
  background: #fff !important;
  padding: 0 0 10px 0;
}

.contentsItemDetailedOff {
  filter: alpha(opacity=33);
  opacity: 0.33;
}

.contentsItemDetailedOn {
  filter: none;
}

/* Note: these are not picked up - is it something to do with the href="#"? */
.contentsItemDetailedOff a {
  color: #215dc6;
}
.contentsItemDetailedOff a:hover {
  color: #215dc6;
}
.contentsItemDetailedOn a {
  color: #215dc6;
}
.contentsItemDetailedOn a:hover {
  xcolor: #f00;
  text-decoration: underline;
}

.richdetails {
  color: #888;
}

/* Tags page - standard branding only */
.tagNav {
  background-color: #eee;
}
.tagRel {
  background-color: #eee;
}

/* New Navigator styles */

/*
 * navwrapper
 *	-> navboxheading
 *	-> navbox
 *		-> navboxbody
 *			-> navboxsubheader1
 *				-> navboxsubheading
 *					-> navboxsubheadingmain
 *					-> navboxsubheadingactions
 *			-> navboxarea1
 *
 */

.navbox .navboxheading { background-position: left top; }
/* this corrects for the border-tops defined below. */
.navbox .navboxheading {
  position: relative;
  margin-bottom: -1px;
}
.navbox {
  clear: left;
  border-left: 1px solid #aeb0b2;
  border-right: 1px solid #aeb0b2;
}
#navwrapper .menu {
  padding-left: 5px;
  margin-left: 5px;
}
.navboxheading {
  xbackground: #0088C4 url(images/navigator-head.png) left top repeat-x;
  background-color: #537491;
  height: 21px;
  margin-top: 8px;
  border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
}
.navboxheadingtitle {
  display: inline;
  float: left;
  color: #fff;
  font-size: 0.88em;
  padding-top: 4px;
  padding-bottom: 0px;
  padding-left: 10px;
}
.navboxheadingsettings {
  display: inline;
  float: right;
  color: #ffd745;
  font-size: x-small;
  padding-top: 4px;
  padding-left: 14px;
  padding-right: 10px;
}
.navboxheadingsettings a {
  color: #ffd745;
  text-decoration: none;
}
.navboxheadingsettings a:hover {
  text-decoration: underline;
}
.navboxsubheader {
  height: 28px;
  border-bottom: 1px solid #aeb0b2;
  padding-left: 10px;
  background-color: #e5ecf3;
}
.navboxsubheadingimgtext {
  display: inline;
  float: left;
}
.navboxsubheadingtext {
  display: inline;
  float: left;
}
.navboxsubheading {
  width: 100%;
  display: inline;
  float: left;
  color: #333;
  font-size: 0.9em;
  margin-top: 6px;
}
.navboxsubheading a {
  color: #333;
}
.navboxsubheading a:hover {
  xcolor: #f00;
  text-decoration: underline;
}
.navboxsubheading img {
  padding-right: 7px;
  vertical-align: baseline;
}
.navboxsubheadingmain {
  float: left;
  display: inline;
}
.navboxsubheadingmain span span {
  vertical-align: top;
}
.navboxsubheadingactions {
  float: right;
  display: inline;
  padding-right: 20px;
  font-size: x-small;
}
.navbox .navboxbody { background-position: left bottom; }
.navboxbody {
  background: #fff;
}
.navboxarea {
  border-bottom: 1px solid #aeb0b2;
  font-size: x-small;
  padding: 5px;
  word-wrap:break-word;
}

/* Custom navbox styles */

/* Contents */
#navboxareaContents {
  border-bottom: 1px solid #aeb0b2;
  font-size: x-small;
  padding: 5px 0 0 0;
}
a.menuCurrent {
  font-weight: bold;
}

a.menuHidden {
  font-style: italic;
}

/* Tags */
#navboxareaTags input {
  float: left;
  margin-top: 5px;
  margin-bottom: 3px;
}
.navtagnew {
  font-size: small;
}
#navboxareaTags {
  text-align: justify;
}
.navboxtagsize0 {
  font-size: x-small;
  padding-right: 5px;
}
.navboxtagsize1 {
  font-size: small;
  padding-right: 5px;
}
.navboxtagsize2 {
  font-size: medium;
  padding-right: 5px;
}
.navboxtagsize3 {
  font-size: large;
  padding-right: 5px;
}


/* What's New */
#navboxareaWhatsNew ul {
  list-style-type: none;
  margin: 0px;
}
#navboxareaWhatsNew ul li {
  padding-top: 4px;
  font-size: xx-small;
}
.navboxareaWhatsNewItemHeading {
  font-size: x-small;
  font-weight: bold;
}
#navboxareaWhatsNew a {
  color: #215dc6;
  text-decoration: none;
}
#navboxareaWhatsNew a:hover {
  xcolor: #f00;
  xtext-decoration: none;
  text-decoration: underline;
}

/* Network */
.navnettop {
  height:36px;
  overflow:hidden;
}

.navboxcategoryhl {
  background-color: #e5ecf3;
}

/* Tasks portlet */

.taskheading {
  display: inline;
  font-weight: bold;
  font-size: small;
  clear: left;
}
.taskentry {
  clear: left;
  font-size: x-small;
  border-top-width: 1px;
  border-top-style: dashed;
  border-top-color: #999999;
  padding-top: 5px;
  padding-bottom: 5px;
}
.taskdue {
  display: inline;
  width: 75px;
  float: left;
}
.taskstart {
  display: inline;
  width: 75px;
  float: left;
  clear: left;
}
.taskstatus {
  display: inline;
  float: left;
  width: 60px;
}
.taskassigned {
  display: inline;
  float: right;
  clear: right;
  padding-right: 5px;
}
.taskname {
  display: inline;
  float: left;
  clear: left;
  padding: 1px 0px 0px 2px;
  font-size: small;
}
.taskpriority {
  display:inline;
  float:right;
  clear: right;
  padding: 2px 0px 0px 0px;
}
.taskdesc {
  display: inline;
  word-wrap: break-word;
  float: left;
  clear: left;
  padding: 1px 0px 0px 5px;
  font-style: italic;
}
.taskopen {
  display: inline;
  float: left;
  color: green;
}
.taskwaiting {
  display: inline;
  float: left;
  color: purple;
}
.taskclosed {
  display: inline;
  float: left;
  color: #bbb;
}
.taskcomplete {
  display: inline;
  float: left;
  color: #777;
}
.taskoverdue {
  display: inline;
  float: left;
  color: red;
}
.taskdeferred {
  display: inline;
  float: left;
  color: blue;
}
.taskdiv {
  clear: left;
}
.tasklist {
  clear: left;
  padding-bottom: 10px;
}
.tasklistcontrols {
  clear: left;
}
.tasklistcontrol {
  float: left;
  padding: 5px 0px 10px 0px;
}
.tasklistsearchbox {
  clear: left;
  font-size: xx-small;
}
.taskhighlight {
  font-weight: bold;
}
.taskempty {
  clear: left;
  padding-top: 10px;
}

/* Event portlet */
.evententry {
  clear: left;
  border-top-width: 1px;
  border-top-style: dashed;
  border-top-color: #999999;
  padding: 5px;
}
.eventstartdate {
  display: inline;
  clear: left;
  float: left;
  font-size: x-small;
}
.eventtime {
  display: inline;
  float: left;
  font-size: x-small;
  padding-left: 12px;
}
.eventenddate {
  display: inline;
  float: right;
  font-size: x-small;
}
.eventstarttime {
  display: inline;
  float: left;
  font-size: x-small;
  padding-left: 12px;
}
.eventendtime {
  display: inline;
  padding-left: 12px;
  clear: right;
  float: right;
  font-size: x-small;
}
.eventtitle {
  clear: left;
  float: left;
  cursor: pointer;
}
.eventlocation {
  float: right;
  font-size: x-small;
  clear: right;
}
.eventdescription {
  display: inline;
  float: left;
  clear: left;
  padding: 1px 0px 0px 5px;
  font-style: italic;
  font-size: x-small;
}
.eventempty {
  clear: left;
  padding-top: 10px;
}
.eventlistcontrols {
  clear: left;
}
.eventlistcontrol {
  float: left;
  padding: 5px 0px 5px 5px;
}
.eventlistcontrola {
  float: left;
  clear: left;
  padding: 5px 0px 5px 5px;
}
.eventheader {
  float: left;
  padding: 10px 0px 0px 10px;
  font-weight: bold;
}


/* Help */
#helpLogin {
  border: solid 1px black;
  padding: 10px;
  margin-bottom: 10px;
}

#helpSelect {
  float: left;
}

#helpType {
  float: left;
  padding-left: 10px;
}

#helpSubmission {
  border: solid 1px #4BBC5B;
  background-color: #CBFFD2;
  padding: 10px;
  margin-bottom: 10px;
}
#helpInstructions {
  border: solid 1px black;
  padding: 10px;
  margin-bottom: 10px;
}
.helpSupportLevel {
  padding: 10px;
  margin-bottom: 10px;
  border: solid 1px red;
  background: #fcc;
}

/* Standard conversations */
.converseOuter1 {
  margin-bottom: 10px;
  background:#F4CBCB;
  padding-bottom: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.converseOuter2 {
  margin-bottom: 10px;
  background:#EFF4CB;
  padding-bottom: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.converseOuter3 {
  margin-bottom: 10px;
  background:#cbdef4;
  padding-bottom: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.converseOuter4 {
  margin-bottom: 10px;
  background:#DAE6F3;
  padding-bottom: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.converseFirst {
  text-align: right;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

/* Task Responses */
.conversetsOuter1 {
  margin-bottom: 10px;
  padding-bottom: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #DCCFF8;
}
.conversetsOuter2 {
  margin-bottom: 10px;
  padding-bottom: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #DCCFF8;
}
.conversetsOuter3 {
  margin-bottom: 10px;
  padding-bottom: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #DCCFF8;
}
.conversetsOuter4 {
  margin-bottom: 10px;
  padding-bottom: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #DCCFF8;
}

.converseInner {
  padding: 10px;
}
.converseMessage {
  float: left;
  width: 66%;
}
.converseMember {
  float: left;
  width: 25%;
  border-left: 1px solid white;
  padding-left: 10px;
}
.converseActions {
  float: right;
  padding-right: 10px;
}
.converseHeading {
  font-weight: bold;
  font-size: medium;
  float: left;
  padding-bottom: 10px;
}
.converseWhoWhen {
  float: left;
  clear: left;
  margin-right:10px;
  font-style: italic;
  border: 1px solid #999;
  padding-left: 5px;
  padding-right: 5px;
}
.converseAuthor {
  font-weight: bold;
  font-style: normal;
}
.converseDate {
  font-style: italic;
}
.converseContent {
  word-wrap: break-word;
  clear: left;
  padding: 10px 10px 10px 10px;
}
.converseByImage img {
  padding-bottom: 3px;
}
.converseByMember {
}
.converseInfo {
  font-size: x-small;
}

/* Discussions */

.topicOuter {
  margin-bottom: 10px;
  background:#7392AE;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.topicInner {
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
}
.topicTable {
 border-width: 0px;
 width: 100%;
 border-spacing: 0px;
 /* background:#7392AE; */
}
.topicHeader {
  font-weight: bold;
  color: white;
}
/* Not standard link colour - but a blue link kills the colour theme */
.topicHeader a {
  color: white;
}
.topicHeader a:hover {
  xcolor: red;
}
.topicRow1 {
  border-width: 0px;
  background: #cbdef4;
  padding: 5px;
}
.topicRow2 {
  border-width: 0px;
  background: #DAE6F3;
  padding: 5px;
}
.topicTitle {
  padding: 5px;
  border-bottom: 1px solid #7392AE;
}
.topicTitleWrap {
}
.topicIcon {
  float: left;
  width: 42px;
}
.topicHeading {
  /* font-weight: bold; */
}
.topicHeading a {
  display: block;
}
.topicActions {
  float: right;
  z-index: 101;
}
.topicPosts, .topicViews, .topicVotes {
  text-align: center;
  border-width: 0px;
  padding: 5px;
  width: 70px;
  border-bottom: 1px solid #7392AE;
}
.topicSteps {
  padding: 5px;
  width: 10%;
  border-bottom: 1px solid #7392AE;
}
.topicLast {
  padding: 5px;
  width: 27%;
  border-bottom: 1px solid #7392AE;
}
.topicLastWho {
}
.topicLastWhen {
  font-size: x-small;
  font-style: italic;
}
.topicClosed {
  background: #ddd !important;
}

#homeOuter {
  width: 100%;
  text-align: center;
  margin-top: 0px;
}

#homeInner {
  max-width: 2048px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

#homeMapWrapper {
  position: relative;
}

#map_canvas {
  max-width: 2048px;
  min-width: 700px;
  height: 300px
}

.homeActionsContainer {
  position:absolute;
  top:145px;
  left:25px;
  height:125px;
  width:250px;
  z-index: 1;
}
.homeActionsTopWrapper {
  height: 24px;
}
#homeActionsHeader {
  height: 24px;
  line-height: 25px;
  padding-left: 5px;
  color: white;
  font-size: small;
  font-weight: bold;
}
.homeActionsHeaderRounded {
  background: #0056A4;
  -webkit-border-top-left-radius: 7px;
  -moz-border-top-left-radius: 7px;
  border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-top-right-radius: 7px;
  border-top-right-radius: 7px;
}
#homeActionsBottom {
  height: 94px;
}
.homeActionsBottomRounded {
  padding-bottom: 6px;
  background: #2E7BB6;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-bottom-left-radius: 7px;
  border-bottom-left-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
  -moz-border-bottom-right-radius: 7px;
  border-bottom-right-radius: 7px;
}
#homeActions {
  padding: 5px;
  font-size: x-small;
  color: white;
}
.homeActionItem {
  padding: 2px;
}
#homeContent {
  margin: auto;
  padding: 0;
  min-width: 700px;
}
#homeMembersWrapper {
  float: left;
  width: 33%;
}
#homeGroupsWrapper {
  float: left;
  width: 33%;
}
#homeLatestWrapper {
  float: left;
  width: 33%;
}
#homeMembers {
  padding: 10px;
}
#homeGroups {
  padding: 10px;
}
#homeLatest {
  padding: 10px;
}

.homeContentHeader {
  color: #00519f;
  font-weight: bold;
  padding-right: 3px;
}
.homeContentDescriptionHeading {
  font-weight: bold;
  padding-top: 8px;
  font-size: 90%;
}
.homeContentDescription {
  padding-bottom: 10px;
  font-size: 90%;
}
.homeContentHeaderUnderline {
  margin-top: 5px;
  margin-bottom: 5px;
}
.homeSubmitButton {
  font-size: x-small;
}

#homeLatestGroups {
  padding-top: 10px;
  padding-bottom: 10px;
}
#homeLatestActions {
  padding-top: 10px;
  padding-bottom: 10px;
}
#homeLatestMembers {
  padding-top: 10px;
  padding-bottom: 10px;
}

.homeLatestItem a {
  color: #215dc6;
  text-decoration: none;
}
.homeLatestItem a:hover {
  xcolor: #f00;
  xtext-decoration: none;
  text-decoration: underline;
}
.homeLatestItem {
  font-size: x-small;
}
.homeLatestItemIcon {
  display: inline;
  float:left;
  clear:left;
  padding-bottom: 5px;
}
.homeLatestItemText {
  display: inline;
  float:left;
  padding-bottom: 5px;
}
.homeLatestItemHeading {
  font-weight: bold;
}

#homeStats {
  font-size: x-small;
  color: #aaa;
}


.dependRequired {
  padding: 10px;
  margin-bottom: 10px;
  border: solid 1px red;
  background: #fcc;
}

/* Upgrade page */
.upgrade-inner {
  padding: 10px;
}

.upgrade-team-outer {
  width: 350px;
  height: 200px;
  background: #EBF4FB;
  float: left;
}
.upgrade-company-outer {
  width: 350px;
  height: 200px;
  background: #FFF8E2;
  float: left;
}
.upgrade-enterprise-outer {
  width: 400px;
  height: 200px;
  background: #FFE1E1;
  float: left;
}
.upgrade-personal-outer {
  width: 350px;
  height: 200px;
  clear: left;
  background: #EDFFE1;
  float: left;
}
.upgrade-personalplus-outer {
  width: 350px;
  height: 200px;
  background: #E1E2FF;
  float: left;
}
.upgrade-upgradepersonalplus-outer {
  clear: left;
  width: 350px;
  height: 200px;
  background: #E1E2FF;
  float: left;
}
.upgrade-upgrade-outer {
  width: 350px;
  height: 200px;
  clear: left;
  background: #E1E2FF;
  float: left;
}

.upgrade-inner-content {
  font-size: x-small;
  display:block;
  padding-left:16px;
}

.upgrade-price {
  font-weight: bold;
  color:#F95500;
  display:block;
  padding-top:5px;
}

.upgrade-free {
  font-weight: bold;
  color:#52A558;
  display:block;
  padding-top:5px;
}

.searchHighlight {
  background: #ff0;
}

.tableSearchOptions {
  margin-left: -11px;
  margin-right: -11px;
  margin-top: -5px;
  padding: 10px;
  background: #eee;
  border-bottom: 1px solid #AEB0B2;
}
.tableSearchOptions #tableExpand {
  vertical-align: top;
}
.tableSearchOptions table tr td > span {
  margin-right: 5px;
}
.tableSearchOptions img {
  margin-right: 5px;
}
.taskSummaryHeader {
  xbackground-color: #ccc;
  margin-top:10px;
  padding:4px;
}
#taskSummarySearchHead, #taskSummaryGantt tr.displayRowHead {
  font-weight: normal;
}
#taskSummarySearchHead input.filterControl {
  margin-right: 0;
}
#taskSummarySearchHead input[type=text] {
  margin-left: 5px;
}
#taskSummarySearchHead .dd2, .tableSearchOptions .dd2 {
  background: transparent;
}
/*
#taskSummarySearchHead .ddTitle, .tableSearchOptions .ddTitle {
  background: white;
}
*/
#tZoho {
  display: inline;
  float:left;
}

.zohobody {
  border: solid 1px #aeb0b2;
}

.zohoexit {
  font-weight:bold;
  padding-top:10px !important;
  padding-left:25px !important;
  padding-bottom:5px !important;
}

#page_ww_public_templates h4 {
  color: #333;
}

.contentsThumbnailBox {
  box-shadow: 2px 2px 2px #EEE;
}

#page_ww_public_dashboard #tBodyMainTop {
   box-shadow: none !important;
}

#exprBldr > .panel-primary {
  border-color: #537491 !important;
}
#exprBldr > .panel-primary > .panel-heading {
  background-color: #537491 !important;
  border-color: #537491 !important;
}