/* CSS Document */
/* $Id: standard.css,v 1.30 2010/07/23 05:50:54 nick Exp $ */
/* The following 4 classes are used  in selection style (for background, selected and rollover).
   Please don't put any class above this section and don't change the order of these classes.
   Thanks. Alex */
#OverBg, .OverBg {
 background-color: #CCDCED;
 outline: black solid thin;
}
#SelectedBg {
  background-color: #D2DBE4;
}

#DefaultBg  {
  background-color: #FFFFFF;
}

.DefaultBg  {
  background-color: #FFFFFF;
}
.SelectedBg {
  background-color: #D2DBE4;
}
.AltBg {
  background-color: #EDF3F9;
}
/* the two DefaultBg should have the same color */

/*********************************************/

body {
  background-color: #FFFFFF;
  color: #000000;
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  margin: 0px;
}

table {
  font-size: 11px;
  empty-cells: show;
}

td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
}

input, select, button, textarea {
  font-family: Geneva, "MS Sans Serif", Helvetica;
  font-size: 10px;
}

.WebmailFolder a:link,
.WebmailFolder a:visited,
.WebmailFolder a:active {
  text-decoration: none;
  color: #1B5892;
}

a:active,
a:link {
  color: #1B5892;
  text-decoration: underline;
}

a:visited {
  color: #003C79;
  text-decoration: underline;
}

.Error {
  color: #FF0000;
}

.Title {
  background-color: #023568;
  color: #FFFFFF;
  font-weight: bold;
}

.Title a:link,
.Title a:active,
.Title a:visited {
  color: #FFFFFF;
}

.TitleSelected {
  background-color: #023568;
  color: #FFCC00;
}

.TitleToday {
  background-color: #FFCC00;
}

.TitleToday a:link,
.TitleToday a:active,
.TitleToday a:visited {
  color: #1B5892;
}

.blank {
  background-color: #CCDCED;
}

.form {
  background-color: #FFFFFF;
  color: #000000;
}

.Content {
  background-color: #CCDCED;
  color: #000000;
}

.ContentAlternating {
  background-color: #FFFFEE;
  color: #000000;
}

.ContentSelected {
  background-color: #CCCCCC;
  color: #000000;
}

.ContentSelectedSmall {
  background-color: #AFD2F5;
  color: #000000;
  font-size: 10px;
}

.ContentSelectedAlternating {
  background-color: #DCDCDC;
  color: #000000;
}

.ContentSelectedAlternatingSmall {
  background-color: #759CC2;
  color: #000000;
  font-size: 10px;
}

.ContentSelectedWhite {
  background-color: #FFFFFF;
  color: #000000;
  font-size: 10px;
}

.ContentSmall {
  background-color: #CCDCED;
  color: #000000;
  font-size: 10px;
}

.ContentTitle {
  color: #000000;
  font-weight: bold;
  font-size: 18px;
  padding-left: 5px;
  padding-right: 5px;
}

.ContentCategory {
  background-color: #85AFD7;
  font-weight: bold;
  padding-left: 3px;
  padding-right: 7px;
  color: #EAF2FB;
}

.ContentCategory td{
  background-color: #85AFD7;
  font-weight: bold;
  padding-left: 3px;
  padding-right: 7px;
  color: #EAF2FB;
}

.ContentCategory a:link,
.ContentCategory a:active,
.ContentCategory a:visited {
  color: #EAF2FB;
}

.ContentCategorySelected {
  background-color: #CCCCCC;
  padding-left:3px;
  padding-right:7px;
}

.ContentCategorySelected a:link,
.ContentCategorySelected a:active,
.ContentCategorySelected a:visited {
  color: #1B5892;
}

.TaskKnowledgeBase {
  background-color: #F8F8E4;
}

.SectionText {
  color: #1B5892;
  font-weight: bold;
}

.FieldName {
  font-weight: bold;
  text-align:right;
  vertical-align: top;
}

.Alphabet {
  background-color: #023568;
  font-size: 10px;
  color: #FFFFFF;
}

