html { background-color:#fff }
body {
background-color:#fff;
color:#555;
font-family:helvetica,arial,san-serif;
font-size:11px;
line-height:18px;
padding:0px;
margin:0px;
overflow-y:scroll }
p { margin:0px; padding:2px 0px 5px 0px }
tr { position: relative }
th, td { vertical-align:top; font-size:11px; overflow: visible }
a { color:#2d2a91 }
a:hover { color:#39b }
a:active, a:focus { outline: none; }
a img { border:0px; text-decoration:none }
h1 { font-size:13px; margin:0px; padding:2px 0px 4px 0px }
h2 { font-size:11px; margin:0px; padding:2px 0px 4px 0px }
h3 { font-size:11px; margin:0px; padding:2px 0px 4px 0px }
iframe { border: 1px solid #ddd; }
.clear { clear:both }
.layout { width:850px; padding:0px; margin:0px auto }
#head { background-color:#fff; border-bottom:1px solid #ddd; color:#b00; }
#head h1 {
background: url(/public/images/panda.svg) no-repeat left top;
background-size: contain;
text-transform:uppercase;
height:55px;
vertical-align:middle;
line-height:40px;
text-indent: -99999px;
}
#head .title { float:right; padding: 10px 0px 0px 0px }
#foot { padding:20px 0px }
#foot { border-top:1px solid #ddd }
#foot .title { float:right; padding:0px 0px }
#foot p { padding:0px 0px }
#foot a { color:#333 }
#main .layout {
padding: 10px;
}
#main {
background: #f8f8f8;
}
#main .layout .inner {
/* background-color: #fff; */
padding: 10px;
min-height:400px;
overflow: hidden;
width: 830px;
}
#menus { display:block; z-index:99; height: 30px; }
#login { width:300px; margin:120px auto; background-color:#fff; border:1px solid #aaa; border-radius: 5px; }
#login h1 { color:#2d2a91; text-align:center; padding:10px; margin:0px; text-transform:uppercase }
#login fieldset { background-color:#fff; border:0px solid #c00; padding:0px }
#login fieldset div.field label { color:#555; width: 100px; }
#login p { font-weight: normal }
#login p.error { color:#a33 }
fieldset { background: #fff; border:1px solid #DDD; padding:5px 10px 10px 10px; margin:0px 0px 10px 0px }
fieldset legend { color:#2d2a91; font-weight:bold; font-size:13px; text-transform:uppercase }
fieldset legend a { color:#2d2a91; font-weight:normal; text-transform:lowercase; font-size:11px }
fieldset legend a:hover { color:#369 }
fieldset fieldset { background-color:#fff; padding:10px; margin:5px 0px 0px 0px }
fieldset fieldset legend { font-size:12px; padding:0 5px; }
fieldset div.field { overflow:hidden; padding:2px 5px; margin-bottom:1px; padding-left:110px; vertical-align:top; line-height:22px }
fieldset div.field label { color:#2d2a91; margin:0px 10px; padding-top:0px; vertical-align:bottom; float:left; width:100px; margin-left:-110px; text-align:right; text-transform:capitalize; font-weight:bold }
fieldset div.extra { float:right; border:1px solid #fbb; margin:5px; padding:5px }
fieldset.stacked { overflow:hidden }
fieldset.stacked div.field { width:20em; float:left }
fieldset.tab { margin-top:0px }
fieldset.low { border:1px solid #eee8e0; background-color:#fff8f0 }
fieldset.low legend { color:#ccc8c0 }
fieldset.low table.list th { color:#ccc8c0; border-bottom:1px solid #ccc8c0 }
fieldset.low table.list td { color:#bbb }
ul.tabs { display:block; height:22px; overflow:hidden; list-style-type:none; padding:0px; margin:10px 0px 0px 0px; border-bottom:0px solid #c88 }
ul.tabs li { display:block; float:left; padding:0; margin:0px 1px }
ul.tabs li a { display:block; padding:2px 10px; background-color:#fbb; color:#c88; text-decoration:none }
ul.tabs li a:hover { background-color:#c88; color:#fff }
ul.tabs li a.selected { background-color:#c88; color:#fff }
.warning { color:#960; padding:5px 5px 5px 25px; margin:10px 0px; border:1px solid #eb0; background-color:#f8f8dd; background-repeat:no-repeat; background-position:2px 3px; background-image:url(/public/images/icons/error.png); }
.message { color:#960; padding:5px 5px 5px 25px; margin:10px 0px; border:1px solid #eb0; background-color:#f8f8dd; background-repeat:no-repeat; background-position:2px 3px; background-image:url(/public/images/icons/error.png); }
.error { color:#a33; padding:5px 5px 5px 25px; margin:10px 0px; border:1px solid #a33; background-color:#fee; background-repeat:no-repeat; background-position:2px 3px; background-image:url(/public/images/icons/exclamation.png); }
/* fieldset .message { margin:10px } */
fieldset fieldset .message { margin:10px 0px }
fieldset .field .error { padding:2px 10px 2px 25px; background-position:2px 1px; margin:0px; font-size:10px }
.menu { padding: 5px 0 }
.menu ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
.menu ul li {
margin-right: 2px;
}
.menu ul li a {
display: block;
padding: 7px 7px;
text-transform: lowercase;
}
.menu ul li ul {
display: block;
position:absolute;
z-index:100
}
.menu ul li ul li {
clear: both;
display: block;
}
.sf-menu a:visited { color: #fff }
.li.sfHover ul { top:0 }
.sf-menu a {
border-left: 0;
border-top: 0;
}
.sf-menu li { border-bottom: 0 }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { top: 2.3em }
/*.menu { padding:0px 0px; overflow:hidden; margin:0px }
.menu ul { list-style-type:none; padding:0px; margin:0px }
.menu ul li { display:block; float:left; padding:0px; margin:0px; margin-right:2px }
// .menu ul li a { display:block; padding:4px 8px 4px 8px; text-transform:lowercase }
.menu ul li ul { display:none; position:absolute; z-index:100 }
.menu ul li ul li ul { margin-top:2px; margin-left: 120px }
.menu ul li ul li { float:none; margin:0px; border-bottom:1px solid #f00; width: 120px }
.menu ul li ul li a { padding:4px 10px 4px 10px }
*/
.menu ul li:hover a { background-color:#8ace81 }
.menu ul li ul { border:0px solid #fff }
.menu ul li a { background-color:#666; color:#fff; text-decoration:none }
.menu ul li a:hover { background-color:#3fa63b; color:#fff }
.menu ul li ul li a { background-color:#3fa63b; color:#fff; text-decoration:none }
.menu ul li ul li a:hover { background-color:#3fa63b }
.menu ul li a.active { background-color:#3fa63b; color:#fff }
.menu ul li:hover a.active { background-color:#3fa63b; color:#fff }
.menu ul li:hover a.active:hover { background-color:#3fa63b }
#usermenu { float:left; padding:5px 5px 0px 15px; text-align:left; line-height:12px }
#usermenu p { color:#555; padding:0px 0px 2px 0px; margin:0px }
#usermenu a { color:#555 }
input { border:1px solid #2d2a91; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
textarea { font-family:arial,helvetica; font-size:11px; border:1px solid #2d2a91; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; width:250px; height:75px }
button { border:1px solid #2d2a91; text-transform: lowercase; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
button:hover { }
input.button { text-transform: lowercase; }
input.button:hover { }
button.cancel { }
button.cancel:hover { }
select { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:11px }
select option { padding:2px 10px 2px 2px; }
input { font-size:10px; padding:3px; vertical-align:middle; width:150px }
input.checkbox { font-size:10px; width:auto; border:0px; background:none }
input.radio { font-size:10px; width:auto; border:0px; background:none }
input.booleanYes { font-size:10px; width:auto; border:0px; background:none; vertical-align:baseline }
input.booleanNo { font-size:10px; width:auto; border:0px; background:none; vertical-align:baseline }
button, #proceedToDelivery { background-color:#2d2a91; color:#fff; font-size:11px; padding:3px 12px 3px 12px }
input.button { background-color:#2d2a91; color:#fff; font-size:11px; padding:3px 12px 3px 12px; width:auto }
a.fakebutton { background-color:#2d2a91; color:#fff; font-size:11px; padding:3px 12px 3px 12px; width:auto; text-decoration:none }
a.fakebutton { border:1px solid #2d2a91; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }
input.date { width:70px }
input.number { width:60px }
input.long { width:250px }
button.save { padding-left:30px; background-image:url(/public/images/icons/disk.png); background-repeat:no-repeat; background-position:7px 3px }
button.cancel { padding-left:30px;background-image:url(/public/images/icons/cancel.png); background-repeat:no-repeat; background-position:7px 3px }
button.back { padding-left:30px;background-image:url(/public/images/icons/arrow-left.png); background-repeat:no-repeat; background-position:7px 3px }
.controls form { padding:0px; margin:0px }
.controls p { padding:0px; margin:0px }
.controls { float:right; margin:0px; height:20px; margin-bottom:-10px }
.controls a { margin:0px; text-decoration: none; }
.controls * { margin:0px; }
.controls .view , a.buttonView , a.view { padding-left:25px; background-image:url(/public/images/icons/zoom.png); background-repeat:no-repeat; background-position:4px 2px }
.controls .edit , a.buttonEdit , a.edit { padding-left:25px; background-image:url(/public/images/icons/pencil.png); background-repeat:no-repeat; background-position:4px 2px }
.controls .add , a.buttonAdd , a.add { padding-left:25px; background-image:url(/public/images/icons/add.png); background-repeat:no-repeat; background-position:4px 2px }
.controls .delete , a.buttonDelete , a.delete { padding-left:25px; background-image:url(/public/images/icons/delete.png); background-repeat:no-repeat; background-position:4px 2px }
.controls .report , a.report , a.report { padding-left:25px; background-image:url(/public/images/icons/report_magnify.png); background-repeat:no-repeat; background-position:4px 2px }
.controls .back , a.buttonBack , a.back { padding-left:25px; background-image:url(/public/images/icons/arrow_left.png); background-repeat:no-repeat; background-position:4px 2px }
.controls .user , a.buttonUser , a.user { padding-left:25px; background-image:url(/public/images/icons/user.png); background-repeat:no-repeat; background-position:4px 2px }
.controls .page , a.buttonPage , a.page { padding-left:25px; background-image:url(/public/images/icons/page.png); background-repeat:no-repeat; background-position:4px 2px }
.controls .book , a.buttonBook , a.book { padding-left:25px; background-image:url(/public/images/icons/book.png); background-repeat:no-repeat; background-position:4px 2px }
.controls .email, a.buttonEmail, a.email { padding-left:25px; background-image:url(/public/images/icons/email_go.png); background-repeat:no-repeat; background-position:4px 2px }
.controls .emailNew, a.buttonEmailNew, a.emailNew { padding-left:25px; background-image:url(/public/images/icons/email_add.png); background-repeat:no-repeat; background-position:4px 2px }
.controls .emailAttach, a.buttonEmailAttach, a.emailAttach { padding-left:25px; background-image:url(/public/images/icons/email_attach.png); background-repeat:no-repeat; background-position:4px 2px }
.controls .addOrder, a.addOrder { padding-left:25px; background-image:url(/public/images/icons/report_add.png); background-repeat:no-repeat; background-position:4px 2px }
.controls form { margin-top:0px; padding-bottom:0px }
.controls { padding:0px 0px 10px 0px; border-bottom:0px solid #3cbac6; float:none; text-align:right }
.controls a { margin:0px 3px 0px 0px }
.controls a:hover { text-decoration: underline; }
.controls input { margin:0px 3px 0px 3px; font-size:10px; padding:3px; width:120px }
a.button { }
a.button:hover { }
.controls .view , a.buttonView a.view { padding-left:25px; background-image:url(/public/images/icons/zoom.png); background-repeat:no-repeat; background-position:4px 2px }
.controls .edit , a.buttonEdit a.edit { padding-left:25px; background-image:url(/public/images/icons/pencil.png); background-repeat:no-repeat; background-position:4px 2px }
.controls .add , a.buttonAdd a.add { padding-left:25px; background-image:url(/public/images/icons/add.png); background-repeat:no-repeat; background-position:4px 2px }
.controls .delete , a.buttonDelete a.delete { padding-left:25px; background-image:url(/public/images/icons/delete.png); background-repeat:no-repeat; background-position:4px 2px }
.controls .back , a.buttonBack a.back { padding-left:25px; background-image:url(/public/images/icons/arrow_left.png); background-repeat:no-repeat; background-position:4px 2px }
input.search { padding-left:22px; background-image:url(/public/images/icons/magnifier.png); background-repeat:no-repeat; background-position:4px 2px }
.controls .add , a.buttonAdd { color:#585 }
.controls .add:hover , a.buttonAdd:hover { color:#363 }
.controls .delete , a.buttonDelete { color:#a77 }
.controls .delete:hover, a.buttonDelete:hover { color:#855 }
.controls input.search { padding-left:22px }
.controls span.sep { }
.controls * { vertical-align:baseline }
.controls a { vertical-align:baseline }
.controls a { border:0px; padding:3px 12px; font-size:11px; }
a.button { border:0px; padding:3px 12px; font-size:11px; text-decoration:underline }
button, #proceedToDelivery { height:auto; margin:0px; border:0px; padding:2px 12px; font-size:11px; text-decoration:none }
input.button, #proceedToDelivery { border:0px; padding:2px 12px; font-size:11px; text-decoration:none; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; outline: none; }
input.button:active { outline: none; }
.controls .view , a.buttonView , a.view { padding-left:25px; }
.controls .edit , a.buttonEdit , a.edit { padding-left:25px; }
.controls .add , a.buttonAdd , a.add { padding-left:25px; }
.controls .delete , a.buttonDelete , a.delete { padding-left:25px; }
.controls .back , a.buttonBack , a.back { padding-left:25px; }
table.list { width:100%; border:0px; padding:5px; margin-top:5px }
table.list tr th { padding:2px 2px; text-align:left }
table.list tr.odd td { padding:1px 2px }
table.list tr.even td { padding:1px 2px }
table.list tr td a { display:block; text-decoration:none; color:#555; padding:2px 5px }
table.list tr td a.button { font-size:10px; float:right; width:auto; text-decoration:underline; color:#2d2a91; padding:2px }
table.list tr td a.view { font-size:10px; float:right; width:auto; text-decoration:underline; color:#c00; padding:3px; padding-left:25px }
table.list tr td a.edit { font-size:10px; float:right; width:auto; text-decoration:underline; color:#c00; padding:3px; padding-left:25px }
table.list tr td a.delete { font-size:10px; float:right; width:auto; text-decoration:underline; color:#c00; padding:3px; padding-left:25px }
table.list tr td a.add { font-size:10px; float:right; width:auto; text-decoration:underline; color:#c00; padding:3px; padding-left:25px }
table.list tr th { border-bottom:1px solid #2d2a91; color:#2d2a91; text-transform:capitalize }
table.list tr td { border-bottom:1px solid #afafc9; }
table.list tr.odd td { border-bottom:1px solid #afafc9; background-color:#fff }
table.list tr.even td { border-bottom:1px solid #afafc9 }
table.list tr.highlight td { background-color:#afafc9 }
table.list tr:hover td { background-color:#69b; color:#fff }
table.list tr:hover td a { color:#fff }
table.list tr:hover td a.button { color:#fff }
table.list tr td.options { width:1% }
table.list tr th.value { text-align:right }
.pagination { padding:5px 10px; background-color:#def; color:#000; margin-top:10px; text-align:center }
.pagination a { padding:0px 4px; text-decoration:none }
.pagination a:hover { text-decoration:underline }
.pagination span.current { padding:0px 4px }
#sidebar fieldset { }
#sidebar fieldset fieldset{ padding:5px 10px }
#sidebar { float:right; width:30%; padding:0px 10px; margin-left:5px; border-left:0px solid #111 }
#sidebar table.list { margin-bottom:5px }
#sidebar div.type { padding-bottom:0px }
#sidebar div.list { margin-top:3px; overflow:hidden; padding:2px 0px }
#sidebar div.list .avatar { overflow:hidden; vertical-align:middle; float:left; clear:left; width:20px; height:20px; margin-right:5px }
#sidebar div.list a { background:none; margin:0px 0px 3px 0px; text-decoration:none }
#sidebar div.list a span { font-weight:bold }
#sidebar div.list a:hover { text-decoration:underline }
#sidebar div.list a:hover span { }
#sidebar div.list a.button { color:#698; font-size:11px; font-weight:normal; margin-left:5px; text-transform:lowercase; padding:2px 8px; vertical-align:middle }
#sidebar div.list a.button:hover { color:#369 }
.contactHead { clear:left; padding-bottom:0px; overflow:hidden; position:relative; z-index:1 }
.contactHead .contact { }
.contactHead h3 { font-size:12px; padding:0px 0px 4px 0px }
.contactHead h3 a { text-decoration:none }
.contactHead h3 a:hover { text-decoration:underline }
.contactHead h3 a.button { color:#69b; font-size:11px; font-weight:normal; margin-left:0px; text-transform:lowercase; padding:2px 0px; vertical-align:middle; text-decoration:underline }
.contactHead h3 a.button:hover { color:#369 }
.contactHead p { padding:0px 0px 2px 0px; margin:0px; overflow:hidden }
.contactHead p span { float:right; width:75% }
.contactHead .avatar { position:absolute; top:0px; right:0px }
.contactHead .sup { line-height:1em; vertical-align:baseline }
.contactHead .subs { padding-top:3px; margin-top:3px; clear:both }
.sep { border-bottom:1px solid #b00; height:0px; margin:10px 0px }
.singleMultiLine { background-image:url(/public/images/icons/text_align_left.png); background-repeat:no-repeat; background-position:top right; }
.singleMultiLine:hover { background-color:#f0f8ff }
.categoryCheckboxes { height:150px; border:1px solid #f0f8ff; padding:2px 10px; overflow:auto }
.categoryCheckboxes p { padding:0px; margin:0px }
.value { text-align:right }
table.list tr.total td { border:0; font-weight:bold; padding: 5px 2px; }
table.list tr.total:hover td { background: #fff; color: #555555; }
div.box { overflow:hidden }
.columns2 { float:left; width:48%; margin:0px 5px 5px 0px }
.columns2r { float:right; width:48%; margin:0px 0px 5px 0px }
#contactSearchBox { float: right; width: 350px; }
fieldset div.field .yui-editor-container input { width:auto; border:1px solid #999 }
fieldset div.field .yui-editor-container label { width:auto; text-align:left; color:#333 }
fieldset div.field .yui-editor-container label { margin-left:0px }
.yui-editor-container input { width:auto; border:1px solid #999 }
.yui-editor-container label { width:auto; text-align:left; color:#333 }
.yui-editor-container label { margin-left:0px }
.editor-hidden {
visibility: hidden;
top: -9999px;
left: -9999px;
position: absolute;
}
.yui-editor-container textarea {
border: 0;
margin: 0;
padding: 0;
}
.yui-skin-sam .yui-editor-container .yui-toolbar-container .yui-toolbar-editcode span.yui-toolbar-icon {
background-image: url( /public/javascripts/yui/assets/html_editor.gif );
background-position: 0 1px;
left: 5px;
}
.yui-skin-sam .yui-editor-container .yui-toolbar-container .yui-button-editcode-selected span.yui-toolbar-icon {
background-image: url( /public/javascripts/yui/assets/html_editor.gif );
background-position: 0 1px;
left: 5px;
}
ul.tagit { list-style-type:none; padding:1px; margin:0px; border:1px solid #2d2a91; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; overflow:hidden }
ul.tagit li input { border:0px; padding:3px 2px }
ul.tagit li a.close { color:#678; font-weight:bold }
ul.tagit li { display:block; float:left; margin:1px 3px 1px 2px; line-height:14px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
ul.tagit li.tagit-choice { background-color:#DEE7F8; border:1px solid #CAD8F3; padding:2px 5px }
fieldset.address { float:left; margin:5px 10px 0px 0px; width:46% }
fieldset.address div.field { padding:0px 0px 0px 0px; margin:0px; line-height:20px }
fieldset.order fieldset.address { width:30% }
fieldset.order fieldset.notes { width:29%; float:right }
.requiredEmpty { background: url(/public/images/required.png) 5px 6px no-repeat #FFF; }
.success { color:#009933; padding:5px 5px 5px 25px; margin:10px 0px; border:1px solid #66CC00; background-color:#DDFFC6; background-repeat:no-repeat; background-position:2px 3px; background-image:url(/public/images/icons/tick.png); font-weight: bold; }
.percent input { width: 30px; }
tr.even { background: #F9F9F9; }
tr a {
display:block;
padding:2px 5px;
text-decoration:none;
}
/* Admin Area - Dashboard */
#dashboard a { text-decoration: none; }
#dashboard a:focus, #dashboard a:hover { text-decoration: underline; }
#dashboard fieldset {
display:inline-block;
margin:5px 5px 5px 5px;
vertical-align:top;
width:238px;
}
/* Tech dashboard */
#techNews, #teamLeaderNews, #managementNews {
display: block;
float: right;
margin-left: 10px;
width: 200px;
}
#techNews ul, #teamLeaderNews ul, #managementNews ul {
margin: 0;
padding: 0;
}
#techNews ul li, #teamLeaderNews ul li, #managementNews ul li {
list-style-type: none;
}
#docSearch {
float: right;
}
/* Management Dashboard */
#summary label {
width: 160px;
}
/* Document View Pages */
#documentNavigation {
float: left;
width: 100px;
}
#documentNavigation ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#documentNavigation ul li a {
background: #efefef;
border: 1px solid #DDDDDD;
cursor: pointer;
display: block;
margin-bottom: 5px;
padding: 0.5em 1em;
text-decoration: none;
}
#documentNavigation ul li a:hover,
#documentNavigation ul li a.active {
background: #ffbbbb;
border: 1px solid #ffbbbb;
color: #991111;
}
#documentPreview {
margin-left: 140px;
width: 80%;
}
#documentView {
border: 1px solid #ccc;
}
.vb-wrap-right {
border-left: 1px solid #ccc;
}
.viewbook .vb-arrow-prev {
left: -30px;
width: 25px;
}
/* Login Page */
#adminLogin .inner {
background: url(/public/images/login-bkg.png) no-repeat center center;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
display: block;
height: 415px;
}
#adminLogin .loginHelper {
color: #666;
margin-top: 10px;
}
#adminLogin .loginHelper a {
color: #666;
text-decoration: none;
}
#adminLogin .loginHelper a:hover {
color: #CC1111;
text-decoration: underline;
}
.inner {
background: #fff;
border: 1px solid #ddd;
}
#tabs {
background: none;
border: 0;
font-family:helvetica,arial,san-serif;
font-size: 11px;
font-weight: normal;
}
.ui-tabs-nav {
background: none;
border: 0;
}
.treeview ul {
background: none;
}
#tabs li.ui-tabs-selected, #tabs li.ui-state-hover {
background: #cc0000;
border: 0px;
}
#tabs .ui-state-default {
background: #ff0000;
border: 0;
}
#tabs .ui-state-default a {
color: #fff;
}
#tabs .ui-tabs-panel {
background: #fff;
border: 1px solid #cc0000;
}
fieldset#extra {
clear: left;
float: left;
width: 100px;
}
fieldset#extra a {
display: block;
}
a.pdf {
background: url(/public/images/pdf.png) 0 0 no-repeat;
padding-left: 25px;
text-decoration: none;
}
a.pdf:hover { text-decoration: underline; }
/* Prototype dashboard */
#dashboard, #todo, #reports { height: 370px; }
#dashboard h1, #todo h1, #reports h1 {
font-size: 2em;
font-weight: normal;
margin: 150px auto 0;
text-align: center;
}
/* */
/* Pipeline */
.pipelineTotal { font-weight: bold }
table.list tr.pipelineTotal td {
border-bottom: 0px;
padding: 2px 0;
}
table.list tr.pipelineTotal .value { padding: 2px 7px }
/* Calendar prototype */
#calendar { height: 650px }
#calendar .dayLabel {
float: left;
width: 112px;
}
#calendar .day {
border: 1px solid #ddd;
float: left;
height: 110px;
width: 110px;
}
#calendar .weekend { background-color: #efefef }
#calendar .day .number { margin: 0.5em }
#calendar .day ul {
margin: 0 0.5em;;
padding: 0;
}
#calendar .day ul li {
list-style-type: none;
margin: 0;
padding: 0;
}
#calendar .day ul li a { text-decoration: none }
#calendar .day ul li a:hover { text-decoration: underline }
/* Product page */
.imageGallery {
float: right;
margin-left: 50px;
margin-right: 20px;
text-align: right;
width: 220px;
}
.imageGallery .thumb { width: 200px }
#proceedToDelivery {
float: right;
margin-top: 1em
}
.fromStock { color: #009933 }
.partiallyFromStock { color: #c97e2a }
.removed, .removed .partiallyFromStock, .removed .fromStock, .removed select, table.list tr.removed td a {
color: #ccc;
text-decoration: line-through
}
.remove { display: block }
.putBack { display: none }
.removed .remove { display: none }
.removed .putBack { display: block }
/* From RPM */
.calendar tr { position: relative }
.calendar th, .calendar td {
border-right: 1px solid #999;
border-top: 1px solid #fff;
padding: 0.2em 0.4em;
}
.calendar .day {
color: #444;
font-weight: normal;
}
.calendar .weekend { background: #d5d5d5 }
.calendar thead .weekend, .calendar thead .weekend .day { color: #999 }
.calendar tbody .weekend { color: #d5d5d5 }
.onTarget { color: green }
.offTarget { color: red }
.calendar tbody td.onTarget, .good { background-color: #0d0; }
.calendar tbody td.offTarget, .bad { background-color: #f99; }
.odd { background-color: #e8e8e8 }
.timeOff { cursor: pointer }
.holiday, .holsH { background: #3c5da0; color: #ddd; text-align: center; vertical-align: middle }
.toil, .holsT { background: #3c9aa0; color: #ddd; text-align: center; vertical-align: middle }
.maternity, .holsM { background: #a0379a; color: #ddd; text-align: center; vertical-align: middle }
.sickness { background: #a03c3c; color: #ddd; text-align: center; vertical-align: middle }
.otherPlanned { background: #C9C; color: #ddd; text-align: center; vertical-align: middle }
.holidayTotals { vertical-align: bottom }
.changeSelector {
background: #fff;
border: 1px solid #f00;
display: none;
position: absolute;
width: 100px;
z-index: 9999999;
}
.changeSelector ul {
margin: 0px;
padding: 0px;
}
.changeSelector ul li {
list-style-type: none;
margin: 0px;
padding: 0.3em 0.5em;
}
.photo {
border: 1px solid #ccc;
float: right;
}
#calendar {
float: left;
height: auto;
margin-right: 10px;
width: auto;
}
#avaliableStaff {
float: right;
margin-left: 10px;
width: auto;
}
.connectedSortable {
min-height: 10px; /* needed to give the dragable jobbie a hit area */
}
.connectedSortable div {
background: url(/public/images/move-faded.png) no-repeat left center;
margin: 0;
padding: 0.3em 22px;
}
.connectedSortable div:hover {
background: url(/public/images/move.png) no-repeat left center;
cursor: pointer;
}
.connectedSortable .ui-state-highlight {
background: #def8da;
border: 1px solid #8ace81;
height: 1.5em;
line-height: 1.2em;
}
.tempSelect {
position: absolute;
}
.toilInputField {
height: 25px;
position: absolute;
}
.tempInput {
display: inline-block;
float: left;
}
.changeTypeButton {
background: url(/public/images/close.png) -26px -1px no-repeat;
cursor: pointer;
display: inline-block;
height: 25px;
padding: 0;
text-indent: -99999px;
width: 27px;
}
.changeTypeButton:hover {
background-position: 0 -1px;
}
#calendar .day ul li.event {
background: #8ACE81;
color: white;
line-height: 1.2em;
margin-bottom: 0.5em;
padding: 0.5em;
}
/*#calendarControls {
}
#calendarControls #dayWeekMonth {
border: 1px solid #b4b4b4;
padding: 0.3em 0.6em;
}
#calendarControls #dayWeekMonth div {
}
#calendarControls #todayButton {
float: left;
}*/
#calendarControls div {
color: #b4b4b4;
display: inline-block;
}