alfresco-community-repo/source/web/css/office.css

body {
   background: url("../images/office/view_bg.gif") top;
   color: #0073e6;
   font-family: tahoma, sans-serif;
   font-size: 11px;
   height: 100%;
   margin: 0px;
   padding: 0px;
   overflow: hidden;
}

a {
   color: #0073e6;
   text-decoration: none;
}

a img {
   border: 0px;
}

.bold {
   font-weight: bold;
}

#tabBar {
   float: left;
   width: 100%;
   background: #efefef;
   border-bottom: 1px solid #ccc;
}
#tabBar ul {
   margin: 0px;
   padding: 4px 10px 0px 4px;
   list-style: none;
}
#tabBar li {
   display: inline;
   margin: 0px;
   padding: 0px;
   height: 18px;
}
#tabBar a {
   background: url("../images/office/tab_left.gif") no-repeat left top;
   float:left;
   margin: 0px;
   padding: 0px 0px 0px 4px;
   text-decoration: none;
}
#tabBar a span {
   background: url("../images/office/tab_right.gif") no-repeat right top;
   color: #666;
   display: block;
   float: none;
   padding: 5px 15px 4px 6px;
}

#tabBar a:hover span {
   color: #FFF;
}
#tabBar a:hover {
   background-position: 0% -42px;
}
#tabBar a:hover span {
   background-position: 100% -42px;
}

#tabBar #current a {
   background-position: 0% -42px;
}
#tabBar #current a span {
   background-position: 100% -42px;
}

.header {
   clear: both;
   width: 282px;
   padding: 6px 0px 2px 4px;
   font-weight: bold;
   float: left;
}

.headerExtra {
   font-weight: normal;
   float: right;
   margin-top: -13px;
}

.containerBig {
   clear: both;
   float: left;
   width: 282px;
   height: 373px;
   overflow: auto;
   border: 1px solid #cccccc;
   margin: 0px 4px 0px 4px;
   background: #fff;
}
.containerMedium {
   clear: both;
   float: left;
   width: 282px;
   height: 200px;
   overflow: auto;
   border: 1px solid #cccccc;
   margin: 0px 4px 0px 4px;
   background: #fff;
}
.containerSmall {
   clear: both;
   float: left;
   width: 282px;
   height: 76px;
   overflow: auto;
   border: 1px solid #cccccc;
   margin: 0px 4px 0px 4px;
   background: #fff;
}

.containerMediumGrow {
   height: 354px !important;
}
.containerMediumShrink {
   height: 54px !important;
}

.odd {
   background-color: #f8f8f8 !important;
   border-bottom: 1px solid #eee;
}
.even {
   background-color: #ffffff !important;
   border-bottom: 1px solid #eee;
}

#currentSpaceInfo {
   clear: both;
   float: left;
   width: 282px;
   height: 34px;
   overflow: none;
   border: 1px solid #cccccc;
   margin: 4px 4px 0px;
   padding: 4px 0px 0px;
   background: #fff;
}

TABLE, TR, TD {
   border: 0px;
   border-collapse: collapse;
   padding: 2px;
}

ul {
   margin: 0px;
   list-style: none;
   padding: 2px 0px 0px 24px;
}

#documentActions {
   clear: both;
   background-color: #ffffcc;
   border: 1px solid #ccc;
   float: left;
   margin: 0px 4px;
   height: 150px;
   width: 282px;
}
#documentActions li a {
   font-weight: bold;
   margin: 0px 0px 0px -22px;
}
#documentActions li a img {
   margin: 0px 0px -2px 0px;
   padding: 0px 3px 0px 0px;
}

#documentActionsNavigation {
   clear: both;
   background-color: #ffffcc;
   border: 1px solid #ccc;
   float: left;
   margin: 0px 4px;
   height: 106px;
   width: 282px;
}
#documentActionsNavigation li a {
   font-weight: bold;
   margin: 0px 0px 0px -22px;
}
#documentActionsNavigation li a img {
   margin: 0px 0px -2px 0px;
   padding: 0px 3px 0px 0px;
}


#nonStatusText {
   min-height: 100%;
   position: relative;
}

#statusText {
   border: none;
   float: left;
   margin: -22px 0px;
   padding: 2px;
   position: relative;
   height: 17px;
   width: 278px;
}

.searchBox {
   padding: 2px;
}

.searchParam {
   float: left;
   padding: 2px;
}