.Alphabet a:link,
.Alphabet a:active,
.Alphabet a:visited {
  color: #FFFFFF;
}

.AlphabetSelected {
  background-color: #CCCCCC;
  font-size: 10px;
}

.Warning {
  font-size: larger;
  color: #FF0000;
  font-weight: bold;
}

.WarningBox {
  margin: 0.5em 0px 0.5em 0px;
  padding: 0.5em;
  background: #ffeeee;
  border-top: thin solid red;
  border-bottom: thin solid red;
}

.BreadCrumb {
  font-weight: bold ;
}

.ChkBoxLabel {
  font-weight: bold;
}

.DisableChkBoxLabel {
  font-weight: bold;
  color: #B9B9B9;
}


td.edit_page_title {
  background-image: url(/publisher/bg_zoneedit.gif);
  background-repeat: repeat-xy;
}

.Number {
  text-align: right;
  font-family: Courier, fixed;
}

.BodyColorHeader {
  background-color: #FFFFFF;
}

.PopupContentTitle {
  background-color: #85AFD7;
  font-size: 18px;
  font-weight: bold;
  text-align:left;
  color: #000000;
}

.ContentBorderBox {
  background-color: #D2DBE4;
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  border: #023568;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
}

.TaskContentBorder {
  background-color: #CCDCED;
  color: #000000;
  border: #FF0000;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
}

.ContentShiftRight {
  padding-left:5px;
  padding-right:7px;
  color: #000000;
}

.ErrorBorder {
  border: #FF0000;
  border-style: solid;
  border-width: 1px;
}

/*
 * Tab and ActiveTab used in templates/tabs
 */
.Tab {
  background-color: #E4B33F;
  color: #FFFFFF;
}

.Tab a:link,
.Tab a:active,
.Tab a:visited {
  background-color: #E4B33F;
  color: #FFFFFF;
  text-decoration: none;
}

.ActiveTab {
  background-color: ButtonFace;
  color: #1B5892;
}

.ActiveTab a:link,
.ActiveTab a:active,
.ActiveTab a:visited {
  background-color: ButtonFace;
  color: #1B5892;
  text-decoration: none;
}

/* these are needed to fix the tab looks */
.TabTop {
  border-top: 1px solid #FFFFFF;
}
.ActiveTabTop {
  border-top: 1px solid black;
  border-bottom: 1px solid ButtonFace;
}

/*
 * New "upside down" tabs based on old tabs.
 */
.SS_InvertedTab {
  background-color: #fbfbfa;
  border-top: 1px solid silver;
  border-bottom: 1px solid gray;
  color: #FFFFFF;
  background-image: url("/templates/tab_gradient.png");
}

.SS_InvertedTab span {
  color: #1B5892;
  text-decoration: none;
  padding-left: 20px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 5px;
  font-weight: bold;
  font-size: 12px;
  font-family: Arial, Verdana, Helvetica;
  white-space: nowrap;
  overflow: hidden;
}

.SS_InvertedTabActive {
  background-color: #E4B33F;
  color: #FFFFFF;
  background-image: url("/templates/tab_gradient.png");
}

.SS_InvertedTabActive span {
  color: #FFFFFF;
  text-decoration: none;
  padding-left: 20px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 5px;
  font-weight: bold;
  font-size: 12px;
  font-family: Arial, Verdana, Helvetica;
  white-space: nowrap;
  overflow: hidden;
}

.SS_InvertedTabsBackdrop {
  padding-bottom: 0.5em;
  background-color: #85AFD7;
  background-image:url('/templates/tab_bar_gradient.png');
  background-repeat: repeat-x;
  background-position: bottom left;
}

/* these are needed to fix the tab looks */
.SS_InvertedTabTop {
  border-bottom: 1px solid #FFFFFF;
}
.SS_InvertedTabActiveTop {
  border-bottom: 1px solid white;
  border-top: 1px solid #E4B33F;
}

