html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
}
body.ccsFullPage, body.ccsProgressbar {
    overflow: auto;
    background-color: #fff;
}
#container {
    height: 100%;
    position: relative;
}
body {
    color:#444;
    font-family:Arial,Helvetica,"Nimbus Sans L",sans-serif;
    font-size:75%;
    font-size-adjust:none;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:1.2;
}

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {reset.css?v=build... (line 2)
    font-family:inherit;
    font-size:100%;
    font-style:inherit;
    font-weight:inherit;
}

.gbSystemLinks {
    font-size: 100%;
}

#gsAdminContent {
    background-color: #fff;
}

select, option {
    font-size: 95%;
}

.dtree {
    font-size: 100%;
    position: relative;
    width: 161px;
}

.dtree .dtree {
    width: 161px;
    overflow-x: auto;
}

.gbSystemLinks a, .gsSidebar a {
    font-weight: bold;
}

/** 1st section of the banner area. */
.header2_1 {
    height: 64px;
}

/** 2nd section of the banner area (usually the last). */
.header2_2 {
    height: 22px;
}

table.header table {
    margin-right: 4px;
}

#cssFooter td {
    text-align:right;
}

#cssFooter span {
    padding-left: 2em;
}

.BannerLinksBlock {
    height:16px;
}

#gsMainBar {
    background-image: url(images/main_bar_bg.png);
    background-repeat:repeat-x;
    height: 28px;
    line-height: 16px;
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle;
}

#gsMainBar a {
    margin: 0 1em;
}

#gsSecondaryBar {
    height: 1em;
}

a, a:visited {
    text-decoration: none;
    color: #0033cc;
}

a:hover {
    text-decoration: underline;
}

#ccs img {
    border-width:0pt;
}

.giTitle {
    margin-top: 1px;
    margin-bottom: 3px;
}

/** Align the system links to the right. */
div.gbSystemLinks {
    text-align:right;
}

span.VerticalBar {
    border-left: 1px solid #000000;
}

.ItemAdminColRight {
    width:210px;
    padding-top: 1em;
}

.gsSidebar div.block-core-ItemLinks a {
    display:block;
    padding: 2px 2px 2px 4px;
}

.gsSidebar .giTitle {
    color: #444444;
    font-weight: bold;
}

/** Banner headings w/ dijit background image gradient. */
.gsSidebar .giTitle.dijitToolbar {
    padding: 2px;
    font-size:10pt;
}

.gsSidebar .ccsHistoryCtrls {
    height: 22px;
    margin: 0 0 7px;
    padding: 2px 0;
    color: #a50000;
    text-align: right;
}
.gsSidebar .ccsHistoryCtrls .NavBtnBlockIcon {
    display: inline-block;
    background-image: url(images/buttonSprites.gif);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-right:2px;
    text-align: center;
}

.gsSidebar .ccsHistoryCtrls .NavBtnBlockIconHome {
    background-position: -32px 0;
}

.gsSidebar .ccsHistoryCtrls .NavBtnBlockIconBack {
    background-position: 0 0;
}

.gsSidebar .ccsHistoryCtrls .NavBtnBlockIconHelp {
    background-position: -16px 0;
}

div#systemLinksBlock {
    background-image: url(images/square_white.png);
    padding:0 5px;
}

div#systemLinksBlock span.block-core-SystemLink {
    margin: 0 2px;
    padding: 0 3px 0 0;
    display: inline-block;
    height: 15px;
    line-height: 15px;
    vertical-align: top;
}

div#systemLinksBlock span.sysLinksBtn {
    height: 15px;
    line-height: 15px;
    display: inline;
    display: inline-block;
    background-position: top left;

}

div#systemLinksBlock span.sysLinksBtnLeft {
    width: 3px;
    background-image: url(images/sysLinksBtnLeft.gif);
    background-repeat: no-repeat;
}

div#systemLinksBlock span.sysLinksBtnMid {
    background-image: url(images/sysLinksBtnMid.gif);
    background-repeat: repeat-x;
}

div#systemLinksBlock span.sysLinksBtnRight {
    width: 4px;
    background-image: url(images/sysLinksBtnRight.gif);
    background-repeat: no-repeat;
}

#cssNavBar div#systemLinksBlock span.block-core-SystemLink a.sysLinksAnchor {
    padding: 0 5px;
    maring: 0;
    font-size: 92%;
    font-family: Tahoma, Arial, sans-serif;
}

#cssNavBar div#systemLinksBlock span.block-core-SystemLink0 a.sysLinksAnchor {
    color: #ffffff;
}

/* The  main content table on the Edit > * pages */
.ItemEditPage {
    background-color: #ffffff;
}

.ItemAdminContent, .SiteAdminContent {
    width: 980px;
}

#ccs ul.views {
    font-weight:normal;
    text-align:right;
}

#ccs ul.views li {
    border-right:1px solid #333344;
    display:inline;
    padding:0px 2px;
    vertical-align:top;
}

.gbBlockCentered {
    width:640px;
    margin:2em auto 4em auto;
}

.gbBlock {
    padding: 0 5px;
}

.gbBlock ul {
    list-style-type:none;
    margin:0pt;
    padding: 0 0 0 0.7em;
}

/** File/Folder management. */
.ItemAdminContent .gsSidebar {
    background-color: #EDEDED;
    overflow: visible;
}


.ItemAdminContent .gsSidebar .gbBlock {
    background-color: transparent;
    margin-left: 8px;
}

#itemAdminDispBlock {
    position: relative;
    left: 1px;
}

.gsSidebar .block-albumselect-AlbumTree {
    padding-top: 6px;
    padding-bottom: 5px;
}

div.BannerLinksBlock {
    background: transparent url(images/crumbsBg.png) repeat;
    padding-left:2px;
    height: 15px;
    line-height: 15px;
}

#toolbarHolder1 #ccsGetHelp {
    margin: 0;
    display: inline-block;
    line-height: 20px;
    font-size: 20px;
    vertical-align: top;
    height: 20px;
}

#ccsGetHelp a {
    font-size: 13px;
    padding: 0 8px 0 18px;
    background: transparent url(images/icon_help.png) no-repeat center left;
}

.ccsBreadCrumbSep {
    display: none;
}

#cssNavBar .gbBreadCrumbs span.gxBreadCrumb {
    background:transparent url(images/icon_path_separator.gif) no-repeat 0 50%;
    padding: 0pt 1px 0pt 12px;
}

#cssNavBar .gbBreadCrumbs span.gxBreadCrumb.BreadCrumb-1 {
    background-image: none;
    padding: 0 0 0 0;
}

#cssNavBar .gbBreadCrumbs span.gxBreadCrumb.last_crumb a {
    text-decoration: none;
    color: #444444;
}

ul#gbSiteAdminLinks li {
    margin-left: 10px;
}

ul#gbSiteAdminLinks>li {
    margin-bottom: 10px;
}

/* Ok, this is why CSS sucks, the inline elements don't seem to fully effect the height of the parent div, so I'm setting absolute sizes for now. */
/** 'Tab' effect on edit pages. */
div.gbTabBar {
    background-color: #dfdfdf;
    border-top:1px solid #dfdfdf;
    border-bottom:1px solid #000000;
    font-size: 90%;
    font-weight:bold;
    margin: 0;
    padding: 0;
    height: 18px;
    vertical-align: bottom;
    position: relative;
}


