/* html {
    height: 100%;
    overflow: hidden;
}

html>body {
    height: 100%;
    overflow-y: scroll;
} */

body {
    margin: 0;
    padding: 0;
    border: none;

    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, #gsSidebarCol {
    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, #gsSidebarCol a {
    font-weight: bold;
}

/** This is the main container table. */
#container {
    height: 100%;
    width: 980px;
}

/** 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;
}

#footer1 {
    height: 14px;
}

#footer1 td {
    text-align:right;
}

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

#contentTd {
    padding: 12px 0;
}

.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;
}

#gallery 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;
}

div#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 #NavBtnBlock_block {
    height: 22px;
    margin-bottom:7px;
    padding: 2px 0;
    color: #a50000;
    text-align: right;
}

/* #gsSidebar #NavBtnBlock_block span.dijitButton, #gsSidebar #NavBtnBlock_block span.dijitButtonHover {
    padding: 0;
    border: 0;
} */

#gsSidebar #NavBtnBlock_block .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 #NavBtnBlock_block .NavBtnBlockIconHome {
    background-position: -32px 0;
}

#gsSidebar #NavBtnBlock_block .NavBtnBlockIconBack {
    background-position: 0 0;
}

#gsSidebar #NavBtnBlock_block .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;
}

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

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

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

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

#gallery 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;
}

#gsSidebarCol {
    width: 201px;
    height: 100%;
    overflow-y: auto;
    background-color: #ffffff;
    border-right: 1px solid #5D5E60;
}

#gsSidebar {
    /* overflow: auto;  */
    width: 200px;
    position: relative;
}

#gsSidebar .gbBlock, #gsSidebar .gcBorder1 {
    background-color: #ffffff;
    padding: 0 2px 3px 3px;
}

/** File/Folder management. */
.ItemAdminContent #gsSidebarCol, .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;
}

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

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

#gsNavBar .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;
}
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;
}

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

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

#gallery #gsNavBar #toolbarHolder1 {
    position: relative;
    height: 22px;
    padding-top: 1px;
}

#gallery #gsNavBar #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)  */
#gallery .dijitMenuItemIcon.HiddenIcon {
    visibility: hidden;
    display: none;
    width: 1px;
    height: 1px;
}

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

#gallery .praxisMenubarButton, #gallery .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,
  #gallery #toolbar1 .praxisMenubarButton,
  #gallery .praxisMenubarButton#ccsGetHelp {
    font-size: 13px;
    font-weight: bold;
    color: #A50000;
}

#gallery .dijitButtonDisabled .dijitButtonText,
  #gallery .dijitDropDownButtonDisabled .dijitButtonText,
  #gallery #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;
}
.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;
}

.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;
}

/*----------------------------------------------------
 *  The following bits should be replaced at runtime by dojo,
 *  they are here to create a 'seamless' experince while the page loads.
 *

.giTitlePaneRaw .giTitle {
    background: #dedede;
    border:1px solid #BFBFBF;
    padding:4px 4px 2px;
}

.dijitTitlePane .giTitle, .dijitDialog .dijitDialogPaneContent .giTitle  {
    display: none;
}-----------------------------------------------------*/

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

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

.block-comment-ViewComments {
    margin: 0 5px;
}

div.PanelControlsBottom, div.PanelControlsTop {
    color: #000;
    margin-bottom: 0;
    margin-top: 0.2em;
    padding-left: 2.0em;
    position: relative;
}

div.PanelControlsTop {
    float: right;
}

div.PanelControlsBottom {
    height:18px;
    margin-bottom:1px;
}

div.PanelControlsBottom div.CommentNav {
    float: right;
} 

.one-comment {
    margin-left: 0.8em;
    margin-right: 0.8em;
    padding-top: 0.1em;
}

.one-comment .comment-content {
    margin-left: 22px;
    margin-right: 4px;
}
   

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;
    background: transparent url(images/comment-info.png) repeat-x;
}

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

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

.commentPopOutLink, #commentPopOutLink,
.ccsLoopHeaderInner .IconLink {
   float: right;
   margin-right: 24px;
}

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

p.info {
    margin: 0px;
    color: #777;
    font-size: 90%;
    text-align: right;
}
/*
div.one-comment {
    background-color: #e8e8e8;
    border: 1px solid #cccccc;
      padding: 4px;
      margin: 6px 24px;
} */

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;
}

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: #cfcfcf;
}

body.ErrorPage .gxErrorPanel {
    background: #cfcfcf;
    border: 1px #ccc solid;
    margin-bottom: 12px;
}

body.ErrorPage .gbBlock {
    margin-bottom: 1.2em;
}

body.ErrorPage .giDescription {
    background-color: #ffffff;
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
    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 .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#gallery #container .dijitProgressBar {
    margin:2px 0px 2px 0px;
}

body#gallery #container .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#gallery #container .dijitProgressBarTile{
    /* inner container for finished portion when in 'tile' (image) mode */
    background:#f0f0f0 url("images/progressBarFull.png") repeat-x center center;
}

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

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

body#gallery #container .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: inline-block;
    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;
    position: relative;
    z-index: 100;
    border: 0 none transparent;
}

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

#searchBarMain form {
    display: inline-block;
}

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

#searchBarMain input#searchCriteria {
    font-size:12px;
    font-family: Arial;
    margin: 0 0 0 2px;
    /*
    height:16px;
    width:125px;
    padding: 1px;
    border: 1px solid #ccc;
    border-right-color: #aaa;
    border-bottom-color: #aaa;
    vertical-align: bottom;
    */
}

#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 {}


#siteTreeSidebarContainer {
    width: 196px;
    min-height: 350px; 
    height: auto;
    overflow: scroll;
    position: relative; 
}

#gallery .dijitTreeLabelFocused .dijitFolderClosed, #gallery .dijitTreeNodeSelected  .dijitFolderClosed {
    background-image: url(images/folderClosedHl.gif);
}
#gallery .dijitTreeLabelFocused .dijitFolderOpened, #gallery .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 {
    display: inline;        /* For IE 6 */
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 0;
    margin: 1px 4px 2px 2px;
    vertical-align: middle;
    background-image: url('images/iconsm_sprites.png');
    background-repeat: no-repeat;
    /* 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 {
   background-position: -195px 0px;
}
.IconSm.IconPopOutCommentsHover {
   background-position: -195px -15px;
}

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

.IconSm.IconSmNone, .IconSm.IconSmNoneHover {
    background-position: -45px -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 {
    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;
}

#gallery .ccsGridMnuEmail, #gallery .ccsGridMnuProperties, #gallery .ccsGridMnuPermissions, #gallery .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%;
}

.PopupFormHolder {
    width: 400px;
    height: 400px;
}

#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;
}