/*
 * Application Menus - see templates/menu.css for the complete set.
 *
 * Most colors are inherited from the OS, so they are familiar to the user,
 * please try resisting the temptation to change them.
 * MenuBg = ButtonFace
 * MenuButtonBg = ButtonFace
 * MenuButtonTxt = ButtonText
 * ToolButtonBg = ButtonFace
 * ToolButtonTxt = ButtonText
 * PulldownBg = Menu
 * PulldownTxt = MenuText
 * PulldownTxtDisabled = GrayText
 * PulldownHoverBg = Highlight
 * PulldownHoverTxt = HighlightText
 */

.MenuBar, .ToolBar {
  background-color: ButtonFace;
  border: 1px outset ButtonFace;
  border-top: 0px;
}

.BottomBar {
  background-color: #FFFFFF;
}

.MenuButton {
  background-color: ButtonFace;
  color: [ -MenuButtonTxt | ButtonText -];
  border: 1px solid ButtonFace;
}

.MenuBar .Hover { /* modifier for MenuButton, actually */
  background-color: ButtonFace;
  border: 1px outset ButtonFace;
}

.MenuBar .Active { /* modifier for MenuButton, actually */
  background-color: ButtonFace;
  border: 1px inset ButtonFace;
}

.Pulldown {
  background-color: Menu;
  border: 2px outset Menu;
  color: ;
}

.Pulldown .Disabled {
  color: GrayText;
  /* inherits from MenuBar */
}

.Pulldown .Hover {
  background-color: Highlight;
  color: HighlightText;
  /* inherits from MenuBar */
}

.ToolButton {
  background-color: ButtonFace;
  color: ButtonText;
}

.SearchBox {
}

.Letter {
  color: #000000;
  background-color: Menu;
}

.SelectedLetter {
  color: #000000;
  background-color: #FFFFFF;
}

/*
 * Classes for publisher and portlets start below *
 */

td.leftbar {
  width: 17%;
  background-color: #003C79;
  vertical-align: top;
  padding: 10px;
}

td.leftbar_upperleft  {
  width: 0px;
  height: 0px;
  padding: 0px;
}

td.leftbar_top {
  width: 0px;
  height: 0px;
  padding: 0px;
}

td.leftbar_upperright {
  width: 0px;
  height: 0px;
  padding: 0px;
}

td.leftbar_left {
  width: 0px;
  height: 0px;
  padding: 0px;
}

td.leftbar_right {
  width: 5px;
  background-color: #FFFFFF;
  padding: 0px;
  border-color: #E4B33F;
  border-style: solid;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 5px;
}

td.leftbar_lowerleft  {
  width: 0px;
  height: 0px;
  padding: 0px;
  background-color: #003C79;
}

td.leftbar_bottom {
  width: 0px;
  height: 0px;
  padding: 0px;
  background-color: #003C79;
}

td.leftbar_lowerright {
  width: 5px;
  height: 0px;
  padding: 0px;
  background-color: #003C79;
  border-color: #E4B33F;
  border-style: solid;
  border-top-width: 5px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
}

td.topbar {
  background-color: #003C79;
  padding: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}

td.topbar_leftblock {
  text-align: left;
  vertical-align: bottom;
}

td.topbar_rightblock {
  text-align: right;
  vertical-align: bottom;
}

td.topbar_upperleft {
  width: 0px;
  height: 0px;
  padding: 0px;
}

td.topbar_top {
  width: 0px;
  height: 0px;
  padding: 0px;
}

td.topbar_upperright  {
  width: 0px;
  height: 0px;
  padding: 0px;
}

td.topbar_left {
  width: 0px;
  height: 0px;
  padding: 0px;
}

td.topbar_right {
  width: 0px;
  height: 0px;
  padding: 0px;
}

td.topbar_lowerleft {
  width: 0px;
  height: 0px;
  padding: 0px;
}

td.topbar_bottom {
  height: 5px;
  background-color: #E4B33F;
  padding: 0px;
}

td.topbar_lowerright {
  width: 0px;
  height: 0px;
  padding: 0px;
}