div.gbTabBar span.o {
    display: block;
    float: left;
    height: 100%;
    border-right: 2px solid #333333;
    padding: 1px 0.9em 0 0.9em;
}

div.gbTabBar span.o.giSelected {
    background-color: #ffffff;
    /* background-image:url(images/tab_left_on.jpg); */
    /* padding-bottom:6px; */
}

div.gbTabBar.gtItemAdd {
    height: 22px;
    font-size: 120%;
}

h1, .h1 {
    font-size: 210%;
}

h2, .h2 {
    font-size: 160%;
}

h3, .h3 {
    font-size: 130%;
}

h4, .h4 {
    font-size: 120%;
}

h5, .h5 {
    font-size: 110%;
}

h6, .h6 {
    font-size: 105%;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: bold;
    line-height: 110%;
    margin: 0.2em 0 0.4em 0;
}

.ccsTitle.dijitToolbar {
    background: none;
    margin: 5px 5px;
    border-bottom:1px solid #666666;
}

.ccsTitle h1, .ccsTitle h2, .ccsTitle h3, .ccsTitle h4,
  .ccsTitle h5, .ccsTitle h6, .ccsTitle .h1, .ccsTitle .h2,
  .ccsTitle .h3, .ccsTitle .h4, .ccsTitle .h5, .ccsTitle .h6 {
  margin: 2px;
}

.emptyAlbum {
    line-height: 140%;
}

.gbBlock table.gbDataTable {
    margin-left: 8%;
    margin-bottom: 8%;
    width:92%;      /* mainly to override some admin templates w/ 100%. */
}

.gbBlock table.gbDataTable.gbEventsDataTable {
    margin: 1px;
    width: auto;
}

.gbDataTable {
    font-size: 110%;
}

.gbDataTable th {
    border-bottom: 1px solid #000000;
    font-weight: bold;
}

.gbDataTable .gbOdd {
    background-color: #e0e0e0;
}

.gbDataTable td.PadData {
    padding-right: 1em;
}

/*
.gbDataTable td[colspan] {
    padding: 1em;
    background-color: #ffffff;
    border-bottom: 1px solid #000000;
} */

.giInfo {
    /*
    Vic no-like monospace effect:
    font-family: Courier New, monospace; */
}

/** These are currently part of the re-arrange module. */
div.riItem, div.riAlbum {
    border: 1px solid #bfbfbf;
}

div.riItem:hover, div.riAlbum:hover {
    border-color: #33aaff;
}

.titleinfo .title {
    font-weight: bold;
    text-decoration: underline;
}

.titleinfo .giInfo {
    margin-left: 12px;
}

.gbLink-core_ItemAdmin-core_ItemMakeHighlight {
    display: none;
}

#gsContent #gbContentFooter {
    margin-top: 1em;
    border-top: 1px solid #bfbfbf;
}

#gsContent .gbNavigator {
    margin: 1px 0;
    padding: 2px;
    /* border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc; */
}

#gsFileViewBlock {
    padding: 4px 0;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
}

#gsFileViewInlineBlock {
    /* margin: 0 auto; */
    display: table-cell;
    text-align: center;
}

div.gbNavigator div.next-and-last {
  float: right;
  margin-right:16px;
}
div.gbNavigator div.first-and-previous {
    margin-left:16px;
}

div.gbNavigator div.next-and-last.no-previous {
  float: none;
  text-align: right;
}

div.gbNavigator a.first {
  padding-left: 25px;
  background: transparent url('images/nav_first.gif') left no-repeat;
}

div.gbNavigator a.previous {
  padding-left: 25px;
  margin-left:4px;
  background: url('images/nav_prev.gif') left no-repeat;
}

div.gbNavigator a.next {
  padding-right: 25px;
  margin-right:4px;
  background: transparent url('images/nav_next.gif') right no-repeat;
}

div.gbNavigator a.last {
  padding-right: 25px;
  background: transparent url('images/nav_last.gif') right no-repeat;
}

div.gbNavigator div.first-and-previous img {
  vertical-align: middle;
  padding-right: 0.5em;
}
div.gbNavigator div.next-and-last img {
  vertical-align: middle;
  padding-left: 0.5em;
}

#ccs.rtl div.gbNavigator div.next-and-last {
  float: left;
}
#ccs.rtl div.gbNavigator div.next-and-last.no-previous {
  float: none;
  text-align: left;
}
#ccs.rtl div.gbNavigator div.first-and-previous {
  text-align: right;
}
/* Both IE and Gecko have bugs with omitting padding on rtl inline content */
#ccs.IE.rtl div.gbNavigator a {
  display: inline-block;
}
#ccs.gecko.rtl div.gbNavigator a {
  display: -moz-inline-box;
}

#ccs.rtl div.gbNavigator a.first {
  padding: 0 25px 0 0;
  background: url('images/nav_last.gif') right no-repeat;
}
#ccs.rtl div.gbNavigator a.previous {
  padding: 0 25px 0 0;
  border-left:4px solid transparent;
  background: url('images/nav_next.gif') right no-repeat;
}
#ccs.rtl div.gbNavigator a.next {
  padding: 0 0 0 25px;
  border-right:4px solid transparent;
  background: url('images/nav_prev.gif') left no-repeat;
}
#ccs.rtl div.gbNavigator a.last {
  padding: 0 0 0 25px;
  background: url('images/nav_first.gif') left no-repeat;
}
#ccs.rtl div.gbNavigator div.first-and-previous img {
  padding: 0 0 0 0.5em;
}
#ccs.rtl div.gbNavigator div.next-and-last img {
  padding: 0 0.5em 0 0;
}

#ccs #cssNavBar #toolbarHolder1 {
    position: relative;
    height: 22px;
    padding-top: 1px;
}

#ccs #cssNavBar #toolbarHolder1  .dijitToolbar {
    background: transparent none;
    border-bottom: 0 none transparent;
}

/** Set our own icon(s) for our menu buttons.  Currently just a placeholder. */

/* Used to hide items that we want a item-by-item icon for (see modules/ipovcustom/templates/blocks/NavBtnBlock.tpl)  */
#ccs .dijitMenuItemIcon.HiddenIcon {
    visibility: hidden;
    display: none;
    width: 1px;
    height: 1px;
}

#ccs .dijitEditorIcon.praxisMenuIcon {
    background-image: url(images/icon_placeholder.gif);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    text-align: center;
}

#ccs .praxisMenubarButton, #ccs .praxisMenubarDropButton {
    color:#A50000;
    padding: 1px 4px;
    cursor: pointer;
    font-size:12px;
    position: relative;
    display: inline-block;
}

/** Bigger text on the 'main' toolbar buttons. */
#toolbar1 .dijitButton .dijitButtonText, #toolbar1 .dijitButtonHover .dijitButtonText,
  #toolbar1 .dijitDropDownButton .dijitButtonText, #toolbar1 .dijitDropDownButtonHover .dijitButtonText,
  #ccs #toolbar1 .praxisMenubarButton,
  #ccs .praxisMenubarButton#ccsGetHelp {
    font-size: 13px;
    font-weight: bold;
    color: #A50000;
}