#searchText {
   font-family: tahoma, sans-serif;
   font-size: 8pt;
   padding: 1px 0px 1px 2px;
   width: 160px;
}

#searchResultsList {
   overflow: hidden;
}

input.button {
   background-color: #cce6ff;
   border: 1px solid #0073e6;
   color: #0073e6;
   font-size: 11px;
   font-weight: bold;
   cursor: pointer;
   margin-left: 6px;
   padding: 1px 4px;
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#cce6ff');
}

#taskDetails {
   padding: 2px;
}

.taskItem {
   cursor: pointer;
}

.taskItemSelected {
   background-color: #ffe500 !important;
}

.taskResources {
   border: 1px solid #ccc;
   margin: 4px;
   height: 128px;
   overflow: auto;
}

.taskAction {
   background-color: #cce6ff;
   border: 1px solid #0073e6;
   color: #0073e6;
   float: left;
   font-size: 11px;
   font-weight: bold;
   cursor: pointer;
   margin: 0px 0px 0px 2px;
   padding: 4px;
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#cce6ff');
}

.taskParameters {
   border: 1px solid #ccc;
   margin: 4px;
   height: 200px;
   overflow: auto;
}

.taskParam {
   clear: both;
   float: left;
   padding: 4px 4px 0px 0px;
   text-align: right;
   width: 64px;
}

.taskValue {
   float: left;
   padding: 2px 0px 0px 0px;
   width: 196px;
}
.taskValue img {
   margin: 0px 0px -2px -2px;
}
.taskValue select, .taskValue input, .taskValue textarea {
   font-family: tahoma, sans-serif;
   font-size: 8pt;
   padding: 1px 0px 1px 2px;
   width: 172px;
}

/* Autocomplete pop-up */
ul.autocompleter-choices
{
   position: absolute;
   margin: 0px;
   padding: 0px;
   list-style: none;
   border: 1px solid #ccc;
   background-color: white;
   text-align: left;
   z-index: 50;
}

ul.autocompleter-choices li
{
   position: relative;
   padding: 0.1em 0.5em 0.1em 1em;
   cursor: pointer;
   font-weight: normal;
   font-size: 1em;
}

ul.autocompleter-choices li.autocompleter-selected
{
   background-color: #eee;
   border: 1px solid #ccc;
}

ul.autocompleter-choices span.autocompleter-queried
{
   font-weight: bold;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
{
   color: #9FCFFF;
}

/* Date Picker */
#date-picker {
   margin-top: 3px;
   position: absolute;
   top: -1000px;
   left: 1000px;
   visibility: hidden;
}

#date-wrapper {
   font-weight: normal !important;
   font-size: 11px !important;
   margin: 0px 1px;
}

#date-wrapper .date-table {
   padding: 0px;
   margin: 0px;
   border: 1px solid #666;
   border-collapse: collapse;
}

#date-wrapper .date-table th, #date-wrapper .date-table td {
   background-color: #fff;
   padding: 3px 5px;
   text-align: center;
   border: 1px solid #c0c0c0;
}

#date-wrapper .date-table td {
   background-color: #f8f8f8;
   padding: 3px;
}

#date-wrapper .date-table td.date-monthswitch, #date-wrapper .date-table td.date-yearswitch {
   cursor: pointer;
   padding: 1px;
}

#date-wrapper .date-table td.date-monthandyear {
   font-weight: bold;
}

#date-wrapper .date-table th {
   background-color: #004080;
   color: #fff;
   padding: 2px 5px;
   text-align: center;
}

#date-wrapper .date-table tr {
   padding: 3px 5px;
}

#date-wrapper td.date-weekend {
   font-weight: bold;
   background-color: #ffc;
}

#date-wrapper td.date-workday {
   font-weight: bold;
   background-color: #fff;
}

#date-wrapper td.date-offmonth {
   background-color: #fff;
   color: #ccc;
}

#date-wrapper td.date-day {
   cursor: pointer;
}

#date-wrapper td.date-todayfooter {
   background-color: #f8f8f8;
   cursor: pointer;
}


/* Date highlighting */
#date-wrapper td.date-today {
   background-color: #ffe500;
}

#date-wrapper td.date-picked {
   border: 2px solid #0073e6;
   margin: -4px;
}

#date-wrapper td.date-tdover {
   background-color: #0073e6;
   color: #fff;
}