td.rightantibar {
  width: 0px;
  height: 0px;
  padding: 0px;
}

td.rightantibar_upperleft {
  width: 0px;
  height: 0px;
  padding: 0px;
}

td.rightantibar_top {
  width: 0px;
  height: 0px;
  padding: 0px
}

td.rightantibar_upperright {
  width: 0px;
  height: 0px;
  padding: 0px;
}

td.rightantibar_left {
  width: 0px;
  height: 0px;
  padding: 0px;
}

td.rightantibar_right {
  width: 0px;
  height: 0px;
  padding: 0px;
}

td.rightantibar_lowerleft {
  width: 0px;
  height: 0px;
  padding: 0px;
}

td.rightantibar_bottom {
  width: 0px;
  height: 0px;
  padding: 0px;
}

td.rightantibar_lowerright {
  width: 0px;
  height: 0px;
  padding: 0px;
}

td.rightfade {
  width: 0px;
  height: 0px;
  padding: 0px;
}

td.rightfade_upperleft  {
  height: 5px;
  background-color: #E4B33F;
  padding: 0px;
}

td.rightfade_top {
  height: 5px;
  background-color: #E4B33F;
  padding: 0px;
}

td.rightfade_upperright {
  height: 5px;
  background-color: #E4B33F;
  padding: 0px;
}

td.rightfade_left {
  width: 0px;
  height: 0px;
  padding: 0px;
}

td.rightfade_right {
  width: 0px;
  height: 0px;
  padding: 0px;
}

td.rightfade_lowerleft {
  width: 0px;
  height: 0px;
  padding: 0px;
}

td.rightfade_bottom {
  width: 0px;
  height: 0px;
  padding: 0px;
}

td.rightfade_lowerright {
  width: 0px;
  height: 0px;
  padding: 0px;
}

td.leftfade {
  width: 0px;
  height: 0px;
  padding: 0px;
}

td.leftfade_upperleft  {
  height: 5px;
  background-color: #E4B33F;
  padding: 0px;
}

td.leftfade_top {
  height: 5px;
  background-color: #E4B33F;
  padding: 0px;
}

td.leftfade_upperright {
  height: 5px;
  background-color: #E4B33F;
  padding: 0px;
}

td.leftfade_left {
  width: 0px;
  height: 0px;
  padding: 0px;
}

td.leftfade_right {
  width: 0px;
  height: 0px;
  padding: 0px;
}

td.leftfade_lowerleft {
  width: 0px;
  height: 0px;
  padding: 0px;
}

td.leftfade_bottom {
  width: 0px;
  height: 0px;
  padding: 0px;
}

td.leftfade_lowerright {
  width: 0px;
  height: 0px;
  padding: 0px;
}

td.leftsupplement {
  width: 17%;
  vertical-align: top;
  padding: 3px;
  background-color: #85AFD7;
  color: #003C79;
}

td.leftsupplement_top {
  height: 5px;
  background-color: #E4B33F;
  padding: 0px;
}

td.leftsupplement_upperright {
  height: 5px;
  background-color: #E4B33F;
  padding: 0px;
}

td.leftsupplement_left {
  width: 0px;
  height: 0px;
  padding: 0px;
}

td.leftsupplement_right {
  width: 5px;
  height: 0px;
  padding: 0px;
  background-color: #FFFFFF;
  border-color: #E4B33F;
  border-style: solid;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 5px
}

td.leftsupplement_lowerleft {
  width: 0px;
  height: 0px;
  padding: 0px;
}

td.leftsupplement_bottom {
  height: 80px;
  padding: 0px;
  background-color: #003C79;
  padding: 8px;
  border-color: #E4B33F;
  border-style: solid;
  border-top-width: 5px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
}

td.leftsupplement_lowerright {
  height: 80px;
  padding: 0px;
  background-color: #003C79;
  padding: 8px;
  border-color: #E4B33F;
  border-style: solid;
  border-top-width: 5px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
}