#ccs .dijitButtonDisabled .dijitButtonText,
  #ccs .dijitDropDownButtonDisabled .dijitButtonText,
  #ccs #toolbar1 .praxisMenubarButtonDisabled {
    font-size: 13px;
    font-weight: bold;
    color: #666666;
}

/* ***************************************************** */
/*                   Tableless Form alignment            */
/* ***************************************************** */
.gxStyledForm label, .gxStyledForm input.Styled, .gxStyledForm .Label, .gxStyledForm select {
    display: block;
    width: 200px;
    float: left;
    margin-bottom: 10px;
}
.gxStyledForm label, .gxStyledForm .Label {
    text-align: right;
    width: 125px;
    padding-right: 20px;
}
.gxStyledForm .giSubtitle {
    padding-left: 4px;
}
.gxStyledForm br {
    clear: left;
}


/* ***************************************************** */
/*        Improved Table based Form alignment            */
/* ***************************************************** */
.ccsHelpData {
    display: none;
}

.HelpFlyout {
    position:absolute;
    /* background: url(images/helptips/tip_left_top.png) no-repeat top left; */
    width: 300px;
    margin: 8px 0 0 0;
    padding: 0;
}

.HelpFlyout .HelpFlyoutContent {
    padding: 2px;
    border: 1px solid #bfbfbf;
}

.HelpFlyoutConnector {
    background: #ffffff url(images/icon_information.png) no-repeat 50% 50%;
    height: 18px;
    width: 18px;
    position: absolute;
    border: 1px solid #bfbfbf;
    border-right-color: #ffffff;
    z-index:15;
    left: -18px;
}

.ccsStyledForm {
    position: relative;
}

/* Found in iPOV Email popups. */
.dijitDialogPaneContent .ccsStyledForm {
    margin: 0;
    padding: 0 16px 0 4px;
}

.ccsStyledForm .giSubtitle {
    font-size: 8px;
    vertical-align: super;
}

.ccsFormHeavyLbl {
    font-weight: bold;
    padding-right: 1em;
}

.ccsStyledForm .ccsFormBlockIndent {
    padding-left: 8px;
    padding-top: 4px;
    position: relative;
}

.dijitDialogPaneContent .ccsStyledForm .ccsFormBlockIndent {
    padding-right: 4px;
    padding-bottom: 8px;
}

.ccsStyledForm .ccsInputFullWidth {
    width: 100%;
}

.cssFormEditBlock {
    border:1px solid #bfbfbf;
    padding: 2px 10px 2px 5px;
    margin: 6px 0;
}

/* Dialog and small forms. */
.ccsFormFooter {
    margin-top:4px;
    text-align: right;
}

/* Larger forms, uses a little more space. */
.ccsEditFormFooter {
    text-align: right;
    vertical-align: middle;
    padding: 1em 3em;
}

.ccsChangeInDescendents {
    margin: 6px 0 0 2em;
    padding-left: 9px;
    background: url(images/descendents.gif) no-repeat 0 0;

    /* TODO: Add some sort of flag icon to help draw attention. */
}

/** Elements w/ a checkbox image as a background. */
.ccsCheckboxImgOn, .ccsCheckboxImgOff, .ccsCheckboxImgInvert {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-right: 2px;
    background-image: url(images/checkboxes.png);
    background-repeat: no-repeat;
    background-position: 0px 50%;
}

.ccsCheckboxImgOff {
    background-position: -12px 50%;
}

.ccsCheckboxImgInvert {
    background-position: -24px 50%;
}

/* Using anchor tags here to get the ':hover' for free. */
a.ccsBackBtnSm, a.ccsNextBtnSm {
    display: inline-block;
    height: 16px;
    width: 14px;
    background-image: url(images/back_next_btns.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

a.ccsBackBtnSm:hover {
    background-position: 0px -18px;
}

a.ccsNextBtnSm {
    background-position: -14px 0px;
}

a.ccsNextBtnSm:hover {
    background-position: -14px -18px;
}


/* ***************************************************** */
/*                   Dynamic blocks                      */
/* ***************************************************** */

td.gsContent {
    height: 100%;
}

/*  ******************************  */
/*  Semi-ajax album theme:          */
.PreviewBlock {
    padding: 2px;
}


.PreviewInfo {
    font-size: 90%;
}

.PreviewBlock .giTitle {
    font-size: 105%;
}

.PreviewBlock .giThumbnailBlock {
    /* remember w3c box model: real size is declared size + padding + border. */
    height: 88px;
    width: 110px;
    padding: 1px;
    margin: 0;
    border: 0;
    position: relative;
    vertical-align: middle;
    text-align: right;
}

.PreviewBlock .giFolderThumbnailBlock {
    background-image:url(images/folder_normal_empty.png);
    background-repeat:no-repeat;
}

.PreviewBlock .giFolderThumbnailBlockHidden {
    background-image:url(images/folder_public_empty.png);
    background-repeat:no-repeat;
}

.PreviewBlock .giThumbnailBlock img {
    margin: 10px 8px 0 0;
    max-height: 72px;
    max-width: 72px;
    overflow: hidden;
}

/** TODO: The PreviewBlock50 classes are not using the correct image anymore. */
.PreviewBlock50, .PreviewBlock50 .giThumbnailBlock, .PreviewBlock50 .giMissingThumbnail{
    width: 50px;
    height: 50px;
}

.PreviewBlock50 img {
	width: 50px;
	max-height: 50px;
}

.PreviewBlock50 .giFolderThumbnailBlock {
    background-image:url(images/GreyFolder_50px.gif);
    background-position: 50% 50%;
    background-repeat:no-repeat;
    position:relative;
    text-align:center;
}

.PreviewBlock50 .giMissingThumbnail {
    background-repeat:no-repeat;
    background-image:url(images/nothumb_file.gif);
    background-position: 50% 50%;
}

.gsSidebar .PreviewBlock .giFolderThumbnailBlock img {
    width: 72px;
    height: 72px;
}

.PreviewBlock .SWFMiniPlayer {
    position: relative;
}

.PreviewBlock .SWFMiniPlayer a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    background: url(images/playback_start.gif) 50% 50% no-repeat;
}

.AdminPreviewBlock {
    display: block;
    background-repeat:no-repeat;
    background-image:url(images/nothumb_file.gif);
}

.AdminPreviewBlock.AdminPreviewBlock_GalleryAlbumItem {
    background-image:url(images/GreyFolder_sm.gif);
}

#previewTtipEmail .giFolderThumbnailBlock .giMissingThumbnail {
    height: 2px;
    width: 2px;
    visibility: hidden;
}

.show-ItemLinks {
    margin-right: 2px;
    text-align:right;
}

div.PreviewInfo table.display-item-info {
    /* width: 100%; */
    margin-right: 3px;
    height:100%;
    vertical-align:top;
}

table.display-item-info td.right-align {
    text-align: right;
}


.o.giDeselected#linkItemAddFromBrowser, .gtItemAddItemAddFromBrowser .o.giDeselected#linkItemAddFromSWFUpload {
    display: none;
}

