/* Core elements */
html, body {
height: 100%;
}
body {
background: #ffffff url(../img/admin/background.png) top left repeat;
color: #333333;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 18px;
min-width: 960px;
}
div#global_wrapper {
margin-bottom: -29px;
min-height: 100%;
min-width: 980px;
}
em {
font-style: italic;
}
small {
font-size: 12px;
}
small.error {
color: #cf302d;
}
strong {
font-weight: bold;
}
/* Components bar */
div#topbar {
background: #373b41 url(../img/admin/topbar_background.png) bottom left repeat-x;
padding-top: 2px;
position: relative;
}
div#topbar h1 {
color: #666666;
font-size: 18px;
font-weight: normal;
float: left;
line-height: 18px;
margin: 0px;
padding: 5px 4px;
text-shadow: 0px 1px 2px rgba(0, 0, 0, .6);
}
div#topbar h1 em {
color: #BDCE20;
font-style: normal;
}
div#topbar div.row {
height: 30px;
margin: 2px auto 0px auto;
padding: 0px 20px;
text-align: right;
width: 940px;
z-index: 10;
}
div#topbar div.row a#logout {
color: #666666;
display: block;
float: right;
font-size: 12px;
font-weight: bold;
line-height: 12px;
padding-top: 5px;
text-decoration: none;
text-shadow: 0px 1px 2px rgba(0, 0, 0, .6);
}
div#topbar div.row a#logout:hover {
color: #cf302d;
text-shadow: 0px 1px 1px rgba(0, 0, 0, .3);
}
div#topbar div.row a.component {
background-color: #000000;
background-position: 7px -21px;
background-repeat: no-repeat;
border-radius: 4px 4px 0px 0px;
color: #a4a4a4;
display: inline-block;
font-size: 12px;
font-weight: bold;
line-height: 12px;
height: 15px;
margin: 4px 0px 0px 1px;
padding: 6px 0px 5px 0px;
text-align: center;
text-decoration: none;
text-shadow: 0px 0px 2px #000000;
-moz-border-radius: 4px 4px 0px 0px;
}
div#topbar div.row a.component:hover {
background-position: 7px 4px;
color: #BDCE20;
text-decoration: none;
}
div#topbar div.row a.component.current {
background-color: #fefefe;
background-position: 7px 4px;
border-style: none;
border-radius: 4px 4px 0px 0px;
color: #333333;
display: inline-block;
text-shadow: 0px 0px 2px #ffffff;
-moz-border-radius: 4px 4px 0px 0px;
}
div#topbar div.row a.component.left {
float: left;
}
div#topbar div.row a.component span {
display: inline-block;
padding-right: 8px;
}
div#topbar div.row a.component span.short {
display: inline-block;
}
div#topbar div.row a.component span.long {
display: none;
}
div#topbar div.row a.component span.empty {
padding-right: 0px;
}
div#topbar div.row a.component:hover span.long {
display: inline-block;
}
div#topbar div.row a.component:hover span.short {
display: none;
}
/* Container */
div#container {
margin: 0 auto;
padding: 10px 20px 30px 20px;
width: 940px;
}
div#container div.bottom_actions {
padding: 20px 4px;
text-align: right;
}
div#container div.display_field {
border-top: 1px solid #eeeeee;
margin-bottom: 6px;
padding: 0px 0px;
word-wrap: break-word;
}
div#container div.display_field:first-of-type {
border-top: 1px solid #b8b8b8;
margin-top: 27px;
}
div#container div.display_field_label {
float: left;
font-size: 12px;
font-weight: bold;
padding: 4px;
width: 242px;
}
div#container div.display_field_value {
background-color: rgba(0, 0, 0, .1);
margin-left: 270px;
padding: 4px 8px;
width: 654px;
}
div#container div.display_field_value div.display_field_text_i18n {
}
div#container div.display_field_value div.display_field_text_i18n div.display_field_text_i18n_row {
border-top: 1px solid #dddddd;
margin-top: 4px;
padding-top: 4px;
}
div#container div.display_field_value div.display_field_text_i18n div.display_field_text_i18n_row:first-of-type {
border-top: none;
margin-top: 0px;
padding-top: 0px;
}
div#container div.display_field_value div.display_field_text_i18n div.display_field_text_i18n_row:last-of-type {
padding-bottom: 4px;
}
div#container div.display_field_value div.display_field_text_i18n div.display_field_text_i18n_row label {
color: #999999;
display: block;
float: left;
font-size: 12px;
font-weight: bold;
width: 80px;
}
div#container div.display_field_value div.display_field_text_i18n div.display_field_text_i18n_row span.display_field_text_i18n_value {
display: block;
float: left;
}
div#container div.display_field_value div.display_field_wysiwyg {
min-height: 200px;
}
div#container div.display_field_value div.display_field_wysiwyg h1 {
font-size: 18px;
font-weight: bold;
padding: 4px 0px;
}
div#container div.display_field_value div.display_field_wysiwyg h2 {
font-size: 18px;
font-weight: normal;
padding: 4px 0px;
}
div#container div.display_field_value div.display_field_wysiwyg h3 {
font-size: 16px;
font-weight: normal;
padding: 4px 0px;
}
div#container div.display_field_value div.display_field_wysiwyg ol {
list-style: decimal outside;
margin: 0px 0px 0px 40px;
padding: 2px 0px;
}
div#container div.display_field_value div.display_field_wysiwyg p {
font-size: 14px;
padding: 2px 0px;
}
div#container div.display_field_value div.display_field_wysiwyg img {
border: 1px solid #cccccc;
margin: 4px;
max-width: 98%;
padding: 2px;
}
div#container div.display_field_value div.display_field_wysiwyg ul {
list-style: disc outside;
margin: 0px 0px 0px 40px;
padding: 2px 0px;
}
div#container div.display_field_value ul{
list-style: none inside;
margin: 0;
padding: 0;
}
div#container div.display_field_value ul li{
margin: 0;
padding: 0;
}
div#container div.display_field_value strong {
font-weight: bold;
}
div#container div.display_field_map {
float: right;
height: 225px;
padding: 0px;
overflow: hidden;
position: relative;
width: 400px;
}
div#container div.display_field_map div.map_content{
height: 260px;
position: absolute;
width: 400px;
}
div#container div.display_field_map div.map_loading {
background-color: rgba(0,0,0,.6);
border-radius: 4px;
display: none;
height: 100%;
position: absolute;
top: 0px;
width: 100%;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
div#container div.display_field_map div.map_loading div {
color: #fff;
display: none;
margin-top: 105px;
text-align: center;
}
div#container div.form_field {
margin: 4px 0px;
}
div#container div.form_field_label {
float: left;
font-size: 12px;
font-weight: bold;
padding: 6px 4px;
width: 250px;
}
div#container div.form_field.error div.form_field_label {
color: #ff3333;
}
div#container div.form_field_input {
margin-left: 258px;
}
div#container div.form_field_input.form_field_input_fullwidth {
clear: both;
margin: 0px;
padding: 4px;
width: 100%;
}
div#container div.form_field_input div.type_text_i18n {
width: 654px;
}
div#container div.form_field_input div.type_text_i18n input.type_text_i18n,
div#container div.form_field_input div.type_text_i18n textarea.type_text_i18n {
width: 80%;
}
div#container div.form_field_input input.type_date,
div#container div.form_field_input input.type_float,
div#container div.form_field_input input.type_money,
div#container div.form_field_input input.type_integer {
width: 120px;
}
div#container div.form_field_input input.type_address,
div#container div.form_field_input input.type_email,
div#container div.form_field_input div.type_files,
div#container div.form_field_input div.type_images,
div#container div.form_field_input input.type_password,
div#container div.form_field_input input.type_text,
div#container div.form_field_input input.type_url,
div#container div.form_field_input textarea.type_text,
div#container div.form_field_input textarea.type_wysiwyg {
width: 642px;
}
div#container div.form_field_input select {
width: 656px;
}
div#container div.form_field_input select.type_money {
width: 100px;
}
div#container div.form_field_input select option {
}
div#container div.form_field_input.form_field_input_fullwidth div.type_files,
div#container div.form_field_input.form_field_input_fullwidth div.type_images,
div#container div.form_field_input.form_field_input_fullwidth input,
div#container div.form_field_input.form_field_input_fullwidth select,
div#container div.form_field_input.form_field_input_fullwidth textarea {
width: 896px;
}
div#container div.form_field_input div.form_subfield {
padding-top: 5px;
}
div#container div.form_field_input div.form_subfield label {
color: #999999;
display: block;
font-size: 12px;
font-weight: bold;
}
div#container div.form_field div.form_subfield_col1 {
float: left;
width: 335px;
}
div#container div.form_field div.form_subfield_col1 input {
width: 310px;
}
div#container div.form_field div.form_subfield_col1 select {
width: 324px;
}
div#container div.form_field div.form_subfield_col1 div.form_subfield_zipcode{
float: left;
width: 100px;
}
div#container div.form_field div.form_subfield_col1 div.form_subfield_zipcode input{
width: 80px;
}
div#container div.form_field div.form_subfield_col1 div.form_subfield_city {
float: left;
width: 235px;
}
div#container div.form_field div.form_subfield_col1 div.form_subfield_city input {
width: 210px;
}
div#container div.form_field div.form_subfield_col2{
float: left;
width: 320px;
}
div#container div.form_field_input div.form_map_container {
float: right;
}
div#container div.form_field_input div.form_map_container div.type_map{
height: 225px;
padding: 0px;
overflow: hidden;
position: relative;
width: 310px;
}
div#container div.form_field_input div.form_map_container div.type_map div.map_content{
height: 260px;
position: absolute;
width: 310px;
}
div#container div.form_field_input div.form_map_container div.type_map div.map_loading{
background: rgba(0,0,0,.6);
border-radius: 4px;
display: none;
font-size: 12px;
height: 100%;
position: absolute;
top: 0px;
width: 100%;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
div#container div.form_field_input div.form_map_container div.type_map div.map_loading div{
color: #fff;
display: none;
margin-top: 105px;
text-align: center;
}
/* Highlighting form fields on error
div#container div.form_field.error div.form_field_input input,
div#container div.form_field.error div.form_field_input select,
div#container div.form_field.error div.form_field_input textarea,
div#container div.form_subfield.error div.form_subfield_input input,
div#container div.form_subfield.error div.form_subfield_input select,
div#container div.form_subfield.error div.form_subfield_input textarea {
border-color: #ff3333;
}
*/
div#container div.form_actions {
padding: 10px 14px;
text-align: right;
}
div#container h2 {
font-size: 20px;
font-weight: normal;
padding: 15px 4px;
margin: 0;
word-wrap: break-word;
}
div#container h3 {
font-size: 16px;
font-weight: bold;
padding: 15px 4px;
}
div#container p {
padding: 4px;
}
div#container p.delete_message {
font-weight: bold;
padding: 5px 4px;
}
table {
border-collapse: collapse;
margin: 5px 0px;
width: 100%;
}
table tr {
}
table tr.error td{
color: #ffaaaa;
}
table td {
border: none;
border-bottom: 1px solid #b8b8b8;
padding: 2px 4px;
vertical-align: middle;
}
table td.actions {
text-align: right;
white-space: nowrap;
}
table td.container {
padding: 0px;
}
table td.thumbnail {
background-color: transparent;
background-repeat: no-repeat;
padding: 0px;
width: 50px;
}
table td.thumbnail:hover {
background: transparent url(../img/admin/magnify.png) top left no-repeat !important;
background-size: auto !important;
}
table td span.filesize {
color: #999999;
font-size: 11px;
font-weight: bold;
font-variant: small-caps;
padding-left: 4px;
}
table td span.icon {
display: inline-block;
height: 16px;
padding: 0px;
vertical-align: baseline;
width: 16px;
}
table td span.icon.pagetype_component {
background: transparent url(../img/admin/pagetypes.png) 0px -32px no-repeat;
}
table td span.icon.pagetype_container {
background: transparent url(../img/admin/pagetypes.png) 0px -16px no-repeat;
}
table td span.icon.pagetype_page {
background: transparent url(../img/admin/pagetypes.png) 0px 0px no-repeat;
}
table td span.icon.pagetype_redirect {
background: transparent url(../img/admin/pagetypes.png) 0px -48px no-repeat;
}
table td span.pagespacer {
background-image: url(../img/admin/table_child.png);
background-position: top right;
background-repeat: no-repeat;
height: 16px;
display: inline-block;
margin: 0px;
padding: 0px;
vertical-align: baseline;
}
table.ui-sortable .sortable_handle {
cursor: move;
}
table thead {
}
table thead td {
color: #a7a7a7;
font-size: 12px;
font-weight: bold;
line-height: 15px;
}
table tbody {
}
table tbody td {
background: #ffffff;
background: rgba(255, 255, 255, .1);
}
table tbody td.thumbnail {
background-color: #ffffff;
background-color: rgba(255, 255, 255, .1);
background-repeat: no-repeat;
}
table tbody tr.odd td {
background: #eeeeee;
background: rgba(0, 0, 0, .1);
}
table tbody tr.odd td.thumbnail {
background-color: #eeeeee;
background-color: rgba(0, 0, 0, .1);
background-repeat: no-repeat;
}
table table {
margin: 0px;
}
table table tr {
}
table table tr.pages_list_item:last-of-type td {
border-bottom: none;
}
div#container ul.errors {
border: none;
background: #ffaaaa;
background: rgba(255, 0, 0, .3);
border-radius: 4px;
box-shadow: inset 0px 0px 4px rgba(255,0,0,.5);
font-size: 12px;
list-style: disc inside;
margin: 20px 0px;
padding: 5px 14px;
-moz-border-radius: 4px;
-moz-box-shadow: inset 0px 0px 4px rgba(255,0,0,.5);
-webkit-border-radius: 4px;
-webkit-box-shadow: inset 0px 0px 4px rgba(255,0,0,.5);
}
div#container ul.errors li {
margin: 0;
padding: 3px 0px;
}
/* Component sidebar and content */
div#container div.component_sidebar {
float: left;
width: 25%;
}
div#container div.component_sidebar ul {
background: #fafafa;
background: rgba(0, 0, 0, .02);
border-top: 1px solid #b8b8b8;
list-style: none inside;
margin: 24px 20px 40px 0px;
}
div#container div.component_sidebar ul ul {
border-top: 1px solid #eeeeee;
margin: 0px 0px 0px 0px;
}
div#container div.component_sidebar ul li {
border-bottom: 1px solid #eeeeee;
margin: 0px;
padding: 0px;
}
div#container div.component_sidebar ul ul li:last-of-type {
border-bottom: none;
}
div#container div.component_sidebar ul li a {
background-image: url(../img/admin/submenu/default.png);
background-position: 6px 12px;
background-repeat: no-repeat;
color: #333;
display: block;
padding: 8px 4px 8px 24px;
text-decoration: none;
}
div#container div.component_sidebar ul li a:hover {
background-color: rgba(0, 0, 0, .1);
text-decoration: none;
}
div#container div.component_sidebar ul li a.current {
background-color: rgba(189, 206, 32, .2);
}
div#container div.component_sidebar ul ul li a {
background-image: url(../img/admin/submenu/default_small.png);
background-position: 20px 8px;
font-size: 12px;
padding: 4px 4px 4px 40px;
}
div#container div.component_sidebar ul ul li a.current {
background-color: rgba(0, 0, 0, .1);
}
div#container div.component_sidebar div {
background: #fafafa;
background: rgba(0, 0, 0, .02);
border-top: 1px solid #b8b8b8;
margin: 24px 20px 20px 0px;
padding-bottom: 10px;
}
div#container div.component_sidebar a:not(.button) {
color: #333;
text-decoration: none;
}
div#container div.component_sidebar a:not(.button):hover {
color: #333;
text-decoration: underline;
}
div#container div.component_sidebar div h4 {
background-position: 6px 10px;
background-repeat: no-repeat;
color: #BDCE20;
font-size: 12px;
font-weight: bold;
margin: 0px;
padding: 8px 15px 8px 24px;
}
div#container div.component_sidebar div h4.cursor {
background-image: url(../img/admin/submenu/cursor.png);
}
div#container div.component_sidebar div h4.download {
background-image: url(../img/admin/submenu/download.png);
}
div#container div.component_sidebar div h4.search {
background-image: url(../img/admin/submenu/search.png);
}
div#container div.component_sidebar div h4.info {
background-image: url(../img/admin/submenu/info.png);
}
div#container div.component_sidebar div h4.person {
background-image: url(../img/admin/submenu/person.png);
}
div#container div.component_sidebar div h4.pin {
background-image: url(../img/admin/submenu/pin.png);
}
div#container div.component_sidebar div h4.statistics {
background-image: url(../img/admin/submenu/statistics.png);
}
div#container div.component_sidebar div h4.upload {
background-image: url(../img/admin/submenu/upload.png);
}
div#container div.component_sidebar div p {
font-size: 12px;
margin: 0;
padding: 2px 15px 2px 24px;
}
div#container div.component_sidebar form {
text-align: center;
}
div#container div.component_sidebar div select.type_choice,
div#container div.component_sidebar div select.type_choice_int {
font-size: 12px;
}
div.component_content {
float: left;
width: 75%;
}
div#container div.component_content > p {
border-top: 1px solid #b8b8b8;
margin-top: 24px;
padding-top: 8px;
}
/* Springboard */
div.springboard {
border-top: 1px solid #b8b8b8;
margin-top: 24px;
padding: 0px 0px 24px 0px;
}
div.springboard a {
background-color: transparent;
background-position: 10px -45px;
background-repeat: no-repeat;
border-bottom: 1px solid #eeeeee;
color: #333333;
display: block;
font-size: 12px;
line-height: 14px;
min-height: 58px;
text-decoration: none;
}
div.springboard a:hover {
background-color: #eeeeee;
background-color: rgba(0, 0, 0, .1);
}
div.springboard a span.springboard_element_title {
display: block;
font-size: 14px;
font-weight: bold;
padding: 12px 0px 2px 60px;
}
div.springboard a span.springboard_element_summary {
display: block;
padding: 2px 0px 10px 60px;
}
/* Feedbacks */
ul#feedbacks {
list-style: none;
margin: 10px 0px;
padding: 0;
}
ul#feedbacks li {
border: none;
background: #fefefe;
background: rgba(0, 0, 0, .1);
border-radius: 4px;
box-shadow: inset 0px 0px 4px rgba(0,0,0,.2);
color: #333333;
cursor: pointer;
font-size: 12px;
margin: 20px 0px;
padding: 5px 10px;
-moz-border-radius: 4px;
-moz-box-shadow: inset 0px 0px 4px rgba(0,0,0,.2);
-webkit-border-radius: 4px;
-webkit-box-shadow: inset 0px 0px 4px rgba(0,0,0,.2);
}
ul#feedbacks li.type_error {
background: rgba(255, 0, 0, .3) url(../img/admin/feedbacks/error.png) 10px 8px no-repeat;
box-shadow: inset 0px 0px 4px rgba(255, 0, 0, .5);
font-weight: bold;
padding-left: 28px;
-moz-box-shadow: inset 0px 0px 4px rgba(255, 0, 0, .5);
-webkit-box-shadow: inset 0px 0px 4px rgba(255, 0, 0, .5);
}
ul#feedbacks li.type_success {
background: rgba(4, 159, 19, .3) url(../img/admin/feedbacks/success.png) 10px 8px no-repeat;
box-shadow: inset 0px 0px 4px rgba(4, 159, 19, .6);
font-weight: bold;
padding-left: 28px;
-moz-box-shadow: inset 0px 0px 4px rgba(4, 159, 19, .6);
-webkit-box-shadow: inset 0px 0px 4px rgba(4, 159, 19, .6);
}
ul#feedbacks li.type_strong {
font-weight: bold;
}
ul#feedbacks li.type_warning {
background: rgba(255, 200, 0, .3) url(../img/admin/feedbacks/warning.png) 10px 8px no-repeat;
box-shadow: inset 0px 0px 4px rgba(255, 200, 0, .5);
font-weight: bold;
padding-left: 28px;
-moz-box-shadow: inset 0px 0px 4px rgba(255, 200, 0, .5);
-webkit-box-shadow: inset 0px 0px 4px rgba(255, 200, 0, .5);
}
ul#feedbacks li:hover a.feedback_hide {
background: transparent url(../img/admin/feedback_close.png) 0px 0px no-repeat;
display: block;
float: right;
height: 16px;
margin-top: 1px;
width: 16px;
}
ul#feedbacks li:hover a.feedback_hide:hover {
background-position: 0px -16px;
}
/* Footer */
div#footer_container {
background: #f1f5d2;
background: rgba(189, 206, 32, .2);
border-bottom: 5px solid #BDCE20;
bottom: 0px;
left: 0px;
overflow: hidden;
height: 20px;
padding-top: 4px;
min-width: 980px;
}
div#footer {
color: #999999;
font-size: 12px;
margin: 0 auto;
padding: 0px 24px 0px 24px;
width: 940px;
text-align: right;
}
div#footer a {
color: #999999;
text-decoration: none;
}
div#footer a:hover {
color: #999999;
text-decoration: underline;
}
/* Login */
div#login_container {
margin: 0px auto 0px auto;
padding-top: 50px;
width: 400px;
}
div#login_welcome {
color: #666666;
font-size: 12px;
padding: 20px 0px 40px 0px;
text-align: center;
}
div#login_welcome a {
color: #8c9e00;
}
div#login_welcome a:hover {
color: #BDCE20;
}
div#login {
background-image: -moz-linear-gradient(top, #BDCE20, #8c9e00);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #BDCE20),color-stop(1, #8c9e00));
background-color: #BDCE20;
border-radius: 4px;
box-shadow: 0px 0px 4px #000000;
-moz-border-radius: 4px;
-moz-box-shadow: 0px 0px 4px #000000;
-webkit-box-shadow: 0px 0px 4px #000000;
-webkit-border-radius: 4px;
}
div#login h1 {
color: #ffffff;
font-size: 22px;
font-weight: normal;
padding: 50px 20px 20px 20px;
text-align: center;
}
div#login ul.errors {
background-color: #ffaaaa;
border: 1px solid #ff3333;
font-size: 12px;
list-style-type: none;
margin: 0px 20px;
padding: 5px;
text-align: center;
}
div#login div.form_field_label {
color: #ffffff;
padding: 10px 20px 2px 20px;
text-align: center;
}
div#login div.form_field_label label {
margin: 0px;
padding: 0px;
}
div#login div.form_field_input {
color: #ffffff;
padding: 0px 20px 10px 20px;
text-align: center;
}
div#login div.form_field_input input {
text-align: center;
width: 300px;
}
div#login div.form_actions {
padding: 20px 20px 40px 20px;
text-align: center;
}
div#login_footer {
color: #666666;
font-size: 11px;
left: 50%;
line-height: 14px;
padding: 20px 0px;
}
div#login_footer a {
color: #666666;
text-decoration: none;
}
div#login_footer a:hover {
color: #666666;
text-decoration: underline;
}
div#login_footer a#shin {
background: transparent url(../img/admin/shin_logo_small_ie6.png) center left no-repeat;
border-right: 1px solid #cccccc;
display: block;
float: left;
height: 64px;
margin-right: 20px;
text-indent: -9999px;
width: 120px;
}
div#login_footer p {
margin: 0px;
padding: 4px;
text-align: justify;
}
div#ie6_kills {
margin: 0px auto 0px auto;
padding-top: 100px;
width: 400px;
}
div#ie6_kills h2 {
padding-bottom: 20px;
}
div#ie6_kills_alternatives {
margin-top: 20px;
}
div#ie6_kills_alternatives a {
background-color: transparent;
background-position: top center;
background-repeat: no-repeat;
color: blue;
display: block;
float: left;
height: 30px;
margin: 5px;
padding: 90px 0px 0px 0px;
text-align: center;
text-decoration: none;
width: 120px;
}
div#ie6_kills_alternatives a#ie6_kills_chrome {
background-image: url(../img/ie6kills/chrome_alt.png);
}
div#ie6_kills_alternatives a#ie6_kills_chrome:hover {
background-image: url(../img/ie6kills/chrome.png);
}
div#ie6_kills_alternatives a#ie6_kills_firefox {
background-image: url(../img/ie6kills/firefox_alt.png);
}
div#ie6_kills_alternatives a#ie6_kills_firefox:hover {
background-image: url(../img/ie6kills/firefox.png);
}
div#ie6_kills_alternatives a#ie6_kills_safari {
background-image: url(../img/ie6kills/safari_alt.png);
}
div#ie6_kills_alternatives a#ie6_kills_safari:hover {
background-image: url(../img/ie6kills/safari.png);
}
/* Controls */
a.button, div.type_button, input.type_button {
background-color: #dcdcdc;
background-image: -moz-linear-gradient(top, #fefefe, #b8b8b8);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fefefe),color-stop(1, #b8b8b8));
border: 1px solid #4c4c4c;
border-radius: 4px;
color: #2a2a2a;
display: inline;
display: inline-block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 14px;
margin: 2px 2px;
padding: 6px 10px;
text-decoration: none;
text-shadow: 0px 0px 2px #fefefe;
vertical-align: baseline;
white-space: nowrap;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
a.button.big, div.type_button.big, input.type_button.big {
font-size: 20px;
line-height: 20px;
padding: 6px 10px;
}
a.button.delete, div.type_button.delete, input.type_button.delete {
border-color: #12701d;
background-color: #cf302d;
background-image: -moz-linear-gradient(top, #e18185, #cf302d);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e18185),color-stop(1, #cf302d));
color: #ffffff;
letter-spacing: 0px;
text-shadow: 0px 0px 2px #000000;
}
a.button.delete.pressed, div.type_button.delete.pressed, input.type_button.delete.pressed, input.type_button.delete:active {
background-color: #7b0000;
background-image: -moz-linear-gradient(top, #7b0000, #cf302d);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #7b0000),color-stop(1, #cf302d));
}
a.button.edit, div.type_button.edit, input.type_button.edit {
border-color: #0a3a8a;
background-color: #3e81e8;
background-image: -moz-linear-gradient(top, #77b3f0, #0073e3);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #77b3f0),color-stop(1, #0073e3));
color: #fff;
text-shadow: 0px 0px 2px #000000;
}
a.button.edit.pressed, div.type_button.edit.pressed, input.type_button.edit.pressed, input.type_button.edit:active {
background-color: #003295;
background-image: -moz-linear-gradient(top, #003295, #0073e3);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #003295),color-stop(1, #0073e3));
}
a.button.huge, div.type_button.huge, input.type_button.huge {
font-size: 30px;
font-weight: normal;
line-height: 30px;
padding: 8px 16px 6px 16px;
}
a.button.info, div.type_button.info, input.type_button.info {
color: #ffffff;
font-weight: bold;
text-shadow: 0px 0px 2px #000000;
}
a.button.light, div.type_button.light, input.type_button.light {
font-weight: normal;
}
a.button.new, div.type_button.new, input.type_button.new {
border-color: #12701d;
background-color: #049f13;
background-image: -moz-linear-gradient(top, #9ccfa1, #049f13);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #9ccfa1),color-stop(1, #049f13));
color: #ffffff;
text-shadow: 0px 0px 2px #000000;
}
a.button.new.pressed, div.type_button.new.pressed, input.type_button.new.pressed, input.type_button.new:active {
background-color: #005800;
background-image: -moz-linear-gradient(top, #005800, #049f13);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #005800),color-stop(1, #049f13));
}
a.button.pressed, a.button.selected, div.type_button.pressed, div.type_button.selected, input.type_button:active, input.type_button.pressed, input.type_button.selected {
background-color: #a7a7a7;
background-image: -moz-linear-gradient(top, #b8b8b8, #8a8a8a);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #8a8a8a),color-stop(1, #b8b8b8));
box-shadow: inset 0px 2px 4px rgba(0,0,0,.4);
color: #ffffff;
text-shadow: 0px 0px 2px #000000;
-moz-box-shadow: inset 0px 2px 4px rgba(0,0,0,.4);
-webkit-box-shadow: inset 0px 2px 4px rgba(0,0,0,.4);
}
a.button.small, div.type_button.small, input.type_button.small {
font-size: 12px;
font-weight: normal;
line-height: 12px;
padding: 3px 4px 3px 4px;
text-shadow: none;
}
a.button strong, div.type_button strong, input.type_button strong {
text-decoration: underline;
}
@-moz-document url-prefix() {
input.type_button { padding: 3px 10px; }
input.type_button.big { padding: 2px 10px; }
input.type_button.huge { padding: 4px 16px 1px 16px; }
input.type_button.small { padding: 1px 2px 0px 2px; }
}
a.button.disabled, div.type_button.disabled, input.type_button.disabled {
background-color: #a7a7a7;
background-image: -moz-linear-gradient(top, #b8b8b8, #8a8a8a);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #8a8a8a),color-stop(1, #b8b8b8));
border-color: #4c4c4c;
cursor: default;
color: #ccc;
opacity: .5;
filter: alpha(opacity=50);
}
div.type_uploader {
overflow: hidden;
position: relative;
}
div.plupload input {
height: 100%;
width: 100%;
}
fieldset.form_group {
border: none;
background: #eeeeee;
background: rgba(0, 0, 0, .1);
border-radius: 4px;
box-shadow: inset 0px 0px 4px rgba(0,0,0,.2);
margin: 15px 0px;
padding: 10px;
-moz-border-radius: 4px;
-moz-box-shadow: inset 0px 0px 4px rgba(0,0,0,.2);
-webkit-border-radius: 4px;
-webkit-box-shadow: inset 0px 0px 4px rgba(0,0,0,.2);
}
fieldset.form_group legend {
background-color: #fefefe;
background-color: #b8b8b8;
border-left: 1px solid #b8b8b8;
border-right: 1px solid #b8b8b8;
border-radius: 4px;
color: #eee;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
padding: 4px 16px 4px 8px;
vertical-align: middle;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
input.type_address, input.type_date, input.type_datetime, input.type_email, input.type_float, input.type_integer, input.type_money, input.type_password, input.type_text, input.type_url, div.display_field_map, div.type_files, div.type_images, div.type_map {
background-color: #fefefe;
border: 1px solid #b8b8b8;
border-radius: 4px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
margin: 2px 0px;
padding: 4px 6px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
input:focus, select:focus, textarea:focus, div.type_wysiswg:focus {
border: 1px solid #77b3f0;
box-shadow: 0px 0px 2px #3e81e8;
-moz-box-shadow: 0px 0px 2px #3e81e8;
-webkit-box-shadow: 0px 0px 2px #3e81e8;
}
input.type_choice {
margin: 0px 6px 0px 0px;
padding: 0px;
vertical-align: baseline;
}
input.type_boolean {
margin-top: 8px;
}
label {
padding: 0px 16px 0px 0px;
}
input.type_text_i18n,
textarea.type_text_i18n {
background-color: #fefefe;
border-style: none;
border-left: 1px solid #b8b8b8;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
margin: 0;
padding: 4px;
}
input.type_text_i18n:focus,
textarea.type_text_i18n:focus {
border-color: #77b3f0;
box-shadow: 0px 0px 2px #3e81e8;
-moz-box-shadow: 0px 0px 2px #3e81e8;
-webkit-box-shadow: 0px 0px 2px #3e81e8;
}
select.type_choice {
border: 1px solid #b8b8b8;
background-color: #fefefe;
border-radius: 4px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
margin: 2px 0px;
padding: 3px 6px 3px 6px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
select.type_choice option {
padding: 0px 6px;
}
select.type_choice option.root {
font-variant: small-caps;
}
select.type_choice option.level0 {
font-weight: bold;
}
div.file_preview {
background: #fefefe none 4px 3px no-repeat;
border: 1px solid #b8b8b8;
border-radius: 4px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
height: 30px;
overflow: hidden;
margin: 2px 0px;
padding: 4px 6px 4px 40px;
width: 400px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
div.file_preview span.file_preview_name {
display: block;
line-height: 14px;
}
div.file_preview span.file_preview_size {
color: #666;
font-size: 10px;
font-weight: bold;
}
div.file_preview a {
float: right;
}
div.type_files, div.type_images {
padding-bottom: 5px;
padding-top: 0px;
}
div.type_files a.uploader,
div.type_images a.uploader {
background: #eeeeee url(../img/admin/filebrowser_add.png) 0px 0px no-repeat;
border: 1px solid #dcdcdc;
border-radius: 4px;
background-color: #eeeeee;
background-repeat: no-repeat;
color: #333333;
display: block;
height: 50px;
margin: 5px 0px 0px 0px;
text-decoration: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
div.type_files a.uploader:hover,
div.type_images a.uploader:hover {
border: 1px solid #3e81e8;
box-shadow: 0px 0px 2px #3e81e8;
-moz-box-shadow: 0px 0px 2px #3e81e8;
-webkit-box-shadow: 0px 0px 2px #3e81e8;
}
div.type_files a.uploader span,
div.type_images a.uploader span {
display: block;
font-size: 14px;
padding: 8px 10px 1px 110px;
}
div.type_files ul.type_file_browser,
div.type_images ul.type_file_browser {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
div.type_files ul.type_file_browser li,
div.type_images ul.type_file_browser li {
border: 1px solid #dcdcdc;
border-radius: 4px;
background-color: #eeeeee;
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
display: block;
height: 50px;
overflow: hidden;
margin: 5px 0 0 0;
-moz-background-size: contain;
-moz-border-radius: 4px;
-webkit-background-size: contain;
-webkit-border-radius: 4px;
}
div.type_files ul.type_file_browser li {
background-position: 34px 9px;
background-size: auto;
-moz-background-size: auto;
-webkit-background-size: auto;
}
div.type_files ul.type_file_browser li div.filebrowser_element_actions,
div.type_images ul.type_file_browser li div.filebrowser_element_actions {
background-color: #eeeeee;
float: right;
text-align: right;
padding: 12px;
width: 126px;
}
div.type_files ul.type_file_browser li span.filebrowser_element_title,
div.type_images ul.type_file_browser li span.filebrowser_element_title {
background-color: #eeeeee;
border-left: 1px solid #666666;
display: block;
overflow: hidden;
font-size: 14px;
margin-left: 100px;
padding: 8px 10px 1px 10px;
}
div.type_files ul.type_file_browser li span.filebrowser_element_size,
div.type_images ul.type_file_browser li span.filebrowser_element_size {
background-color: #eeeeee;
border-left: 1px solid #666666;
display: block;
font-size: 10px;
margin-left: 100px;
padding: 1px 10px 6px 10px;
}
div.type_files ul.type_file_browser li span.filebrowser_element_size a,
div.type_images ul.type_file_browser li span.filebrowser_element_size a {
color: #333333;
text-decoration: none;
}
div.type_files ul.type_file_browser li span.filebrowser_element_size a:hover ,
div.type_images ul.type_file_browser li span.filebrowser_element_size a:hover {
text-decoration: underline;
}
div.type_files ul.type_file_browser li span.filebrowser_element_size a.link_download,
div.type_images ul.type_file_browser li span.filebrowser_element_size a.link_download {
background: transparent url(../img/admin/download.png) center left no-repeat;
padding-left: 16px;
}
div.type_files ul.type_file_browser li span.filebrowser_element_size a.link_zoom,
div.type_images ul.type_file_browser li span.filebrowser_element_size a.link_zoom {
background: transparent url(../img/admin/zoom.png) center left no-repeat;
padding-left: 16px;
}
div.type_text_i18n {
background-color: #ffffff;
border: 1px solid #b8b8b8;
border-radius: 4px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
margin: 2px 0px;
overflow: hidden;
padding: 0px;
width: 500px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
div.type_text_i18n div.type_text_i18n_row {
border-top: 1px solid #b8b8b8;
margin: 0px;
height: 24px;
overflow: hidden;
padding: 0px;
}
div.type_text_i18n div.type_text_i18n_row.type_text_i18n_row_big {
height: 60px;
}
div.type_text_i18n div.type_text_i18n_row:first-child {
border-top: none;
}
div.type_text_i18n div.type_text_i18n_row:first-child label {
border-radius: 4px 0px 0px 0px;
-moz-border-radius: 4px 0px 0px 0px;
}
div.type_text_i18n div.type_text_i18n_row:last-child label {
border-radius: 0px 0px 0px 4px;
-moz-border-radius: 0px 0px 0px 4px;
}
div.type_text_i18n div.type_text_i18n_row label {
background-color: #eeeeee;
color: #333333;
display: block;
float: left;
font-size: 12px;
height: 100%;
line-height: 24px;
padding: 0px 6px;
margin: 0px;
width: 15%;
}
div.type_text_i18n div.type_text_i18n_row input.type_text_i18n,
div.type_text_i18n div.type_text_i18n_row textarea.type_text_i18n {
margin: 0px;
}
div.type_text_i18n div.type_text_i18n_row textarea.type_text_i18n {
height: 60px;
}
textarea.type_text, textarea.type_wysiwyg {
border: 1px solid #b8b8b8;
background-color: #fefefe;
border-radius: 4px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
margin: 2px 0px;
padding: 4px 6px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
textarea.type_text {
min-height: 100px;
}
textarea.type_wysiwyg {
min-height: 200px;
}
/* Overlay, Loading, Progress */
div#overlay {
background: rgba(00,00,00,.6);
height: 100%;
left: 0px;
position: fixed;
top: 0px;
width: 100%;
z-index: 1000;
}
div#overlay div#alert_overlay {
background-color: #ffffff;
background-position: 15px 10px;
background-repeat: no-repeat;
border-radius: 4px;
color: #333333;
font-size: 12px;
left: 50%;
margin: 0 0 0 -255px;
padding: 10px 10px 10px 60px;
position: fixed;
text-align: right;
top: 30%;
width: 440px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
div#overlay div.alert {
border: 8px solid #333333;
}
div#overlay div#alert_overlay.type_error {
background-image: url(../img/alerts/error.png);
}
div#overlay div#alert_overlay.type_info {
background-image: url(../img/alerts/info.png);
}
div#overlay div#alert_overlay.type_success {
background-image: url(../img/alerts/success.png);
}
div#overlay div#alert_overlay.type_warning {
background-image: url(../img/alerts/warning.png);
}
div#overlay div#alert_overlay div#alert_overlay_title {
font-size: 18px;
line-height: 32px;
text-align: left;
}
div#overlay div#alert_overlay div#alert_overlay_message {
text-align: left;
padding: 5px 0px 10px 0px;
}
div#overlay div#file_browser_overlay {
background-color: #ffffff;
border: 8px solid #333333;
border-radius: 4px;
font-size: 10px;
height: 80%;
left: 10%;
margin: 0;
padding: 0;
position: absolute;
top: 10%;
width: 80%;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
div#overlay div#file_browser_overlay div#file_browser_uploader_container {
display: block;
float: right;
margin: 13px 5px 0px 10px;
overflow: hidden;
}
div#overlay div#file_browser_overlay a#file_browser_cancel {
display: block;
float: right;
margin: 15px 10px 0px 5px;
}
div#overlay div#file_browser_overlay div#file_browser_container {
height: 100%;
position: absolute;
width: 100%;
overflow: scroll;
overflow-x: auto;
}
div#overlay div#file_browser_overlay div#file_browser_header {
background-color: #dcdcdc;
height: 60px;
overflow: hidden;
}
div#overlay div#file_browser_overlay div#file_browser_content {
position: relative;
}
div#overlay div#file_browser_overlay div#file_browser_content a.filebrowser_element,
div#container div.display_field_filebrowser a.filebrowser_element {
background-color: #eeeeee;
background-position: center center;
background-repeat: no-repeat;
border: 1px solid #dcdcdc;
border-radius: 4px;
display: block;
float: left;
height: 100px;
margin: 10px 0px 0px 10px;
position: relative;
text-decoration: none;
width: 145px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
div#container div.display_field_filebrowser a.filebrowser_element {
background-size: contain;
margin: 5px 5px 5px 0px;
-moz-background-size: contain;
-webkit-background-size: contain;
}
div#overlay div#file_browser_overlay div#file_browser_content a.filebrowser_element:hover,
div#container div.display_field_filebrowser a.filebrowser_element:hover {
border: 1px solid #3e81e8;
box-shadow: 0px 0px 2px #3e81e8;
-moz-box-shadow: 0px 0px 2px #3e81e8;
-webkit-box-shadow: 0px 0px 2px #3e81e8;
}
div#overlay div#file_browser_overlay div#file_browser_content a.filebrowser_element div.filebrowser_element_infos,
div#container div.display_field_filebrowser a.filebrowser_element div.filebrowser_element_infos {
background-color: rgba(0,0,0,0.8);
border-radius: 4px;
display: none;
left: 5px;
overflow: hidden;
padding: 5px;
position: absolute;
bottom: 5px;
width: 125px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
div#overlay div#file_browser_overlay div#file_browser_content a.filebrowser_element:hover div.filebrowser_element_infos,
div#container div.display_field_filebrowser a.filebrowser_element:hover div.filebrowser_element_infos {
display: block;
}
div#overlay div#file_browser_overlay div#file_browser_content a.filebrowser_element div.filebrowser_element_infos.always_on,
div#container div.display_field_filebrowser a.filebrowser_element div.filebrowser_element_infos.always_on {
display: block;
}
div#overlay div#file_browser_overlay div#file_browser_content a.filebrowser_element div.filebrowser_element_infos span.filebrowser_element_title,
div#container div.display_field_filebrowser a.filebrowser_element div.filebrowser_element_infos span.filebrowser_element_title {
display: block;
color: #eeeeee;
font-size: 12px;
line-height: 12px;
text-align: center;
}
div#overlay div#file_browser_overlay div#file_browser_content a.filebrowser_element div.filebrowser_element_infos span.filebrowser_element_size,
div#container div.display_field_filebrowser a.filebrowser_element div.filebrowser_element_infos span.filebrowser_element_size {
display: block;
color: #999999;
font-size: 10px;
line-height: 12px;
text-align: center;
}
div#overlay div#file_browser_overlay h2 {
font-size: 16px;
font-weight: bold;
margin: 0px;
padding: 11px 10px 4px 10px;
}
div#overlay div#file_browser_overlay p {
font-size: 12px;
line-height: 14px;
padding: 0px 10px 10px 10px;
}
div#overlay span#loading_overlay {
background: rgba(00,00,00,.75) url(../img/admin/loading.gif) center center no-repeat;
border-radius: 4px;
color: #eeeeee;
display: block;
font-size: 10px;
height: 30px;
left: 50%;
margin: -50px 0px 0px -100px;
padding: 70px 10px 0px 10px;
position: fixed;
text-align: center;
top: 50%;
width: 180px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
div#overlay span#progress_overlay {
background-color: rgba(00,00,00,.75);
border-radius: 4px;
color: #eeeeee;
display: block;
font-size: 10px;
height: 80px;
left: 50%;
margin: -50px 0px 0px -100px;
padding: 20px 10px 0px 10px;
position: fixed;
text-align: center;
top: 50%;
width: 180px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
div#overlay span#progress_overlay span#progress_overlay_bar {
border-radius: 4px;
display: inline-block;
height: 16px;
width: 150px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
div#overlay span#progress_overlay span#progress_overlay_bar span#progress_overlay_bar_inner {
background-color: #049f13;
color: #000;
border-radius: 4px;
display: block;
font-size: 12px;
height: 16px;
overflow: hidden;
padding-top: 0px;
text-align: right;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
div#overlay span#progress_overlay span#progress_overlay_title {
display: block;
font-size: 12px;
height: 14px;
line-height: 12px;
padding: 10px 5px 2px 5px;
overflow: hidden;
width: 170px;
}
div#overlay span#progress_overlay span#progress_overlay_message {
display: block;
color: #cccccc;
font-size: 12px;
height: 14px;
line-height: 12px;
overflow: hidden;
padding: 2px 5px 2px 5px;
width: 170px;
}
div#overlay div#zoom_overlay {
background-color: #333333;
border-radius: 4px;
color: #333333;
font-size: 12px;
left: 50%;
padding: 8px;
position: fixed;
text-align: center;
top: 50%;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
div#overlay div#zoom_overlay img {
display: block;
position: relative;
}
div#overlay a#zoom_overlay_close {
display: block;
position: absolute;
right: 16px;
top: 16px;
z-index: 200;
}
/* Date picker */
table.jCalendar {
border-style: none;
background-color: #e1e8f1;
border-collapse: collapse;
margin: 0px;
width: 200px;
}
table.jCalendar thead {
border-style: none;
}
table.jCalendar th {
background: #dae2e9;
border-style: none;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
padding: 3px 5px;
text-align: center;
text-transform: capitalize;
}
table.jCalendar td {
background: #c6ced6;
border: 1px solid #9eabba;
color: #000;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
padding: 4px 2px;
text-align: center;
width: 20px;
}
table.jCalendar tr td:first-of-type {
border-left-style: none;
}
table.jCalendar tr td:last-of-type {
border-right-style: none;
}
table.jCalendar tr:last-of-type td {
border-bottom-style: none;
}
table.jCalendar td.other-month {
background: #dae2e9;
color: #b4b4b4;
}
table.jCalendar td.today {
background-color: #6d8ab6;
background-image: -moz-linear-gradient(top, #6d8ab6, #576e92);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #6d8ab6),color-stop(1, #576e92));
border: 1px solid #4c5f7f;
color: #fff;
}
table.jCalendar td.selected {
background-color: #77b3f0;
background-image: -moz-linear-gradient(top, #77b3f0, #0073e3);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #77b3f0),color-stop(1, #0073e3));
border: 1px solid #677497;
color: #fff;
}
table.jCalendar td.selected.dp-hover {
background-color: #77b3f0;
background-image: -moz-linear-gradient(top, #77b3f0, #0073e3);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #77b3f0),color-stop(1, #0073e3));
color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
background: #fff;
color: #000;
}
table.jCalendar tr.selectedWeek td {
background: #f66;
color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
background: #bbb;
color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
background: #bbb;
color: #888;
}
div.dp-popup {
background-color: #dae2e9;
border: 1px solid #b4b4b4;
border-radius: 4px 4px 0px 0px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 10px;
position: relative;
width: 200px;
-moz-border-radius: 4px 4px 0px 0px;
}
div#dp-popup {
position: absolute;
z-index: 199;
}
div.dp-popup h2 {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
margin-bottom: 4px;
padding: 4px 0px 4px 0px;
text-align: center;
text-transform: capitalize;
}
a#dp-close {
font-size: 11px;
padding: 4px 0;
text-align: center;
display: block;
}
a#dp-close:hover {
text-decoration: underline;
}
div.dp-popup a {
color: #000;
text-decoration: none;
padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
position: absolute;
top: 2px;
left: 4px;
width: 100px;
}
div.dp-popup div.dp-nav-prev a {
float: left;
}
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
cursor: default;
}
div.dp-popup div.dp-nav-next {
position: absolute;
top: 2px;
right: 4px;
width: 100px;
}
div.dp-popup div.dp-nav-next a {
float: right;
}
div.dp-popup a.disabled {
cursor: default;
color: #aaa;
}
div.dp-popup td {
cursor: pointer;
}
div.dp-popup td.disabled {
cursor: default;
}