html,body,table,div,span,p,label,h1,h2,h4,h5,ul,li,ol,a,ha:hover,form,input,img,object {padding: 0;margin: 0;outline: none;}
body {
padding: 0;
margin: 0 auto;
background: #d69d44 url('../images/banners/welcome.jpg') 0% 137px no-repeat;
position:relative
}
#adminoptions {
position: absolute;
top: 8px;
right: 8px;
background-color: #fff;
padding: 8px;
border: 4px solid #3b3b3b;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
#adminoptions ul {
list-style: none;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-size: 11px;
}
#adminoptions ul li {
padding: 2px;
}
#adminoptions ul li:hover {
background-color: #3b3b3b;
color: #fff;
cursor: pointer
}
#container, #footerlinks {
background: #fff;
width: 993px;
padding: 0;
margin: 0 auto;
display: block;
clear: both;
height:auto
/*position: relative;*/
}
#container {
padding-bottom:24px;
background-color: #d2d2d2
}
#spacer {
background: url('../images/space.png') 50% 0% repeat-x;
height: 28px;
margin: 0 auto;
padding: 0;
display: block;
clear: both;
}
#adminheader {
background: #000 url('../images/bg.jpg') 50% 0% no-repeat;
width: 100%;
height: 146px;
padding: 0;
margin: 0 auto;
text-align:center;
}
#banner {
background: url('../images/admin/admin-header.png') top center no-repeat;
width: 993px;
height: 145px;
padding: 0;
margin: 0 auto;
text-align:center;
/*clear: both;
position: relative;*/
}
#info {
background: #3b3b3b;
width: 993px;
height: 26px;
padding: 0;
margin: 0;
display: block;
clear: both;
cursor: default;
color:#fff;
font-weight:bold
}
#info:hover {
cursor: pointer
}
#info a, #info a:hover {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#fff;
text-decoration: none;
}
#info div.info-text {
width: 460px;
height: 16px;
padding: 6px 10px 4px 10px;
margin: 0;
display: block;
float: left;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 800;
color:#fff;
text-decoration: none;
}
#navigation {
background: #fff;
width: 238px;
overflow: hidden;
padding: 0;
margin: 0;
display: block;
float: left;
}
#navigation div.navblock {
width: 238px;
padding: 0;
margin: 0;
display: block;
clear: both;
}
#navigation a.area, #navigation a.area:hover, #navigation a.area-admin, #navigation a.area-admin:hover {
background-repeat: no-repeat;
background-position: 93% 9px;
background-color: #fafafa;
width: 228px;
/*border-right:8px solid #e6e6e6;*/
height: 22px;
padding: 6px 0 0 10px;
margin: 0;
display: block;
clear: both;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
color: #202020;
text-decoration: none;
cursor: pointer;
/*border-bottom: 2px solid #fafafa;
border-top:2px solid #fafafa;*/
}
.admin {
background-color: #D50000 !important;
border-bottom: 1px #eb423d !important;
}
.open {
background-image: url('../images/admin/open.gif') !important;
}
.close {
background-image: url('../images/admin/close.gif') !important;
}
#navigation a.nav, #navigation a.nav:hover {
background: #fafafa;
/*width: 160px;*/
border-right:8px solid #fff;
height: 20px;
padding: 6px 0 0 10px;
margin: 0;
display: block;
clear: both;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #202020;
text-decoration: none;
text-transform:none;
position: relative;
}
#navigation a.nav:hover {
/*color: #027bb2;*/
background: #fff;
border-right:8px solid #3b3b3b;
}
#navigation a.nav.active {
/*color: #027bb2;*/
background: green;
}
.image {
width: 200px !important;
padding-left: 28px !important;
}
#navigation a img {
display: block;
position: absolute;
top: 5px;
left: 5px;
border: 0;
}
#content {
width: 660px;
min-height: 300px;
height: auto !important;
height: 300px;
padding: 10px 0 10px 10px;
margin: 12px 12px 12px 0;
display: block;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
text-decoration: none;
position: relative;
/*border:1px solid #3b3b3b;*/
background-color: #fff;
border:2px solid #013d50;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
#content.content-home {
/*background-color:#027bb2;*/
color:#fff;
border: 1px solid #00415e;
background: #027bb2 url('../images/site/budgetspex-logo.png') bottom right no-repeat;
}
a#element-add {
position:absolute;
top:5px;
right:130px;
background: transparent url('../images/admin/element-add.png') center no-repeat;
width:32px;
height:32px;
}
a#element-add:hover {
background: transparent url('../images/admin/element-add-active.png') center no-repeat;
}
img.begin {
position: absolute;
bottom: 0;
right: 0;
}
/*div.success {
background: #007948 url('../images/admin/icons/complete.png') 98% 76% no-repeat;
width: auto;
padding: 8px 12px;
margin: 0;
display: block;
clear: both;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #fff;
text-decoration: none;
position: absolute;
top: 40px;
right: 0;
border-bottom: 4px white solid;
border-left: 6px white solid;
border-right: 5px white solid;
cursor: default;
}*/
.pageinfo {
display:inline-block;
top:8px;right:8px;
width:auto;
text-align:center;
padding:8px;
background-image:none;
background-color:#fff;
border: 5px solid #3b3b3b;
font-family: Arial, Helvetica, sans-serif;
/*border-left: 6px solid #027bb2;
border-right: 5px solid #027bb2;*/
font-size:10px;
width:114px;
color:#3b3b3b;
position: absolute;
top: 4px;
right: 4px;
text-transform:uppercase
}
.pageinfo a {
color:#3b3b3b;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
display:block;
width:100%
}
.return {
background: #fff;
width: 150px;
padding: 6px;
margin: 0;
display: block;
clear: both;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #3b3b3b;
text-decoration: none;
position: absolute;
top: 4px;
right: 3px;
/*border-bottom: 4px white solid;
border-left: 6px white solid;
border-right: 5px white solid;*/
border: 4px solid #3b3b3b;
cursor: default;
}
.return a {
color:#3b3b3b;
margin-left:2px
}
.return:hover, .return a:hover, .pageinfo a:hover {
color:#fff;
background-color:#3b3b3b
}
.notice {
font-weight:700;
background-color:#fff;
border-bottom: 3px solid #3b3b3b;
width: auto;
padding: 4px;
margin: 0;
display: inline;
/*clear: both;*/
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}
/*--- login ---*/
#loginwrapper {
/*background-color:#00618d;*/
background:url("../images/login.png") center no-repeat;
width:311px;
height:31px;
clear:both;
float:left;
margin-top:8px
/*padding:2px 0*/
}
#username, #userpassword {
background: none;
width: 105px;
height: 18px;
margin: 5px 0 0 9px;
padding: 0 3px 0 0;
display: inline;
float: left;
border: 0;
}
#loginform input[type="submit"] {
background: none;
width: 56px;
height: 19px;
margin: 0 3px 0 0;
padding: 0;
display: block;
float: right;
border: 0;
cursor: pointer;
}
a.prioritylink {
/*font-weight:700;*/
margin:4px 0;
color: #fcdfb7;
padding:4px;
background-color:#222;
text-transform:uppercase;
}
a.prioritylink:hover {
background-color:#2094a4;
color:#fff;
/*font-weight:700;*/
}
a.linkalert:hover {
background-color:red;
color:#fff
}
a.hideme, a.hideme:hover {
background: transparent url('../images/admin/hide.gif') 50% 50% no-repeat;
width: 16px;
height: 16px;
padding: 0;
margin: 0;
display: block;
position: absolute;
top: 9px;
right: 10px;
border: 0;
text-decoration: none;
cursor: pointer;
}
#content table tr td {
height:22px
}
td.h {
margin: 0;
height: 16px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
}
img {
border: 0;
}
div.image {
padding: 0;
margin: 3px 0 0 0;
display: block;
clear: both;
position: relative;
}
a.delimg, a.delimg:hover {
background: transparent url('../images/admin/delete_icon.gif') 50% 50% no-repeat;
width: 36px;
height: 36px;
padding: 0;
margin: 0;
display: block;
position: absolute;
border: 0;
text-decoration: none;
top: 6px;
left: 6px;
}
/* form styles */
form {
padding: 0;
margin: 0;
}
input {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
border: 1px #aaa solid;
padding: 2px 2px 2px 2px;
margin: 0;
width: 260px;
}
input[type="radio"] {
clear:none;
float:left;
padding:2px
}
.notesticker.furradio {
clear:both;
float:left;
font-weight:700;
width:60px;
text-transform:uppercase
}
input.input-text-plain, input-text-disabled {
height:20px;
width:526px;
padding:3px 2px
}
input-text-disabled {
background-color:#e6e6e6;
font-style:italic
}
input.title {
font-size: 12px;
}
/*---22-05-2011-amendments---*/
input.input-text-short {
width:110px
}
input.input-text-integer {
width:30px;
background-color:#e6e6e6
}
input.input-text-float {
width:60px;
background-color:#d9e8d9
}
input.input-text-live {
width:150px;
background-color:#ffffd5;
border:1px solid #00ff00
}
input.input-text-essential {
background-color:#333333;
color:#fff;
font-size:14px;
padding:4px;
border:2px solid #013d50
}
input.input-text-hex, input.input-text-smallbox {
width:44px;
background-color:#f0f0f0
}
.colour-swatch {
width:16px;
height:16px;
display:block;
clear:none;
float:left;
margin-right:2px;
border:1px solid gray;
/*border:1px dotted red */
}
input.input-text-option {
background-color:#d1e7f1;
color:#003348;
border:1px solid #003348;
border-left:2px solid #003348;
border-bottom:2px solid #003348;
}
.area_toggle_header {
background-color:#3b3b3b;
color:#c2e3f2;
color:#fff;
padding:4px 0;
font-weight:600;
/*width:260px*/
}
.area_toggle_header.secondary {
background-color:#afafaf;
color:#fff;
}
.area_toggle_header:hover {
/*background-color:#009800;
color:#fff*/
}
.area_toggle {
background-color:#fafafa;
border:1px dashed #d2d2d2;
width:200px;
}
.area_toggle.closed {
display:none
}
.area_toggle table tbody tr td input.input-text-plain {
width:200px;
/*background-color:#6e5243;
color:#fff*/
}
.navblock .area_toggle_header {
/*margin-left:21px*/
width:100%;
margin-top:8px;
text-indent:18px;
padding:6px 0 3px 0
}
.area_toggle.border.bottom {
border-bottom:1px solid #d2c2af;
padding-bottom:29px
}
.area_toggle.border.bottom.dashed {
border-bottom:1px dashed #d2c2af
}
.area_toggle.border.bottom.thick.dashed {
border-bottom:2px dashed #d2c2af
}
/*---22-05-2011-amendments,with cinnamon---*/
a.link-small {
font-style:italic;
color:#6e5243;
padding:3px
}
a.link-small:hover {
color:#fff;
background-color:#0279b1
}
textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
border: 1px #aaa solid;
padding: 2px 2px 2px 2px;
margin: 0;
}
select, option {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
padding: 2px
}
option {
background-color: #fafafa;
color: #3b3b3b
}
input.submit {
background: url('../images/submit.jpg') 50% 50% no-repeat;
width: 73px;
height: 27px;
display: block;
clear: both;
cursor: pointer;
border: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
text-decoration: none;
text-align: center;
}
.complete {
background: transparent url('../images/admin/complete.png') 50% 50% no-repeat;
width: 93px;
height: 21px;
display: block;
clear: both;
cursor: pointer;
border: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
text-decoration: none;
text-align: center;
}
.check {
float:left;
display:inline;
clear:none;
margin:0 0 0 4px
}
label {
float:left;
display:inline;
clear:none;
margin:0;
width:80px
}
br.clearfix {
clear:both;
margin:0px !important;
padding:0px !important;
height: 1px;
font-size: 1px;
line-height: 1px;
}
hr.divider {
background: none;
height: 2px;
padding: 0;
margin: 15px 0 15px 0;
display: block;
clear: both;
border-bottom: 1px #004b8d dotted;
border-top: 0;
border-left: 0;
border-right: 0;
}
/* set font styles */
h1, h2 {
font-family: Arial, Helvetica, sans-serif;
/*text-transform:uppercase;*/
font-size: 13px;
color: #fff;
padding: 2px;
font-weight:500;
text-indent:8px;
margin: 0 0 8px 0;
background-color:#3b3b3b;
border-bottom: 5px #999999 solid;
cursor: default;
text-transform: uppercase
}
h1 {
padding:7px 2px 2px 2px
}
a {
font-family: Tahoma, sans-serif;
font-size: 12px;
font-weight: normal;
color: #333333;
text-decoration: none;
}
a:hover {
color: #111111;
text-decoration: none;
}
/* drag & drop styles */
div#listContainer {
clear: left;
margin: 10px 0 10px 20px;
width: 400px;
border: 1px solid #A3A5A7;
background: #E8E9EA;
}
div#listContainer div {
border: 1px solid #A3A5A7;
margin: 3px;
padding: 2px 4px;
background: white;
font-size: 12px;
font-weight: normal;
cursor: move;
}
#workingMsg {
clear: left;
font-size: 100%;
font-weight: bold;
margin: 6px;
}
#progress {
position: absolute;
background-color: #EBEBEB;
border: 1px #ccc solid;
padding: 5px;
width: 220px;
height: auto;
margin: 0 auto;
font-family: Tahoma, sans-serif;
font-size: 12px;
color: #333333;
text-align: center;
z-index: 99;
display: none;
}
ul#testimonials-order-list { list-style-type: square; margin: 0; padding: 0}
ul#testimonials-order-list li { font-size:12px; text-transform:uppercase; margin: 6px 3px; padding: 2px 2px 2px 6px; height: 18px; border:none; background-color:#f6931e; list-style-type:none }
ul#testimonials-order-list li span { position: absolute; margin-left: -1.3em; }
ul#testimonials-order-list li:hover { background-color:#d9d9d9;cursor:pointer }
/* The bouncing box */
#notebox {
background:#4da9b6;
/*height:65px;*/
height:auto;
padding:20px;
margin-top:-10px;
padding-top:30px;
width:300px;
border:5px solid #1b7d8a;
color:#000;
/*text-shadow:1px 1px 0 white;*/
font-family:Arial,Helvetica,sans-serif;
z-index:100
}
#notebox p {
font-size:20px;
background:url('../images/admin/warning.png') no-repeat 10px center;
padding-left:90px;
}
#notebox p strong {
font-size:24px;
display:block;
color:#fff
}
#noteboxbox,#main,a.button {
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
/* Styling the big button */
a.button {
color:white;
letter-spacing:-2px;
padding:20px;
display:block;
text-shadow:1px 1px 0 #145982;
font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
font-size:80px;
font-weight:bold;
text-align:center;
width:350px;
border:1px solid #60b4e5;
margin:60px auto;
/*
CSS3 gradients for webkit and mozilla browsers,
fallback color for the rest:
*/
background-color: #59aada;
background-image: -moz-linear-gradient(#5eb2e2, #4f9cca);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5eb2e2), to(#4f9cca));
}
a.button:hover{
/* Lighter gradients for the hover effect */
text-decoration:none;
background-color: #5eb2e2;
background-image: -moz-linear-gradient(#6bbbe9, #57a5d4);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6bbbe9), to(#57a5d4));
}
/* drag & drop styles */
div#listContainer {
clear: left;
margin: 10px 0 10px 20px;
width: 400px;
border: 1px solid #A3A5A7;
background: #E8E9EA;
}
div#listContainer div {
border: 1px solid #A3A5A7;
margin: 3px;
padding: 2px 4px;
background: white;
font-size: 12px;
font-weight: normal;
cursor: move;
}
#workingMsg {
clear: left;
font-size: 100%;
font-weight: bold;
margin: 6px;
}
#progress {
position: absolute;
background-color: #EBEBEB;
border: 1px #ccc solid;
padding: 5px;
width: 220px;
height: auto;
margin: 0 auto;
font-family: Tahoma, sans-serif;
font-size: 12px;
color: #333333;
text-align: center;
z-index: 99;
display: none;
}
ul#services-order-list { list-style-type: square; margin: 0; padding: 0}
ul#services-order-list li { font-size:12px; text-transform:uppercase; margin: 6px 3px; padding: 2px 2px 2px 6px; height: 18px; border:none; background-color:#333333; color:#fcdfb7; list-style-type:none }
ul#services-order-list li span { position: absolute; margin-left: -1.3em; }
ul#services-order-list li:hover { color:#eb423d;cursor:pointer }
/* --- --- */
ul#admintabs {
position:absolute;
right:12px;
top:0
}
#base {
background-color:#3b3b3b;
color:#fff;
width:100%;
clear:both;
float:left;
margin:8px 0 0 0;
height:24px
}
ul#quicklinks {
/*position:absolute;
left:355px;
top:0;*/
display: inline;
clear: none;
float: left;
width: auto;
height: auto;
list-style-type:none;
display:none;
}
ul#quicklinks li {
clear:none;
float:left;
display:inline;
margin:0 4px 0 0;
color:#fff;
}
a#visualmenu-home {
background:url('../images/admin/home.png') center no-repeat;
width:32px;
height:33px;
display:block
}
a#visualmenu-home:hover {
background:url('../images/admin/home-active.png') center no-repeat;
}
a#visualmenu-orders {
background:url('../images/admin/orders.png') center no-repeat;
width:32px;
height:33px;
display:block
}
a#visualmenu-orders:hover {
background:url('../images/admin/orders-active.png') center no-repeat;
}
a#visualmenu-members {
background:url('../images/admin/members.png') center no-repeat;
width:32px;
height:33px;
display:block
}
a#visualmenu-members:hover {
background:url('../images/admin/members-active.png') center no-repeat;
}
#navigation .navblock a.close {
padding:4px 0;
font-size:14px;
margin:6px 0 0 16px
}
.headtab, #admintabs li {
background:url('../images/admin/admin-tab.png') center no-repeat;
width:72px;
height:16px;
color:#c1e2f3;
list-style-type:none;
font-family:Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight:500;
text-align: center;
color:#99cde4
}
.headtab:hover, #admintabs li:hover {
color:#fff
}
tr.list-row-highlight {
/*background-color:#c1e2f3*/
color:#00415e;
font-weight:bolder
}
tr.row-odd {
background:#e6e6e6;
/*color:#fff*/
}
tr.list-row-highlight.row-odd {
/*background-color:#c1e2f3*/
/*font-weight:bold;
color:#c1e2f3*/
}
#admin-search {
width:311px;
height:31px;
background:url('../images/admin/admin-search-back.png') center no-repeat;
position:absolute;
left:345px;
top:40px
}
#admin-search form {
position:relative
}
#admin-search form #searchvalue {
position:relative;
top:6px;
left:8px;
width:216px;
height:14px;
background-color:#fff;
border:none;
font-size:10px
}
#admin-search form #searchsubmit {
width:56px;
height:16px;
background-color:#00415e;
position:absolute;
right:8px;
top:8px;
text-transform:uppercase;
color:#fff;
border:none;
padding-bottom:3px
}
table#filter {
width:100%;
padding:4px;
margin-top:32px
}
table#filter tr td a {
width:20px;
height:20px;
text-align:center;
display:block
}
table#filter tr td a:active, table#filter tr td a:hover {
background-color:#027bb2;
color:#fff
}
table tr.header-bold {
background-color:#027bb2;
color:#fff;
font-weight:600
}
.vertical {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
}
table.table-lense-matrix tr td {
border:1px solid #d2d2d2
}
table tr td.table-note-special {
background-color:#fff;
font-weight:800;
font-size:14px;
color:red;
letter-spacing:0.06em;
text-transform:uppercase;
border:0
}
.note-feature {
width:100%;
background-color:#c6383d;
color:#fff;
font-weight:700;
padding:2px 0;
text-indent:2px
}
.note-feature a {
color:#fff;
font-weight:700;
padding:2px 0;
text-indent:4px;
display:block;
width:100%
}
.note-feature a:hover {
color:#fff;
background-color:#afafaf
}
table tr td.table-cell-shaded {
background-color:#bfbfbf;
font-weight:600;
text-align:center;
}
table tr td.valid {
background-color:#009800;
color:#009800
}
table#matrix-negative tr td.valid {
background-color:#027bb2;
color:#027bb2
}
table tr td.invalid {
background-color:#fff;
color:#fff
}
table tr td.table-cell-shaded, table tr td.table-cell-shaded input {
width:28px
}
.box-smart {
float:left;
margin:3px 0 3px 3px;
padding:2px;
background-color:#fff;
border:3px solid #e6e6e6
}
img.img-bordered {
padding:3px;
border:1px #0081bc dashed;
margin:3px 0
}
#elementlist {
clear:both;
/*float:left*/
}
.checkers {
padding: 2px;
border-top: 1px solid #364444;
/*border-bottom: 1px solid #b32428;*/
width: 100%;
display: block;
height: auto
}
.checkers ul {
display: block;
clear: both;
float: left;
margin: 8px;
padding: 8px;
list-style: none
}
.checkers ul li {
display: block;
clear: both;
float: left;
list-style-type: none;
width: 260px
}
.checkers ul li span {
width: 240px;
display: inline;
clear: none;
float: left
}
.checkmat {
clear: none;
float: left;
margin: 4px
}
.checkmat input[type="checkbox"] {
width: 16px;
height: 16px;
clear: none;
float: right;
display: inline
}
.checkmat label {
clear: none;
float: left;
display: inline
}
/*
#footerlinks, #navigation-float {
display:none
}
body.extended {
background-color:#6e5243
}
body.extended #content {
width:920px
}
body.extended #navigation {
display:none
}
body.extended #content h1 {
font-size:14px;
font-weight:600
}
body.extended form#elementlist {
font-size:14px
}
body.extended #footerlinks {
display:block;
color:#fff;
text-align:center;
height:24px;
padding-bottom:6px;
background-color:transparent
}
body.extended #footerlinks ul {
margin:3px;
padding:3px
}
body.extended #footerlinks ul li {
list-style-type:none;
clear:none;
float:left;
margin:0 16px
}
body.extended #footerlinks ul li a {
color:#c1e2f3;
font-weight:500
}
body.extended #footerlinks ul li a:hover {
color:#fff;
}
body.extended #navigation-float {
background: #027bb2;
width: 220px;
padding: 0;
margin: 0;
display: block;
position:absolute;
left:0;
top:136px;
border:5px solid #6e5243
}
body.extended #navigation-float img {
display:none
}
body.extended #navigation-float div.navblock {
width: 200px;
padding: 0;
margin: 0;
display: block;
clear: both;
}
body.extended #navigation-float a.area, body.extended #navigation-float a.area:hover, body.extended #navigation-float a.area-admin, body.extended #navigation-float a.area-admin:hover {
background-repeat: no-repeat;
background-position: 93% 9px;
background-color: #fafafa;
width: 200px;
height: 22px;
padding: 6px 0 0 0;
margin: 0;
display: block;
clear: both;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
color: #202020;
text-decoration: none;
cursor: pointer;
}
body.extended #navigation-float a.nav, body.extended #navigation-float a.nav:hover {
background: #fff;
width: 200px;
height: 20px;
padding: 6px 0 0 0;
margin: 0;
display: block;
clear: both;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #202020;
text-decoration: none;
text-transform:none;
position: relative;
}
body.extended #navigation-float a.nav:hover {
color: #027bb2;
}
body.extended #navigation-float a.area.close {
text-indent:16px
}
body.extended ul#quicklinks {
display:inline
}
body.extended table tr td.table-left {
display:none
}
*/
/* --- confirm dialog box styles --- */
/*#confirmOverlay{
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
background:url('ie.png');
background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2);
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2);
z-index:100000;
}
#confirmBox{
background-color:#fff;
width:220px;
height:140px;
border:8px solid #3b3b3b;
position:fixed;
left:50%;
top:50%;
margin:-130px 0 0 -230px;
}
#confirmBox h1,
#confirmBox p {
font:12px Arial, sans-serif;
color:#000;
}
#confirmBox h1 {
color:#fff;
background-color:#3b3b3b
}
#confirmBox p {
background:none;
font-size:11px;
margin:4px 4px 4px 8px
}
#confirmButtons{
padding:0;
clear:both;
float:left;
display:block;
text-align:center;
background-color:#fff;
height:58px;
width:100%;
}
#confirmBox .button{
color:white;
height: 12px;
width:16px;
font:12px Arial, sans-serif;
margin: 12px 0 0 12px;
background-color:#3b3b3b;
text-decoration:none;
color:#fff;
padding:12px;
border:none;
clear:none;
float:left;
}
#confirmBox .button:last-child{ margin-right:0;}
#confirmBox .button span{
position:absolute;
top:0;
right:-5px;
width:5px;
height:16px
}
#confirmBox .blue{ background-position:left top;}
#confirmBox .blue span{ background-position:-195px 0;}
#confirmBox .blue:hover{ background-position:left bottom;}
#confirmBox .blue:hover span{ background-position:-195px bottom;}
#confirmBox .gray{ background-color:gray;}
#confirmBox .gray span{ background-position:-8px 0;}
#confirmBox .gray:hover{ background-position:-8px bottom;}
#confirmBox .gray:hover span{ background-position:-8px bottom;}*/
#facebox .b {
background:url(./facebox/b.png);
}
#facebox .tl {
background:url(./facebox/tl.png);
}
#facebox .tr {
background:url(./facebox/tr.png);
}
#facebox .bl {
background:url(./facebox/bl.png);
}
#facebox .br {
background:url(./facebox/br.png);
}
#facebox {
position: absolute;
top: 0;
left: 0;
z-index: 100;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#facebox .popup {
position: relative;
}
#facebox table {
border-collapse: collapse;
}
#facebox td {
border-bottom: 0;
padding: 0;
}
#facebox .body {
padding: 10px;
background: #fff;
width: 370px;
}
#facebox .loading {
text-align: center;
}
#facebox .image {
text-align: center;
}
#facebox img {
border: 0;
margin: 0;
}
#facebox .footer {
border-top: 1px solid #DDDDDD;
padding-top: 5px;
margin-top: 10px;
text-align: right;
}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
height: 10px;
width: 10px;
overflow: hidden;
padding: 0;
}
#facebox_overlay {
position: fixed;
top: 0px;
left: 0px;
height:100%;
width:100%;
}
.facebox_hide {
z-index:-100;
}
.facebox_overlayBG {
background-color: #000;
z-index: 99;
}
* html #facebox_overlay { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#facebox p.alert, #facebox p.success, #facebox p.smallerror {
background-color:#3b3b3b;
border-bottom:3px solid #ffda15;
color:#ffffff;
font-size:14px;
font-weight:bold;
margin:5px;
padding:5px;
text-indent:5px;
height:auto;
width:auto
}
#facebox p.success {
background-color:#3b3b3b;
}
#facebox p.smallerror {
background-color:#ff8000;
border-bottom:none
}
#facebox p.dialogtext {
margin:8px;
padding:6px;
height:auto;
width:auto
}
#facebox .thanks {
clear:both;
float:left;
margin:24px 0 0 5px;
font-style:italic;
font-weight:400;
color:#888888
}
#facebox .content.skintone {
background-color:#f4e3d9
}
.dragging {
background-color:#3b3b3b;
color:#fff
}
p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#4d4d4d; background-color: white; border: 2px solid #0877be; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }
#popup_container {
font-family:'Lucida Grande',Arial,sans-serif;
font-weight:bold;
text-align:left;
font-size: 12px;
width: 364px;
height: 110px;
background: #F3F3F3;
border:solid 2px #3b3b3b;
border-bottom: solid 3px #3b3b3b;
color: #202020
}
#popup_title {
display:none;
}
#popup_message {
padding-top: 15px;
padding-left: 15px;
}
#popup_panel {
text-align: left;
padding-left:15px;
}
#popup_panel input {
background-color:#424280;
width:90px;
padding:3px;
color:#FFFFFF;
margin-top:20px;
margin-right:10px;
font-size:11px;
text-transform:uppercase;
border-bottom:2px solid #ffda15
}
#popup_panel input#popup_ok {
background-color:red;
}
#popup_panel input#popup_cancel {
background-color:#979797;
}
/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/*
Example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
#cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;}
#cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
#cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
#cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}
/*
The following fixes png-transparency for IE6.
It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
Colorbox preloads navigation hover classes to account for this.
!! Important Note: AlphaImageLoader src paths are relative to the HTML document,
while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
.stealth {
display: none
}
.tip-twitter {
opacity:0.8;
z-index:1000;
text-align:left;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
padding:8px 8px;
max-width:200px;
color:#fff;
background-color:#000;
/**
* - If you set a background-image, border/padding/background-color will be ingnored.
* You can set any padding to .tip-inner instead if you need.
* - If you want a tiled background-image and border/padding for the tip,
* set the background-image to .tip-inner instead.
*/
}
.tip-twitter .tip-inner {
font:bold 11px/14px 'Lucida Grande',sans-serif;
}
/* Configure an arrow image - the script will automatically position it on the correct side of the tip */
.tip-twitter .tip-arrow-top {
margin-top:-5px;
margin-left:-5px; /* approx. half the width to center it */
top:0;
left:50%;
width:9px;
height:5px;
background:url(tip-twitter_arrows.gif) no-repeat;
}
.tip-twitter .tip-arrow-right {
margin-top:-4px; /* approx. half the height to center it */
margin-left:0;
top:50%;
left:100%;
width:5px;
height:9px;
background:url(tip-twitter_arrows.gif) no-repeat -9px 0;
}
.tip-twitter .tip-arrow-bottom {
margin-top:0;
margin-left:-5px; /* approx. half the width to center it */
top:100%;
left:50%;
width:9px;
height:5px;
background:url(tip-twitter_arrows.gif) no-repeat -18px 0;
}
.tip-twitter .tip-arrow-left {
margin-top:-4px; /* approx. half the height to center it */
margin-left:-5px;
top:50%;
left:0;
width:5px;
height:9px;
background:url(tip-twitter_arrows.gif) no-repeat -27px 0;
}
/*---- extended styles ---*/
/* --- extended elements 'fullscreen' with menu toggled off' ---*/
#footerlinks, #navigation-float {
display:none
}
body.extended {
background-color: #1b1714;
background-image: none
}
body.extended #content {
width:920px
}
body.extended #navigation {
display:none
}
body.extended #content h1 {
font-size:14px;
font-weight:600
}
body.extended form#elementlist {
font-size:14px
}
body.extended #footerlinks {
display:block;
color:#fff;
text-align:center;
height:24px;
padding-bottom:6px;
background-color:transparent
}
body.extended #footerlinks ul {
margin:3px;
padding:3px
}
body.extended #footerlinks ul li {
list-style-type:none;
clear:none;
float:left;
margin:0 16px
}
body.extended #footerlinks ul li a {
color:#c1e2f3;
font-weight:500
}
body.extended #footerlinks ul li a:hover {
color:#fff;
}
/*--- floating nav menu ---*/
body.extended #navigation-float {
background: #027bb2;
width: 220px;
padding: 0;
margin: 0;
display: block;
position:absolute;
left:0;
top:136px;
border:5px solid #00618c
}
body.extended #navigation-float img {
display:none
}
body.extended #navigation-float div.navblock {
width: 200px;
padding: 0;
margin: 0;
display: block;
clear: both;
}
body.extended #navigation-float a.area, body.extended #navigation-float a.area:hover, body.extended #navigation-float a.area-admin, body.extended #navigation-float a.area-admin:hover {
background-repeat: no-repeat;
background-position: 93% 9px;
background-color: #fafafa;
width: 200px;
/*border-right:8px solid #e6e6e6;*/
height: 22px;
padding: 6px 0 0 0;
margin: 0;
display: block;
clear: both;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
color: #202020;
text-decoration: none;
cursor: pointer;
/*border-bottom: 2px solid #fafafa;
border-top:2px solid #fafafa;*/
}
body.extended #navigation-float a.nav, body.extended #navigation-float a.nav:hover {
background: #fff;
width: 200px;
height: 20px;
padding: 6px 0 0 0;
margin: 0;
display: block;
clear: both;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #202020;
text-decoration: none;
text-transform:none;
position: relative;
}
body.extended #navigation-float a.nav:hover {
color: #027bb2;
}
body.extended #navigation-float a.area.close {
text-indent:16px
}
body.extended #base {
background-color:#3b3b3b;
height:32px
}
body.extended ul#quicklinks {
display:inline
}
body.extended ul#quicklinks {
clear:both;
float:left;
margin:7px 0 0 12px
}
body.extended ul#quicklinks li a {
color: #fff
}
body.extended table tr td.table-left {
display:none
}
.error {
color:red;
font-weight:500;
font-style:italic
}
/* the norm */
#gritter-notice-wrapper {
position:fixed;
top:20px;
left:36%;
width:301px;
z-index:9999;
}
#gritter-notice-wrapper.top-left {
left: 20px;
right: auto;
}
#gritter-notice-wrapper.bottom-right {
top: auto;
left: auto;
bottom: 20px;
right: 20px;
}
#gritter-notice-wrapper.bottom-left {
top: auto;
right: auto;
bottom: 20px;
left: 20px;
}
.gritter-item-wrapper {
position:relative;
margin:0 0 10px 0;
background:url('images/ie-spacer.gif'); /* ie7/8 fix */
}
.gritter-top {
background:url(images/gritter.png) no-repeat left -30px;
height:10px;
}
.hover .gritter-top {
background-position:right -30px;
}
.gritter-bottom {
background:url(images/gritter.png) no-repeat left bottom;
height:8px;
margin:0;
}
.hover .gritter-bottom {
background-position: bottom right;
}
.gritter-item {
display:block;
background:url(images/gritter.png) no-repeat left -40px;
color:#eee;
padding:2px 11px 8px 11px;
font-size: 11px;
font-family:verdana;
}
.hover .gritter-item {
background-position:right -40px;
}
.gritter-item p {
padding:0;
margin:0;
}
.gritter-close {
display:none;
position:absolute;
top:5px;
left:3px;
background:url(images/gritter.png) no-repeat left top;
cursor:pointer;
width:30px;
height:30px;
}
.gritter-title {
font-size:14px;
font-weight:bold;
padding:0 0 7px 0;
display:block;
text-shadow:1px 1px 0 #000; /* Not supported by IE :( */
}
.gritter-image {
width:48px;
height:48px;
float:left;
}
.gritter-with-image,
.gritter-without-image {
padding:0 0 5px 0;
}
.gritter-with-image {
width:220px;
float:right;
}
/* for the light (white) version of the gritter notice */
.gritter-light .gritter-item,
.gritter-light .gritter-bottom,
.gritter-light .gritter-top,
.gritter-light .gritter-close {
background-image: url(images/gritter-light.png);
color: #222;
}
.gritter-light .gritter-title {
text-shadow: none;
}
a#tothetop {
float: right;
display: inline;
margin: 3px 12px 0 0;
color: #fff
}
body.extended a#tothetop {
margin: 6px 12px 0 0;
}
/* This is a very basic stylesheet for the date-picker. Feel free to create your own. */
/* The wrapper div */
div.datePicker
{
position:absolute;
min-width:24em;
width:24em;
z-index:9999;
text-align:center;
/* Change the font-size to suit your design's CSS. The following line is for the demo that has a 12px font-size defined on the body tag */
font:900 0.8em/0.8em Verdana, Sans-Serif;
/* For Example: If using the YUI font CSS, uncomment the following line to get a 10px font-size within the datePicker */
/* font:900 77%/77% Verdana; */
background:transparent;
/* Mozilla & Webkit extensions to stop text-selection. Remove if you wish to validate the CSS */
-moz-user-select:none;
-khtml-user-select:none;
}
/* Styles for the static datePickers */
div.staticDP
{
position:relative;
top:5px;
left:0;
}
/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
iframe.iehack
{
position:absolute;
background:#fff;
z-index:9998;
padding:0;
border:0;
display:none;
margin:0;
}
/* The "button" created beside each input for non-static datePickers */
a.date-picker-control:link,
a.date-picker-control:visited,
a.date-picker-control:hover,
a.date-picker-control:active,
a.date-picker-control:focus
{
/*position:relative;*/
/* Moz & FF */
display: -moz-inline-stack;
border:0 none;
padding:0;
margin:0 0 0 4px;
background:transparent url(../media/cal.gif) no-repeat 50% 50%;
min-width:16px;
line-height:1;
cursor:pointer;
visibility:visible;
text-decoration:none;
vertical-align:middle;
}
/* Feed IE6 the following rule, IE7 should handle the min-width declared above */
* html a.date-picker-control
{
width:16px;
}
a.date-picker-control
{
/* IE, Safari & Opera. Seperate CSS rule seems to be required. */
display:inline-block;
}
a.date-picker-control span
{
display:block;
width:16px;
height:16px;
margin:auto 0;
}
/* The next & previous buttons */
div.datePicker th span
{
display:inline;
padding:0;
margin:0;
color:#000;
text-align:center;
line-height:1em;
border-width:0;
font-family: georgia, times new roman, palatino, times, bookman, serif;
background:transparent;
font-weight:bold;
cursor:pointer;
}
div.datePicker th span.month-display,
div.datePicker th span.year-display
{
text-transform:uppercase;
letter-spacing:1px;
font:normal 1.2em Verdana, Sans-Serif;
cursor:default;
}
div.datePicker th span.prev-but,
div.datePicker th span.next-but
{
font-size:1.8em;
cursor:pointer !important;
}
div.datePicker th span.today-but
{
text-align:center;
margin:0 auto;
font:normal 1em Verdana, Sans-Serif;
width:100%;
text-decoration:none;
line-height:1.6em;
text-transform:uppercase;
cursor:pointer !important
}
div.datePicker thead th span.fd-disabled
{
color:#aaa;
cursor:default !important;
}
/* The mon, tue, wed etc day buttons */
div.datePicker th span.fd-day-header
{
text-align:center;
margin:0 auto;
font:900 1em Verdana, Sans-Serif;
height:1.4em;
width:2em;
text-decoration:none;
text-transform:lowercase;
line-height:1.4em;
}
/* The table */
div.datePicker table
{
position:relative;
margin:0;
padding:0;
border:1px solid #ccc;
background:#fff url(../media/gradient-e5e5e5-ffffff.gif) repeat-x 0 -20px;
text-align:center;
width:100%;
border-spacing:2px;
table-layout:fixed;
border-collapse:separate;
}
/* Common TD & TH styling */
div.datePicker table td
{
border:1px solid #ccc;
padding:0;
text-align:center;
vertical-align:middle;
/* Opera requires a line-height bigger than 1em in order to redraw properly */
line-height:1.2em;
cursor:pointer;
background:#fff url(../media/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;
width:3em;
height:3em !important;
height:2.8em;
outline:none;
}
div.datePicker table th
{
border:0 none;
padding:0;
line-height:1em;
font-weight:bold;
color:#222;
text-align:center;
vertical-align:middle;
}
div.datePicker table td.date-picker-unused
{
background:#fff url(../media/backstripes.gif);
border-color:#dcdcdc;
padding:0;
cursor:default !important;
}
div.datePicker table thead th.date-picker-title
{
width:auto;
height:auto;
padding:0.4em 0;
}
/* The "mon tue wed etc" day header button styles */
div.datePicker table th.date-picker-day-header
{
text-transform:lowercase;
width:3em;
}
div.datePicker table th.date-picker-day-header span
{
display:block;
}
/* The "todays date" style */
div.datePicker table td.date-picker-today
{
background:#fff url(../media/bullet2.gif) no-repeat 0 0;
color:rgb(100,100,100) !important;
}
/* The "selected date" style */
div.datePicker table td.date-picker-selected-date
{
color:#333 !important;
border-color:#333 !important;
}
/* the "highlight days" style */
td.date-picker-highlight
{
color:#a86666;
}
/* The date "out of range" style */
div.datePicker table td.out-of-range
{
color:#ccc !important;
font-style:oblique;
background:#fcfcfc !important;
cursor:default !important;
}
/* The "disabled days" style */
div.datePicker table td.day-disabled
{
color:#aaa !important;
background:transparent !important;
cursor:default !important;
}
/* The "active cursor" style */
div.datePicker table tbody td.date-picker-hover
{
background:#fff url(../media/bg_header.jpg) no-repeat 0 0;
cursor:pointer;
border-color:rgb(100,130,170);
color:rgb(100,130,170);
}
/*
Quirksmode necessity?
---------------------
If your HTML document renders in quirksmode (i.e. has no doctype declaration)
then uncomment the following CSS rule to set a less drastic font-size in IE
div.datePicker table th,
div.datePicker table td
{
font-size:100%;
}
*/
/* Remove the images for Internet Explorer <= v6 using the "* html" hack */
* html div.datePicker table td
{
background-image:none;
}
* html div.datePicker table td.date-picker-unused
{
background:#f2f2f2;
}
/*--- jdPicker ---*/
.jdpicker_w .date_selector * {
width: auto;
height: auto;
border: none;
background: none;
margin: 0;
padding: 0;
text-align: left;
text-decoration: none;
font-size:12px;
}
.jdpicker_w .date_selector {
background: #FFF;
border: 1px solid #bbb;
padding: 5px;
margin: -1px auto 0 auto;
position: absolute;
/*top:-100px;
left:-300px;*/
z-index: 100000;
display: none;
width:210px
}
.jdpicker_w .date_selector table{
width:210px;
margin-left:3px;
}
.jdpicker_w .date_clearer{
color: #a00;
padding-left:3px;
cursor:pointer;
font-weight:bold;
font-family:sans-serif
}
.jdpicker_w .date_selector_ieframe {
position: absolute;
z-index: 99999;
display: none;
}
.jdpicker_w .error_msg{
display:none;
text-align:center;
font-size:0.8em;
color:#666
}
.jdpicker_w .date_selector .nav {
width: 17.5em; /* 7 * 2.5em */
}
.jdpicker_w .date_selector .month_nav, .jdpicker_w .date_selector .year_nav {
margin: 0 0 3px 0;
padding: 0;
display: block;
position: relative;
text-align: center;
}
.jdpicker_w .date_selector .month_nav {
float: left;
width: 56%;
}
.jdpicker_w .date_selector .year_nav {
float: right;
width: 37%;
position:relative;
}
.jdpicker_w .date_selector .month_nav select {
width:75px;
margin: 0 auto;
border:1px solid #ccc;
position:relative;
top:1px
}
.jdpicker_w .date_selector .year_nav .year_input {
text-align:center;
width:36px;
border:1px solid #ccc;
position:relative;
top:2px
}
.jdpicker_w .date_selector .month_name, .jdpicker_w .date_selector .year_name {
font-weight: bold;
line-height: 20px;
}
.jdpicker_w .date_selector .button {
display: block;
position: absolute;
top: 0;
width: 18px;
height: 18px;
line-height: 17px;
font-weight: bold;
color: #333;
text-align: center;
font-size: 120%;
overflow: hidden;
border: 1px solid #F2F2F2;
cursor:pointer;
}
.jdpicker_w .date_selector .button:hover, .jdpicker_w .date_selector .button.hover {
background: none;
color: #333;
cursor: pointer;
border-color: #ccc;
}
.jdpicker_w .date_selector .prev {
left: 0;
}
.jdpicker_w .date_selector .next {
right: 0;
}
.jdpicker_w .date_selector table {
margin:0 auto;
border-spacing: 1px;
clear: both;
}
.jdpicker_w .date_selector th{
padding-top:5px
}
.jdpicker_w .date_selector th, .jdpicker_w .date_selector td {
text-align: center;
color: black;
}
.jdpicker_w .date_selector th.week_label{
font-weight:normal;
font-style:italic;
font-size:80%;
width:25px
}
.jdpicker_w .date_selector .week_num, .jdpicker_w .date_selector .hover .week_num, .jdpicker_w .date_selector .selected .week_num{
font-style:italic;
color:#333 !important;
vertical-align:bottom !important;
text-align:right;
border:none !important;
font-size:70%;
background:#FCFCFC !important;
padding-right:4px;
}
.jdpicker_w .date_selector td {
border: 1px solid #ccc;
line-height: 2em;
text-align: center;
white-space: nowrap;
color: #003C78;
background: white;
}
.jdpicker_w .date_selector td.today {
background: #FFFEB3;
}
.jdpicker_w .date_selector td.unselected_month {
color: #ccc;
}
.jdpicker_w .date_selector td.selectable_day, .jdpicker_w .date_selector tr.selectable_week td {
cursor: pointer;
background:url('images/bg_selectable.png');
border:1px solid #aaa;
color:#333
}
.jdpicker_w .date_selector td.selected, .jdpicker_w .date_selector tr.selected td{
background: url('images/bg_selected.png');
font-weight: bold;
}
.jdpicker_w .date_selector tr.selectable_week.hover td, .jdpicker_w .date_selector td.selectable_day.hover {
background: url('images/bg_hover.png');
color: white;
}
.subber {
display: none;
background-color: #f1dcb6
}
.parenter {
font-weight: bold
}
.parenter:hover {
cursor:pointer
}
div.filter {
width: 400px;
height: 22px;
padding: 0;
margin: 0 0 0 0;
display: block;
position: absolute;
top: 5px;
right: 6px;
z-index: 500;
text-align: right;
}
div#filters {
padding: 6px 0 6px 5px;
margin: 0 0 6px 0;
border-bottom: 1px dashed #000;
}
a.togglefilters, a.togglefilters:hover {
/*background: #FF9;*/
background-color: #d9e021;
padding: 4px;
margin: 0;
display: block;
clear: both;
/*font-family: Tahoma, Geneva, sans-serif;*/
font-size: 14px;
font-weight: normal;
text-decoration: none;
text-align: center;
cursor: pointer;
}
a.togglefilters:hover {
/*background: #F2963D;*/
background-color: #800080;
cursor: pointer;
color: #fff;
}