/** Used in add-folder, etc... to surround sections of the input form. */
.gxDialogBlock {
    padding: 4px 1em;
    border-bottom: 1px solid #efefef;
    margin-bottom: 0.8em;
    margin-right: 0.5em;
}


.gxDialogBlock h4, .gxDialogBlock h3, .gxDialogBlock h5 {
    margin-left: -0.5em;
}

.gxDialogBlock .dijitTitlePaneTextNode {
    font-size: 110%;
    font-weight: bold;
}

.gxDialogBlock .gxDialogTitle {
    border-bottom: 1px solid #cccccc;
}

.giDescription {
    margin: 4px;
    padding: 3px;
    background-color: #f3f3f3;
}

div.giDescription {
    border: 1px solid #BEBFBF;
}

.giDescriptionLarge {
    font-size: 14px;
}

.ContentHeader {
    border-bottom: 1px solid #333333;
    margin-bottom: 2px;
    position: relative;
}

.ContentHeader .Title {
   display: inline-block;
   font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
   font-size: 130%;
   font-weight: bold;
   line-height: 110%;
   padding-right: 265px;
}

.ContentHeader #itemHeader {
    min-height: 28px;
}

.ContentHeader #itemInfo {
    width: 260px;
    background-color: #fff;
    font-size: 90%;
    position: absolute;
    right: 0;
    top: 1px;
    z-Index: 10;
}

.ContentHeader .giDescription {
    margin: 1px;
    padding: 2px;
}

/** Create a heading for a content area that follow. */
div.gxHeading {
    color: #000;
    background-color: #dedede;
    border-bottom: 1px solid #bfbfbf;
    padding: 2px;
}

div.gxHeading * {
    margin: 0;
}

/** Create a box w/ a basic border. */
.gcBorder2 {
    border:1px solid #BFBFBF;
    margin-bottom: 0.8em;
}

.AdminPreviewBlock {
    display: block;
    background-repeat:no-repeat;
    background-image:url(images/nothumb_file.gif);
}

.AdminPreviewBlock.AdminPreviewBlock_GalleryAlbumItem {
    background-image:url(images/GreyFolder_sm.gif);
}

.show-ItemLinks {
    margin-right: 2px;
    text-align:right;
}

div.PreviewInfo table.display-item-info {
    /* width: 100%; */
    margin-right: 3px;
    height:100%;
    vertical-align:top;
}

table.display-item-info td.right-align {
    text-align: right;
}


.o.giDeselected#linkItemAddFromBrowser, .gtItemAddItemAddFromBrowser .o.giDeselected#linkItemAddFromSWFUpload {
    display: none;
}

div.WarningBig {
    font-size: 120%;
    font-weight: bold;
    width: 80%;
    margin: 1.5em 10% 1.5em 10%;
    padding: 0.8em;
    background-color: #dfdfdf;
    color: #cc0000;
}

a.LinkExternal {
    padding-right: 16px;
    background-image: url(images/external.gif);
    background-position: 100% 50%;
    background-repeat: no-repeat;
}

a.GoBackLink {
    padding-left: 16px;
    background-image: url(images/GoBack.gif);
    background-position: 0 50%;
    background-repeat: no-repeat;
}



/*----------------------------------------------------
 * Navigation List: Used negative margin to hide left
 *  border on the first element (only way to make IE behave).
 *  Source: http://css.maxdesign.com.au/listamatic/horizontal36.htm
 *-----------------------------------------------------*/
div.NavContainer {
    margin-bottom: 4px;
    overflow: hidden;
}

div.NavContainer ul.NavList {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div.NavContainer ul.NavList li {
    list-style-type: none;
    display: inline;
    margin: 0 1.5em 0 0;
    padding: 0;
}

div.NavContainer ul.NavTabList {
    display:block;
    list-style-type: none;
    border-bottom:1px solid #333;
    margin: 0 .5em;
    padding: 0.75em 1em 0.25em 0;
}

div.NavContainer ul.NavTabList li {
    display:inline;
    padding:0.25em 1em;
}

div.NavContainer ul.NavTabList li.ActiveNavTab {
    border-color:#333 #333 -moz-use-text-color;
    border-style:solid solid none;
    border-width:1px 1px 0;
    font-weight:bold;
    padding-bottom:0.5em;
    background-color: #fff;
    /* position: relative;
    bottom: -1px; */
}

.ContentHeader div.NavContainer {
    height: 16px;
    line-height: 4px;
    margin: 0;
    padding: 2px;
    background:#EAEAEA url(images/titleBar.png) repeat-x scroll left top;
    border-bottom:1px solid #CCCCCC;
}

.ContentHeader div.NavContainer ul.NavList {
    float: right;
}

.ContentHeader div.NavContainer ul.NavList li {
    line-height: 14px;
    border-left: 0 none;
}

.dijitDialog .dijitDialogTitle {
    font-size: 110%;
}

/*----------------------------------------------------
 *  Stuff about comments
 -----------------------------------------------------*/

.one-comment {
    margin: 8px;
    /*
    border-top: 1px dashed #999999;
    border-bottom: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    */
    border: 0px none transparent;
}

.one-comment.comment-list-hightlight {
    border: 1px solid #008cff;
}

.one-comment .comment-content {
    margin: 6px 4px 0 22px;
}


div.PanelControlsBottom.NavContainer ul.NavList li {
    color: #000;
    font-size: 90%;
    font-weight: bold;
}
div.PanelControlsBottom.NavContainer ul.NavList li a:hover {
    text-decoration: none;
}

.block-comment-ViewComments div.comment {
    padding: 1px 8px;
}

.block-comment-ViewComments div.info {
    background-color: #f0f0f0;
    text-align: left;
    padding: 1px 4px 0 0;

}

.block-comment-ViewComments div.info span {
    font-size: 85%;
}

.commentContainer div.comment {
    padding: 1px 0 4px 0;
}

.commentContainer div.info {
    text-align: left;
    padding: 1px 4px 0 1em;
    border-bottom: 1px dashed #f0f0f0;
    background-color: #FCFCFC;
}

.commentContainer div.info span {
    font-size: 95%;
}

.commentContainer div.info span.info-data {
    float: right;
}

p.comment {
    margin-bottom: 3px;
}

p.info {
    margin: 0px;
    color: #777;
    font-size: 90%;
    text-align: right;
}

div.one-comment h3 {
    font-size: 110%;
    border-bottom: 1px #cccccc solid;
}

a.comment-thumbnail {
    display:inline;
}
div.one-comment div.comment-block {
    display:inline;
}

.comment-list-v2 {
    margin: 8px;
}

.comment-list-v2 .comment-list-v2 {
    margin: 8px 0 8px 24px;
}

.comment-item-v2 {
    border-top: 1px solid #999999;
    position: relative;
}

.comment-item-v2.comment-item-no-border {
    border-top: 0 none;
}

.comment-item-v2 .CCSGridIcon {
    position: absolute;
    top: 0;
    left: 0;
}

.comment-item-v2.comment-item-new .CCSCommentsForItem {
    background-position: -48px 0px;
}

.comment-body-v2 {
    margin-left: 18px;
}

.comment-item-v2 .Title {
    padding: 2px 0;
    font-weight: bold;
    font-family: Verdana;
}

.comment-text-v2 {
    padding: 2px 0 4px;
    min-height: 24px;   /* Make the single line comments a little nicer looking. */
}

.comment-footer-v2 {
    height: 17px;
    vertical-align: middle;
    font-size: 95%;
}


.comment-footer-v2 .ctv2-controls,
.comment-add-hdr-2 .ctv2-controls {
    display: inline-block;
    float: right;
    font-weight: bold;
}

.ctv2-controls .ctv2-control {
    cursor: pointer;
}

.comment-item-v2.ctv2-selected {
    background-color: #E0E0E0;
    border: 1px solid #AA0000;
}

.comment-item-v2.ctv2-removing {
    color: #cccccc;
}

.comment-item-v2.ctv2-removing .ctv2-controls {
    visibility: hidden;
}

.comment-add-hdr-2 {
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
    padding: 0 8px;
}
.comment-add-hdr-2 .Title {
    font-size: 105%;
    font-family: Verdana;
    font-weight: bold;
}

.commenttree-item-cntr-v2 .comment-list-cntr {
    padding-left: 32px;
}

.commenttree-item-cntr-v2 .comment-list-v2 {
    border-left: 1px solid #e0e0e0;
    padding-left: 2px;
    max-width: 800px;
}

.commenttree-item-children-v2 {
    padding-left: 10px;
}

.commenttree-item-title-v2 {
    position: relative;
    z-index: 4;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    font-size: 12pt;
}

.commenttree-item-title-v2 .title-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
}