table.leftbar_navbox {
}

td.leftbar_navbox {
  padding: 5px;
}

.leftbar_navbox {
  color: #C6D4EC;
  font-weight: 800;
}

.leftbar_navbox a {
  text-decoration: none;
}

.leftbar_navbox a:link {
  color: #C6D4EC;
}

.leftbar_navbox a:visited {
  color: #C6D4EC
}

td.leftbar_navbox_upperleft  {
}

td.leftbar_navbox_top {
}

td.leftbar_navbox_upperright {
}

td.leftbar_navbox_left {
}

td.leftbar_navbox_right {
}

td.leftbar_navbox_lowerleft {
}

td.leftbar_navbox_bottom {
}

td.leftbar_navbox_lowerright {
}

table.topbar_navbox {
}

td.topbar_navbox {
  padding-left: 10px;
  padding-right: 10px;
}

.topbar_navbox {
  color: #C6D4EC;
  font-weight: 800;
}

.topbar_navbox a {
  text-decoration: none;
}

.topbar_navbox a:link {
  color: #C6D4EC;
}

.topbar_navbox a:visited {
  color: #C6D4EC;
}

td.topbar_navbox_upperleft  {
}

td.topbar_navbox_top {
}

td.topbar_navbox_upperright {
}

td.topbar_navbox_left {
}

td.topbar_navbox_right {
}

td.topbar_navbox_lowerleft {
}

td.topbar_navbox_bottom {
}

td.topbar_navbox_lowerright {
}

table.leftsupplement_navbox {
}

td.leftsupplement_navbox {
  border: 2px solid #85AFD7;
  background-color: #85AFD7;
  padding: 5px;
}

.leftsupplement_navbox {
  color: #003C79;
  font-weight: 800;
}

.leftsupplement_navbox a {
  text-decoration: none;
}

.leftsupplement_navbox a:link {
  color: #7E95B0;
}

.leftsupplement_navbox a:visited {
  color: #0077D4;
}

td.leftsupplement_navbox_upperleft  {
  padding: 0px;
}

td.leftsupplement_navbox_top {
  padding: 0px;
}

td.leftsupplement_navbox_upperright {
  padding: 0px;
}

td.leftsupplement_navbox_left {
  border: 2px solid #85AFD7;
  background-color: #85AFD7;
  width: 5px;
  padding: 0px;
}

td.leftsupplement_navbox_right {
  padding: 0px;
}

td.leftsupplement_navbox_lowerleft  {
  padding: 0px;
}

td.leftsupplement_navbox_bottom {
  padding: 0px;
}

td.leftsupplement_navbox_lowerright {
  padding: 0px;
}

td.page_top {
  height: 0px;
  padding: 0px;
}

td.page {
  vertical-align: top;
  padding: 10px;
}

td.page_bottom {
  height: 80px;
  background-color: #003C79;
  padding: 8px;
  border-color: #E4B33F;
  border-style: solid;
  border-top-width: 5px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
}

table.page_portlet {
}

.page_portlet_header_left {
  font-weight: bold;
}

.page_portlet_header_right {
  text-align: right;
}

.page_portlet_content {
  color: #000000;
}

table.page_portlet_show {
  border: 1px solid #003C79;
}

td.page_portlet_header_left_show {
  background-color: #003C79;
}

.page_portlet_header_left_show {
  background-color: #003C79;
  color: #C6D4EC;
  font-weight: bold;
}

.page_portlet_header_left_show a:link {
  color: #C6D4EC;
}

.page_portlet_header_left_show a:visited {
  color: #C6D4EC;
}

td.page_portlet_header_right_show {
  text-align: right;
   background-color: #003C79;
}

td.page_portlet_content_show, div.page_portlet_content_show {
  background-color: #85AFD7;
}

.page_portlet_content_show {
  color: #003C79;
}

.page_portlet_content_show a:link {
  color: #7E95B0;
}

.page_portlet_content_show a:visited {
  color: #0077D4;
}