.commenttree-item-title-v2 a {
    text-decoration: none;
}

.commenttree-item-title-v2 .commenttree-item-ctrls {
    position: absolute;
    top: 16px;
    left: 24px;
    display: none;
    width: 16px;
    height: 16px;
    margin-left: 16px;
    /* todo - get a decent icon for this. */
}

/* ---------- END COMMENTS ----  */

body.ErrorPage #gsContent {
    width: 50%;
    min-width: 480px;
    max-width: 960px;
    margin: 1em auto;
    padding: 0.5em;
    background-color: #ffffff;
    border: 2px solid #333333;
}

body.ErrorPage #contentTd {
    padding: 4px;
    background: #ffffff;
}

body.ErrorPage .gxErrorPanel {
    background: #ffffff;
    margin-bottom: 12px;
    width: 800px;
    margin: 0 auto;
    padding-top: 18px;
}

body.ErrorPage .gbBlock {
    margin-bottom: 24px;
    padding-bottom: 8px;
    border-bottom: 2px solid #008bf1;
}

body.ErrorPage .giDescription {
    background-color: #ffffff;
    margin: 4px 0;
    padding: 12px 0;
    font-size: 110%;
    font-color: #000000;
    font-weight: normal;
    color: #000000;
    font-family: Tahoma, Verdana, Arial;
    line-height: 150%;
}

body.ErrorPage .gxErrorPanel .giTitle {
    font-weight: bold;
    width: 80%;
    padding-bottom: 2px;
    margin-bottom: 2px;
    border-bottom: 1px solid #dfdfdf;
}

body.ErrorPage .dijitTitlePaneTextNode {
    font-size: 120%;
    font-weight: bold;
}

.gbBlock.gbWarning {
    border: 3px double #fa0000;
    margin: 0.6em;
}

/*----------------------------------------------
    The 'rearrange' plugin.
  ----------------------------------------------*/

.rearrangeTable div.riAlbum, .rearrangeTable div.riItem {
    width: 148px;
    height: 116px;
    /* line-height: 106px; */
    position: relative;
}

/* .rearrangeTable div.riAlbumTitle, .rearrangeTable div.riItemTitle {
    line-height: 14px;
} */

.rearrangeTable div.DateInfo {
    position: absolute;
    right: 2px;
    bottom: 2px;
    line-height: 14px;
    font-size:95%;
}

.riItem .PreviewBlock .giFileThumbnailBlock {
    height: 76px;
    line-height: 76px;
    width: 92px;
    margin: auto;
    text-align:center;
}

.riItem .PreviewBlock .giFileThumbnailBlock img {
    vertical-align: middle;
}

/* .rearrangeTable div.riAlbum div {
    width: 120px;
    height: 84px;
    margin: 16px 0 0 6px;
    overflow: hidden;
} */

.rearrangeTable div.riItem div.giMissingThumbnail {
    width: 72px;
    height: 72px;
    margin: auto;
    background-repeat: no-repeat;
    background-image: url(images/nothumb_file.gif);
}

/** Used for 'tabs' on the Video player. */
ul.ContentTabs2 {
    display:block;
    background-color:#fff;
    border-bottom:1px solid #a7a9ab;
    margin: 0 12px 4px 12px;
    padding: 9px 12px 3px 12px;
}

ul.ContentTabs2 li.ContentTab2 {
    display:inline;
    font-size:0.8em;
    padding: 3px 12px;
}

ul.ContentTabs2  li.ContentTab2.ActiveTab {
    background-color:#fff;
    border-color:#333 #333 -moz-use-text-color;
    border-style:solid solid none;
    border-width:1px 1px 0;
    font-weight:bold;
    padding-bottom: 5px;
    color: #000;
}
ul.ContentTabs2  li.ContentTab2.ActiveTab a {
    color: #000;
}

/** Used for 'tabs' on the Moderator page. */
.ContentTabsModeratorBox {
    height: 29px;
    width: auto;
    padding: 8px 0 2px 0;
    position: relative;
}

ul.ContentTabsModerator {
    display:block;
    margin: 0;
    padding: 0 4px;
    border-bottom:1px solid #a7a9ab;
    background-color:#fff;
    font-size:14px;
    font-weight:bold;
}

ul.ContentTabsModerator  li.ContentTabModerator,
ul.ContentTabsModerator  li.ActiveTab,
ul.ContentTabsModerator  li.ContentTabModerator.ActiveTab {
    display:inline-block;
    height: 28px;
    vertical-align: middle;
    visibility: hidden;
    margin-right: 4px;
    border: 1px solid #a7a9ab;
    margin-bottom: -1px;
}

ul.ContentTabsModerator  li.ContentTabModerator.ActiveTab,
ul.ContentTabsModerator  li.ActiveTab {
    border-bottom-color: #ffffff;
}

ul.ContentTabsModerator  .ContentTabModeratorSpan {
    background-position:2px 50%;
    background-repeat:no-repeat;
    padding-left: 28px;
    padding-right: 2px;
}

ul.ContentTabsModerator  .ContentTabModeratorSpan,
ul.ContentTabsModerator .ContentTabModeratorSpan .ContentTabModeratorText {
    display:inline-block;
    vertical-align: middle;
    height: 26px;
    line-height: 26px;
}

ul.ContentTabsModerator  li.ContentTabModerator.ActiveTab a {
    color: #000;
}

.G2xStreamingBlock {
    margin-bottom: 1em;
}

.ccsButtonSpacer {
    width: 60px;
    height: 10px;
    display: inline-block;
}

.ccsButtonSpacerSm {
    width: 1em;
    height: 0.5em;
    display: inline-block;
}

/*----------------------------------------------
    Rounded corners, etc... for more visible message blocks
  ----------------------------------------------*/
.RMsgBox {
    background-color:#D7DEF0;
    margin:1em;
    line-height:1.22em;
}


.RMsgBox * {
    line-height:1.22em;
}

.RMsgBox .RMsgContent {
    padding: 1px 1em;
}

.RMsgBox .MsgConerContainerTop, .RMsgBox .MsgConerContainerBtm {
    background-color:transparent;
}


.RMsgBox .lvl1 {
    border-width:0 5px;
    height:1px;
}
.RMsgBox .lvl2 {
    border-width:0 3px;
    height:1px;
}
.RMsgBox .lvl3 {
    border-width:0 2px;
    height:1px;
}
.RMsgBox .lvl4 {
    border-width:0 1px;
    height:2px;
}

.RMsgBox .MsgCorner {
    background-color:transparent;
    border-color:#fff;      /* this needs to match the background color of the 'parent' element. */
    border-style:solid;
    display:block;
    font-size:1px;
    margin-left:0;
    margin-right:0;
    overflow:hidden;
}

.giDescription.InfoMarker, .giDescription.ImportantMarker,
.giDescription.WarningMarker, .giDescription.ErrorMarker {
    padding-left: 20px;
}

/** Small (16px) icon class definitions.  */
.IconSmall {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 2px;
}

.InfoMarker {
    background: url('images/icon_information.png') no-repeat;
}
.ImportantMarker {
    background: url('images/icon_important.png') no-repeat;
}
.WarningMarker, .IconSmall.IconWarning {
    background: url('images/icon_warning.png') no-repeat;
}
.ErrorMarker {
    background: url('images/icon_error.png') no-repeat;
}

.IconSmall.IconOk {
    background: url('images/icon_ok.png') no-repeat;
}



/* turn off bullets in the header ares. */
.ContentHeader li a.gbAdminLink  {
    background: none;
    padding-left: 0 !important;
}
.ContentHeader li a.gbAdminLink:hover  {
    text-decoration: none;
}

/* ***************************************************** */
/*                   Album View Tooltip css              */
/* ***************************************************** */
.tooltip-text {
  font-size: 80%;
}

.tooltip-title {
  font-weight: bold;
  font-size: 110%;
  border-bottom: 1px solid #41566e;
}
.tundra .dijitTooltipContainer{
  max-width:250px;
}

.tooltip-itemType {
  float: right;
  font-weight: bold;
  color: #41566e;
}

/** Override the dijit ProgressBar image (which is bland off-grey for the tundra look) with definitions from soria theme. */
body.ccsFormPage .dijitProgressBar {
    margin:2px 0px 2px 0px;
}

body.ccsFormPage .dijitProgressBarEmpty{
    /* outer container and background of the bar that's not finished yet*/
    background:#fff url("images/progressBarEmpty.png") repeat-x center center;
    border-color: #8ba0bd;
}

body.ccsFormPage .dijitProgressBarTile{
    /* inner container for finished portion when in 'tile' (image) mode */
    background:#f0f0f0 url("images/progressBarFull.png") repeat-x center center;
}

body.ccsFormPage .dijitProgressBarFull {
    border-right:1px solid #8ba0bd;
}

body.ccsFormPage .dijitProgressBarLabel {
    /* Set to a color that contrasts with both the "Empty" and "Full" parts. */
    color:#293a4b;
}

body.ccsFormPage .dijitProgressBarIndeterminate .dijitProgressBarTile {
    /* use an animated gif for the progress bar in 'indeterminate' mode */
    background:#cad2de url("images/progressBarAnim.gif") repeat-x center center;
}

.ListTopRow {
    border-spacing: 0px 0px;
    background-color: #E0E0E0;
    height: 25px;
}

.listEven {
    height: 18px;
    background-color: #FFFFFF;
}

.listOdd {
    height: 18px;
    background-color: #F0F0F0;
}

#menuBarRtBlk {
    display: block;
    position: absolute;
    top: 0;
    right: 1px;
     /* float: right;*/
    text-align: right; /* so that the width can be bigger than 'needed' to allow other langs room to push out. */
    width: 300px;
    height: 22px;
    line-height: 1.0;
    z-index: 100;
    border: 0 none transparent;
}

#searchBarMain {
    display: inline-block;
    border: 0 none transparent;
}

#searchBarMain form input {
    text-align: left;
    vertical-align: bottom;
}

#searchBarMain input#searchCriteria {
    font-size:12px;
    font-family: Arial;
    margin: 0 0 0 2px;
}

#searchBarDropdown {
    width: 140px;
    border: 1px solid #ccc;
    border-color: #cccccc #666666 #666666 #cccccc;
    border-top: 0 none transparent;
    background-color: #F0F0F0;
    margin: 0;
    padding: 3px 0 3px 8px;
    line-height: 14px;
}

#searchBarDropdown a {
    color: #a50000;
    font-family:Arial;
    font-size: 10px;
    font-weight: bold;
}


/* This is the actual form. */
#search_SearchBlock {
    display: block;
    margin: 0;
    border: 0;
    padding: 0;
}


#siteTreeSidebarContainer {
    overflow: visible;
    position: relative;
    height: auto;
    min-height: 400px;
}

#siteTreeSidebarContainer .dijitTree {
    overflow: visible;
    height: 100%;
    width: 100%;
}

#ccs .dijitTreeLabelFocused .dijitFolderClosed, #ccs .dijitTreeNodeSelected  .dijitFolderClosed {
    background-image: url(images/folderClosedHl.gif);
}
#ccs .dijitTreeLabelFocused .dijitFolderOpened, #ccs .dijitTreeNodeSelected .dijitFolderOpened {
    background-image: url(images/folderOpenedHl.gif);
}

/** Creates a 'large' button effect. */
.BigButtonBlock {
    background-image: url(images/btnGradientLight.gif);
    background-repeat: repeat-x;
    background-position: 0 50%;
    cursor: pointer;
    text-align: center;
}

.BigButtonBlock.BigButtonBlockHover {
    background-image: url(images/btnGradientDark.gif);
}

.RMsgBox.rmsgErrorBox .RMsgBox.BigButtonBlock .RMsgContent {
    padding:1em 0.5em;
}


/** For now try using CSS to hide the 'down' button on the combobox. */
#iPOVmailDialog .dijitComboBox .dijitArrowButton {
    display: none;
    visibility: hidden;
}


/*------------------------------------------
   Icon spans
 --------------------------------------------- */


.IconSm, .IconSm2 {
    display: inline;        /* For IE 6 */
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 0;
    margin: 1px 4px 2px 2px;
    vertical-align: middle;
    background-repeat: no-repeat;
}
.IconSm {
    background-image: url('images/iconsm_sprites.png');
    /* Use background-image to set the image, when possible use positioning to set cropped part of one large image so only one file actually has to be downloaded. */
}

.IconSm.IconDownload {
    background-position: -75px 0px;
}

.IconSm.IconDownloadHover {
    background-position: -75px -15px;
}

.IconSm.IconListView {
   background-position: 0px 0px;
}
.IconSm.IconListViewHover {
   background-position: 0px -15px;
}

.IconSm.IconGridView {
   background-position: -15px 0px;
}
.IconSm.IconGridViewHover {
   background-position: -15px -15px;
}