table.page_zone {
  border: 0px solid #E4B33F;
}

td.page_zone_header {
  text-align: right;
}

td.page_zone_column {
  padding: 0px;
}

table.leftbar_portlet {
}

.leftbar_portlet_header_left {
  font-weight: bold;
}

.leftbar_portlet_header_right {
  text-align: right;
}

.leftbar_portlet_content {
  color: #C6D4EC;
}

table.leftbar_portlet_show {
  border: 1px solid #E4B33F;
}

td.leftbar_portlet_header_left_show {
  background-color: #FFFFFF;
}

.leftbar_portlet_header_left_show {
  color: #000000;
  font-weight: bold;
}

.leftbar_portlet_header_left_show a:link {
  color: #1B5892;
}

.leftbar_portlet_header_left_show a:visited {
  color: #003C79;
}

td.leftbar_portlet_header_right_show {
  background-color: #FFFFFF;
  text-align: right;
}

td.leftbar_portlet_content_show {
  background-color: #85AFD7;
}

.leftbar_portlet_content_show {
  color: #003C79;
}

.leftbar_portlet_content_show a:link {
  color: #7E95B0;
}

.leftbar_portlet_content_show a:visited {
  color: #0077D4;
}

table.leftbar_zone {
  border: 0px solid #E4B33F;
}

td.leftbar_zone_header {
  text-align: right;
}

td.leftbar_zone_column {
  padding: 5px;
}

table.leftsupplement_portlet {
}

.leftsupplement_portlet_header_left {
  font-weight: bold;
}

.leftsupplement_portlet_header_right {
  text-align: right;
}

.leftsupplement_portlet_content {
  color: #003C79;
}

table.leftsupplement_portlet_show {
  border: 1px solid #E4B33F;
}

td.leftsupplement_portlet_header_left_show {
  background-color: #003C79;
}

.leftsupplement_portlet_header_left_show {
  color: #C6D4EC;
  font-weight: bold;
}

.leftsupplement_portlet_header_left_show a:link {
  color: #C6D4EC;
}

.leftsupplement_portlet_header_left_show a:visited {
  color: #C6D4EC;
}

td.leftsupplement_portlet_header_right_show {
  text-align: right;
  background-color: #003C79;
}

td.leftsupplement_portlet_content_show {
  background-color: #85AFD7;
}

.leftsupplement_portlet_content_show {
  color: #003C79;
}

.leftsupplement_portlet_content_show a:link {
  color: #7E95B0;
}

.leftsupplement_portlet_content_show a:visited {
  color: #0077D4;
}

table.leftsupplement_zone {
  border: 0px solid #E4B33F;
}

td.leftsupplement_zone_header {
  text-align: right;
}

td.leftsupplement_zone_column {
  padding: 5px;
}

table.topbar_portlet {
}

.topbar_portlet_header_left {
  font-weight: bold;
}

.topbar_portlet_header_right {
  text-align: right;
}

.topbar_portlet_content {
  color: #C6D4EC;
}

table.topbar_portlet_show {
  border: 1px solid #E4B33F;
}

td.topbar_portlet_header_left_show {
  background-color: #FFFFFF;
}

.topbar_portlet_header_left_show {
  color: #000000;
  font-weight: bold;
}

.topbar_portlet_header_left_show a:link {
  color: #1B5892;
}

.topbar_portlet_header_left_show a:visited {
  color: #003C79;
}

td.topbar_portlet_header_right_show {
  background-color: #FFFFFF;
  text-align: right;
}

td.topbar_portlet_content_show {
  background-color: #85AFD7;
}

.topbar_portlet_header_content_show {
  color: #003C79;
}

.topbar_portlet_header_content_show a:link {
  color: #7E95B0;
}

.topbar_portlet_header_content_show a:visited {
  color: #0077D4;
}

table.topbar_zone {
  border: 0px solid #E4B33F;
}

td.topbar_zone_header {
  text-align: right;
}

td.topbar_zone_column {
  padding: 5px;
}

.ImlEditModeFrameBorder {
  background-color: #E4B33F;
}

.ImlEditModeHeader {
  background-color: #003C79;
  color: #C6D4EC;
  font-weight: bold;
}

.ImlEditModeBody {
  background-color: #85AFD7;
  color: #003C79;
}

.ImlEditModeHeader a:link {
  color: #C6D4EC;
}

.ImlEditModeHeader a:visited {
  color: #C6D4EC;
}

/*
 * Classes for publisher and portlets End *
 */

/* Classes for Preview Starts Below */

.PreviewBG {
  background-color: #FFFFFF;
}

.PreviewTopBar {
  background-color: #003C79;
  border: #E4B33F;
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 3px;
}

.PreviewBotBar {
  background-color: #003C79;
  border: #E4B33F;
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 3px;
  border-bottom-width: 0px;
}

.PreviewLeftBar {
  background-color: #85AFD7;
  border: #E4B33F;
  border-style: solid;
  border-left-width: 0px;
  border-right-width: 3px;
  border-top-width: 0px;
  border-bottom-width: 0px;
}

.PreviewNavBox {
  background-color: #85AFD7;
}

.PreviewPortletBorder {
  background-color: #023568;
}

.PreviewPortletHead {
  background-color: #023568;
}

.PreviewPortletBody {
  background-color: #CCDCED;
}

.PreviewTxtColor {
  background-color: #000000;
}

/* Classes for Preview Ends */


/* these three classes are for intranets */
.Container {
  margin: 4px;
  position: relative;
  height: 15em;
  background: transparent;
  padding: 4px;
}
.PlanContent {
  top: 1px;
  background: transparent;
}
.Last {
  width: 100%;
  height: 1em;
  position: absolute;
  bottom: 1px;
}