.IconSm.IconEditProperties {
   background-position: -90px 0px;
}
.IconSm.IconEditPropertiesHover {
   background-position: -90px -15px;
}

.IconSm.IconAddComment {
   background-position: -30px 0px;
}
.IconSm.IconAddCommentHover {
   background-position: -30px -15px;
}

.IconSm.IconViewComments {
   background-position: -165px 0px;
}
.IconSm.IconViewCommentsHover {
   background-position: -165px -15px;
}

.IconSm.IconGetPageLink {
   background-position: -120px 0px;
}
.IconSm.IconGetPageLinkHover {
   background-position: -120px -15px;
}

.IconSm.IconGetEmbeddableLink {
   background-position: -120px 0px;
}
.IconSm.IconGetEmbeddableLinkHover {
   background-position: -120px -15px;
}

.IconSm.IconCommentReply {
   background-position: -135px 0px;
}
.IconSm.IconCommentReplyHover {
   background-position: -135px -15px;
}

.IconSm.IconCommentEdit {
   background-position: -90px 0px;
}
.IconSm.IconCommentEditHover {
   background-position: -90px -15px;
}

.IconSm.IconCommentDelete {
   background-position: -60px 0px;
}
.IconSm.IconCommentDeleteHover {
   background-position: -60px -15px;
}

.IconSm.IconCommentUnfold {
   background-position: -150px 0px;
}
.IconSm.IconCommentUnfoldHover {
   background-position: -150px -15px;
}

.IconSm.IconCommentFold {
   background-position: -105px 0px;
}
.IconSm.IconCommentFoldHover {
   background-position: -105px -15px;
}

.IconSm.IconGotoTime {
   background-position: -180px 0px;
}
.IconSm.IconGotoTimeHover {
   background-position: -180px -15px;
}

.IconSm.IconPopOutComments, .IconSm.IconPopOut {
   background-position: -195px 0px;
}
.IconSm.IconPopOutCommentsHover, .IconSm.IconPopOutHover {
   background-position: -195px -15px;
}

.IconSm.IconPopInComments, .IconSm.IconPopIn {
   background-position: -210px 0px;
}
.IconSm.IconPopInCommentsHover, .IconSm.IconPopInHover {
   background-position: -210px -15px;
}

.IconSm.IconSmNone, .IconSm.IconSmNoneHover {
    background-position: -45px -15px;
}

.IconSm.IconSortFilter {
    background-position: -225px 0;
}
.IconSm.IconSortFilterHover {
    background-position: -225px -15px;
}

.IconSm.IconBusy, .IconSm.IconBusyHover {
    background: transparent url('images/icon_waiting.gif') no-repeat 0 0;
}

.IconSm.IconMenuOpen, .IconSm.IconMenuOpenHover {
    background-position: -105px 0px;
}
.IconSm.IconMenuClose, .IconSm.IconMenuCloseHover {
    background-position: -150px 0px;
}

.IconSm.IconFs {
    background-image: url('images/filesys_sprites.png');
}
.IconSm.IconFs.IconUpload {
}
.IconSm.IconFs.IconUploadHover {
    background-position: 0 -15px;
}
.IconSm.IconFs.IconCreatLink {
    background-position: -15px 0;
}
.IconSm.IconFs.IconCreatLinkHover {
    background-position: -15px -15px;
}
.IconSm.IconFs.IconCreatFolder {
    background-position: -30px 0;
}
.IconSm.IconFs.IconCreatFolderHover {
    background-position: -30px -15px;
}

/** For now try using CSS to hide the 'down' button on the combobox. */
#iPOVmailDialog .dijitComboBox .dijitArrowButton {
    display: none;
    visibility: hidden;
}

/*-------------------------------
  The new boxes in the folder 'grid' view.
 ---------------------------------------*/
.CCBoxV2 {
    background-image:url(images/grid_item_bg.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor:pointer;
    font-family:Tahoma,Verdana,Arial,sans-serif;
    height:144px;
    width: 200px;
    position: relative;
}
.CCBoxV2 .CCBox_Left_V2 {
    display: none;  /* we used to use this for left border. */
    height:144px;
    width:2px;
    /* float: left; */
}
.CCBoxV2 .CCBox_Mid_V2 {
    height:144px;
    overflow-y:hidden;
}

.CCBoxV2.CCBoxV2Over {
    background-position: 0 -146px;
}

.CCBoxV2 .CCBox_Mid_V2 .CCBox_V2_Heading {
    color:#000000;
    font-size:13px;
    line-height:14px;
    height: 28px;
    padding: 3px 4px 1px 4px;
    overflow:hidden;
}

.ccsGridTitle, .ccsGridTitle:hover {
    display: block !important;
    text-decoration: none;
    height: 29px;   /* one pixel taller than the heading to allow line wrap calc. */
    overflow:hidden;
}

.CCBoxV2 .CCBox_Mid_V2 .CCBox_V2_Heading a {
    display: block;
}

.CCBoxV2 .CCBox_Mid_V2 .CCBox_V2_Body, .CCBoxV2 .CCBox_Mid_V2 .CCBox_V2_Body span {
    font-size: 8pt;
}

.CCBoxV2 .CCBox_V2_Body {
    height: 112px;
    vertical-align: top;
}

.CCBox_V2_Body .PreviewBlock {
    margin: 0 0 0 16px;
}

.CCBoxV2 .MnuMore, .CCBoxV2 .dijitDropDownButton {
    float: right;
    position: relative;
    z-index: 10;
    top: -24px;
}

.CCBoxV2 .MnuMore {
    padding: 1px 28px 1px 1px;
    border-bottom: 1px solid #cccccc;
    font-size:12px;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    background: url(images/more-btn.png) no-repeat 100% 2px;
}

.CCBoxV2Over .MnuMore {
    border-bottom: 1px solid #000000;
}

.CCBoxV2 .MnuMore.MnuMoreHover {
    background-position: 100% -24px;
}

.CCBoxV2 .dijitDropDownButton .dijitButtonNode {
    background: transparent none;
    padding: 0 0 4px 0;
    border: 0 none;
}

.CCBox_V2_Foot {
    padding: 0 4px 2px;
}

#ccs .ccsGridMnuEmail, #ccs .ccsGridMnuProperties, #ccs .ccsGridMnuPermissions, #ccs .ccsGridMnuDownload {
    background-image: none;
}

.CSSStyledForm2 {
    line-height: 140%;
}

.CSSStyledForm2 fieldset {
    border: 1px solid #cccccc;
    margin: 4px 2px 16px 2px;
    padding: 8px 2px 4px 32px;
}

.CSSStyledForm2 legend {
    font-size: 114%;
    font-weight: bold;
    margin-left: -28px;
    padding: 1px 7px;
}

.CSSStyledForm2 fieldset > div {
    margin-bottom: 8px;
}


/* Div with the buttons that control a form. */
.CCSFormButtonBar {
    margin-top: 15px;
    text-align: right;
    height: 28px;
    vertical-align: middle;
}

/** Offset form block w/ border. */
.CCSFormBlockOffset {
    margin: 1em;
    paddng: 1px;
    border: 1px solid #cccccc;
}

.CCSDialogForm fieldset {
    border: 1px solid #dddddd;
    margin-bottom: 8px;
}