.CalendarEvent {
  color: #000000;
  font-family: ;
  font-size: 11;
  background-color: #CCDCED;}


.CalendarEvent a:link, .CalendarEvent a:active, .CalendarEvent a:visited {color: #000000}

/* Events owned by the user */
.CalendarEventOwned {
  background-color: #AFD2F5;
 }

/* Used for events that do not belong to the user (Subscribed) */
.CalendarEventSubscribed {
  background-color: #759CC2;
 }

/* Used for Today in Small Monthly Calendar */
.CalendarEventToday {
  background-color: #FFCC00;
 }


/* Use these for Transparency
 *  Light is 25%
 *  Medium is 50%
 *  Heavy is 75%
 */

.TransLight {
  filter:alpha(opacity=25);
  moz-opacity:0.25;
  opacity: 0.25;
}

.TransMedium {
  filter:alpha(opacity=50);
  moz-opacity:0.5;
  opacity: 0.5;
}

.TransHeavy {
  filter:alpha(opacity=75);
  moz-opacity:0.75;
  opacity: 0.75;
}

.TransTooHeavy {
  filter:alpha(opacity=95);
  moz-opacity:0.95;
  opacity: 0.95;
}


/* used for controlling the display when printing */
@media print {
  .PrinterAddBorder {  border: solid;
    border-width: 1px;
    empty-cells: show;
    border-collapse:collapse;
  }
  .NoPrint {
    display: none;
  }
}

.ColorBorder {
  border-color: #85AFD7;
}

.RoundCornerWrapper{
  float: left;
  width: 100%;
  background-color: #CCDCED;
  margin: 0px;
  _margin-top: -10px;
}

.RoundCornerTitle{
  padding: 0 6px 0 6px;
  position: relative;
  top: -8px;
  background-color: #CCDCED;
}
.RoundCornerLeft{
  width: 10px;
  height: 10px;
  float: left;
  background-color: #CCDCED;
}

.RoundCornerRight{
  width: 10px;
  float: right;
  height: 10px;
  background-color: #CCDCED;
  margin-right: -.3px;
}


/* For the filter interface */
.DisplayOptionsSelectedBG {
  background-color: #85AFD7;
  color: #EAF2FB;
}

.ColorBorderBottom {
  border-bottom: 1px solid FFFFFF;
}


.SS_Switch {
  height: 14px;
  width: 5em;
  padding: 1 10px 1 10px;
  font-size: 10px;
  text-align: center;
  background-image:url(/templates/gradient_16_top_light.png);
  background-repeat: repeat-x;
  color: BBBBBB;
  cursor: hand;
  cursor: pointer;
}

.SS_Switch_On {
  background-color: #E4B33F;
  color: #FFFFFF;
  border: solid 1px #E4B33F;
  cursor: "default";
}

.SS_Switch_Off {
  background-color: 999999;
  border: solid 1px CCCCCC;
  color: FFFFFF;
  cursor: "default";
}


.SS_Section_Header {
  background-image:url(/templates/gradient_27_top_dark.png);
  background-repeat: repeat-x;
  background-color: #85AFD7;
  font-size: 11px;
  font-weight: bold;
  text-align:left;
  padding: 2px 0 4px 10px;
  margin-bottom: 10px;
}

.SS_Page_Buttons {
  background-color: #E4B33F;
  height: 16px;
  padding: 1px 10px 1 10px;
  font-weight: bold;
  border: solid 1px #E4B33F;
  text-align: center;
  font-size: px;
  margin-left: 5px;
  background-image:url(/templates/gradient_16_top_light.png);
  background-repeat: repeat-x;
  color: #FFFFFF;
  -moz-border-radius-bottomleft:6px;
  -moz-border-radius-bottomright:6px;
  -moz-border-radius-topleft:6px;
  -moz-border-radius-topright:6px;
}

a.SS_Page_Buttons:link {
  text-decoration: none;
  color: #FFFFFF;
}

a.SS_Page_Buttons:visited {
  text-decoration: none;
  color: #FFFFFF;
}

a.SS_Page_Buttons:hover {
  background-image: url(/templates/gradient_16_top_dark.png);
}

.SS_Page_Footer {
  background-image: url(/templates/gradient_27_top_light.png);
  background-repeat: repeat-x;
  background-color: #85AFD7;
  text-align: center;
}

.SS_Page_Header {
  background-image: url(/templates/gradient_30_top_dark.png);
  background-repeat: repeat-x;
  background-color: #85AFD7;
  font-size: 18px;
  text-align:left;
  padding: 2px 0 6px 10px;
}

.SS_JS_Buttons {
  background-color: #E4B33F;
  height: 14px;
  padding: 1px 10px 1px 10px;
  font-weight: bold;
  mborder: solid 1px #E4B33F;
  text-align: center;
  margin: 1px;
  margin-left: 5px;
  font-size: 12px;
  background-image:url(/templates/gradient_16_top_light.png);
  background-repeat: repeat-x;
  color: #FFFFFF;
  -moz-border-radius-bottomleft:6px;
  -moz-border-radius-bottomright:6px;
  -moz-border-radius-topleft:6px;
  -moz-border-radius-topright:6px;
}

a.SS_JS_Buttons:link {
  text-decoration: none;
  color: #FFFFFF;
  margin: 1px;
}

a.SS_JS_Buttons:visited {
  text-decoration: none;
  color: #FFFFFF;
}

a.SS_JS_Buttons:hover {
  background-image: url(/templates/gradient_16_top_dark.png);
}

.SS_JS_Footer {
  background-image: url(/templates/gradient_27_top_light.png);
  background-repeat: repeat-x;
  background-color: #85AFD7;
  text-align: center;
  vertical-align: middle;
  padding: 1px;
  padding-top: 5px;
  height: 20px;

}

.SS_JS_Header {
  background-image: url(/templates/gradient_30_top_dark.png);
  background-repeat: repeat-x;
  background-color: #85AFD7;
  font-size: 18px;
  text-align:left;
  padding: 2px 0 6px 10px;
}


.SS_Light_Dark_72H {
  background-image: url(/templates/gradient_72_top_light.png);
  background-repeat: repeat-x;
  background-color: #CCDCED;
}