.CCSDialogForm fieldset legend {
    font-weight: bold;
}

.CCSDialogForm fieldset table, .CCSDialogForm fieldset div {
    margin-left: 8px;
}

.CCSSortField2Holder .ccsToggleButton {
    display: inline-block;
}

.CCSSortField2Holder .ccsToggleButton .dijitButtonNode {
    padding: 0 0 1px 0;
}
.CCSSortField2Holder .ccsToggleButton .dijitButtonContents {
    width: 80px;
    height: 16px;
}

li.Success, li.Failure {
    line-height: 16px;
    padding-left:16px;
    vertical-align: middle;
}

li.Success {
    background: transparent url('images/icon_ok12.gif') no-repeat 0 50%;
}

li.Failure {
    background: transparent url('images/icon_warning12.gif') no-repeat 0 50%;
}

#commentPreview {
    background: #ecf5ff url('images/highligh-blue-gradient-bottom.png') 0 100% repeat-x;
}

#commentPreview .one-comment {
    background-color: #ffffff;
    padding:2px;
}

.ccsButtonBar {
    background: #6d9ac1 url('images/button_bar_bg.png') repeat-x 0 100%;
}

a.IconLink, a.IconLink:hover {
    text-decoration: none;
    line-height: 18px;

}

.HotLink, .IconLink {
	cursor: pointer;
}
/*
#addCommentDialog .gcBorder2 {
    border: 0px none;
} */
.cssExpando {
    cursor: pointer;
}

.cssExpando .dijitArrowButtonInner {
    display: inline-block;
}

.comment-content .cssExpando {
    border-top:1px dashed #CCCCCC;
    display:block;
    padding-top:1px;
    text-align:right;
}

.commentContainer .ccsLoopHeaderOuter {
    height: 40px;
}

.ccsLoopSortFilterLink {
    cursor: pointer;
}

.ccsLoopSortFilterLink {
    border: 0px none;
    padding: 2px;
    cursor: pointer;
}

.ccsLoopSortFilterLink:hover {
    border: 1px outset #cccccc;
    padding: 1px;
}

.CCBoxV2 .CCBoxFooterIcons {
    height:16px;
    line-height:16px;
    position:absolute;
    bottom:1px;
    right:8px;
    padding-left:13px;
    z-index:1;
    font-size:8pt;
    font-style:italic;
}

/** TODO: The following should really be incorporated into the 'sprites' to cut down on HTTP calls. */
.CCSGridIcon {
    height: 16px;
    width: 16px;
    display: inline-block;
    margin-right: 2px;
    background: transparent url("images/sprites_grid_decorations.gif") no-repeat scroll 0 0;
}

.CCSNewOrUpdatedItem {
    background-position: 0px 0px;
}

.CCSModifiedItem {
    background-position: -16px 0px;
}

.CCSCommentsForItem {
    background-position: -32px 0px;
}

.cssLoopControls {
    text-align: right;
}

.cssLoopControls .IconLink {
    margin: 0 8px;
}

.ccsMessageBlockSm {
    text-align: center;
}

.CoolHoverLink {
    color: #5a99ff;
}

#gbPluginStatusUpdates {
    border: 2px solid #000000;
    color: #222222;
    background-color: #ffffff;
    z-index: 20000;
}

#gbPluginStatusUpdates div.giSuccess {
    color: #222222;
    padding-left: 48px;
    background: transparent url("images/icon_ok32.png") no-repeat 2px 50%;
}

#gbPluginStatusUpdates div.giWarning {
    color: #222222;
    padding-left: 48px;
    background: transparent url("images/icon_warning32.png") no-repeat 2px 50%;
}

#gsAdminContent .gbBusy td:first-child {
    background-color: #ffffff;
}

#gsAdminContent .gbBusy .icon-plugin-active,
#gsAdminContent .gbBusy .icon-plugin-uninstall,
#gsAdminContent .gbBusy .icon-plugin-inactive {
    background-image: url("images/icon_waiting.gif");
}

#commentsList .ccsLoopFooterInner {
    text-align:center;
}

.ccsFloatable {
    position: relative;
    background-color: #ffffff;
}

.ccsFloaterControls {
    display: block;
    height: 18px;
    line-height: 18px;
    text-align: center;
    position: relative;
    cursor: pointer;
    font-size: 12px;
}

.ccsFloaterControlsHover {
    background-color: #e2ebfe;
}

.ccsFloatable .ccsFloaterControls .iconFloaterLeft,
.ccsFloatable .ccsFloaterControls .iconFloaterRight {
    display: inline-block;
    background-image: url(images/max-restore.gif);
    height: 16px;
    width: 16px;
    position: absolute;
}

.ccsFloatable .ccsFloaterControls .iconFloaterLeft {
    top: 1px;
    left: 1px;
    background-position: 0 0;
}

.ccsFloatable .ccsFloaterControls .iconFloaterRight {
    top: 1px;
    right: 1px;
    background-position: -15px 0;
}

.ccsFloated .ccsFloaterControls .iconFloaterLeft {
    background-position: 0 -15px;
}

.ccsFloated .ccsFloaterControls .iconFloaterRight {
    background-position: -15px -15px;
}

.ccsFloatable .textMaximize {
    display: inline;
}
.ccsFloatable .textRestore {
    display: none;
}
.ccsFloated .textMaximize {
    display: none;
}
.ccsFloated .textRestore {
    display: inline;
}

.ccsWaitBlock {
    margin: 4px;
    padding: 4px;
    background-color: #afafaf;
}

.ccsWaitBlock .userMessage {
    padding: 2px;
    background-color: #ffffff;
}


.dojoxMultiSelectItemFocused {
    background-color: #e8f2fe;  /* light blue */
}

.gsSidebar.ccsSidebarMin {
    width: 1px;
    overflow: hidden;
}

#emptyFolderContent {
    width: 480px;
    margin: 8px auto;
    text-align: center;
}

#emptyFolderContent a.HotLink {
    display: inline-block;
    text-align: left;
    margin: 0 8px;
    font-size: 14px;
}

#emptyFolderContent a.HotLink:hover {
    text-decoration: none;
}

.ccc-progress-bar {
    margin: 40px auto;
    width: 640px;
}

.ccc-progress-bar #progressTitle {
    border-bottom: 1px dashed #CCCCCC;
}

.ccc-progress-bar #progressContinueLink {
    display: block;
    tex-align: right;
}

.ccc-progress-bar#ProgressBar #progressDone {
    background-color: #3399ff;
}

.ccsEmailtoSelect .type-Group {
    padding-left: 25px;
    background-image: url(images/icon_group.gif);
    background-repeat: no-repeat;
    background-position: 2px 50%;
}

.ccsEmailtoSelect .type-User {
    padding-left: 25px;
    background-image: url(images/icon_user.gif);
    background-repeat: no-repeat;
    background-position: 2px 50%;
}

/* FIXME: The code for editing needs to be fixed. */
.ccsCommentListPopup .PanelControlsBottom.NavContainer {
    display: none;
}

.ccsResizeHandleVertical {
    height: 7px;
    background: #f0f0f0 url(images/resize_vert.gif) no-repeat 50% 50%;
    cursor: n-resize;
}