/*---------------------------------------
 cp.css - Flashback Control Panel CSS File
 Copyright 2008 Talldude Networks LLC.
 ---------------------------------------*/

body {
font-family:Verdana,Helvetica,Arial,sans-serif;
background:#FFFFFF;
background-image: url('http://www.billyuk.co.uk/page_bg.gif');
font-size:11px;
color:#000000;
padding:0px;
margin:0px;
}

a {
color:#3333FF;
text-decoration:none;
}

HTML {
scrollbar-face-color:#FFFFFF;
scrollbar-arrow-color:#051D6B;
scrollbar-track-color:#FFFFFF;
scrollbar-shadow-color:; 
scrollbar-highlight-color:#D3D3D3; 
scrollbar-3dlight-color:#D3D3D3; 
scrollbar-darkshadow-Color:#D3D3D3;
}

a:hover {
text-decoration:underline;
}

img {
vertical-align:middle;
border:0px;
margin:1px;
}

table {
border:0px;
}

.inf {
color:#093;
}

.min {
color:#3333FF;
}

.maj {
color:#C60;
}

.cri {
color:#F00;
}

.jmFont3 {
color:#3333FF;
}

.mono {
font-family:monospace;
line-height:20px;
}

.pager {
font-size:10px;
}

.wrapper {
width:780px;
background-color:#FFFFFF;
background-image: url('http://www.billyuk.co.uk/page_bg.gif');
border-width:5px;
border-style:solid;
border-color:#FFFFFF;
border-image: url('page_bg.gif');
margin:0px auto;
}

.header {
background:transparent url("images/head.png") repeat-x;
background-color:#FFFFFF;
padding:10px;
}

.logo_name {
padding:12px;
text-transform:uppercase;
}

.logo {
float:right;
margin-top:12px;
margin-right:8px;
width:205px;
height:45px;
}

.main {
vertical-align:top;
width:780px;
}

.shadow {
background:transparent url("images/head_shadow.png") repeat-x;
height:8px;
padding:0px;
}

.menu {
background:#FFFFFF;
background-image: url('http://www.billyuk.co.uk/page_bg.gif');
font-size:10px;
vertical-align:top;
padding:5px;
border-top:2px solid #FFFFFF;
border-left:2px solid #FFFFFF;
text-transform:uppercase;
width:180px;
}

.menu_inset {
background:#FFFFFF;
background-image: url('http://www.billyuk.co.uk/page_bg.gif');
font-size:11px;
vertical-align:top;
padding:2px;
text-transform:capitalize;
}

.footer {
background-color:#FFFFFF;
background-image: url('http://www.billyuk.co.uk/page_bg.gif');
padding:10px;
}

.category {
font-weight:bold;
margin:0px auto;
vertical-align:top;
padding-left:5px;
text-transform:capitalize;
}

.icon {
display:block;
float:left;
font-size:14px;
text-transform:capitalize;
padding:2px;
width:146px;
text-align:center;
line-height:25px;
border:1px solid #FFFFFF;
}

.help {
position:absolute;
float:right;
z-index:1;
visibility:hidden;
padding:10px;
width:250px;
background:#FFFFFF;
background-image: url('http://www.billyuk.co.uk/page_bg.gif');
border:2px solid #FFFFFF;
font-size:12px;
text-align:left;
}

.welcome {
height:30px;
width:980px;
margin:0px auto;
}

.head_left {
text-transform:uppercase;
font-size:11px;
font-weight:bold;
color:#000000;
height:25px;
padding:3px;
}

.head_right {
padding:3px;
text-align:right;
font-size:8px;
color:#000000;
}

.left {
background:#FFFFFF;
background-image: url('http://www.billyuk.co.uk/page_bg.gif');
height:25px;
text-align:right;
padding:2px;
text-transform:capitalize;
font-size:11px;
color:#000000;
font-weight:bold;
}

.sub_left {
font-weight:normal;
font-size:8px;
color:#000000;
}

.center {
height:40px;
text-align:center;
font-variant:small-caps;
font-size:11px;
}

.right {
background:#FFFFFF;
background-image: url('http://www.billyuk.co.uk/page_bg.gif');
padding:5px;
font-size:9px;
color:#000000;
vertical-align:middle;
}

.divider{
height:0px;
}

.note {
text-align:center;
height:25px;
padding:3px;
font-size:11px;
color:#000000;
}

.jr_success {
background:#FFFFFF;
background-image: url('http://www.billyuk.co.uk/page_bg.gif');
border:1px solid #D3D3D3;
text-align:center;
height:60px;
text-transform:uppercase;
font-weight:bold;
font-size:20px;
color:#000000;
}

.jr_warning {
background:#FFFFFF;
background-image: url('http://www.billyuk.co.uk/page_bg.gif');
border:1px solid #D3D3D3;
text-align:center;
height:60px;
text-transform:uppercase;
font-weight:bold;
font-size:20px;
color:#000000;
}

.jr_error {
background:#FFFFFF;
background-image: url('http://www.billyuk.co.uk/page_bg.gif');
border:1px solid #D3D3D3;
text-align:center;
height:60px;
text-transform:uppercase;
font-weight:bold;
font-size:20px;
color:#000000;
}

.drop_menu {
background:#380273;
background-image: url('http://www.billyuk.co.uk/bg2044dd.png');
text-decoration:none;
color:#FFFFFF;
}

.drop_menu a {
color:#FFFFFF;
text-decoration:none;
}

.drop_menu_tab {
background:#380273;
background-image: url('http://www.billyuk.co.uk/bg2044dd.png');
padding:2px;
height:25px;
text-align:center;
font-size:10px;
font-weight:bold;
vertical-align:middle;
text-transform:uppercase;
color:#FFFFFF;
cursor:pointer;
}

.tab {
background:#380273;
background-image: url('http://www.billyuk.co.uk/bg2044dd.png');
font-size:10px;
text-align:center;
padding:2px;
}

.tab_active {
background:#380273;
background-image: url('http://www.billyuk.co.uk/bg2044dd.png');
font-size:10px;
height:25px;
font-weight:bold;
}

.table_header {
height:25px;
text-align:center;
text-transform:lowercase;
font-weight:bold;
font-size:8px;
padding:1px;
color:#000000;
}

.table_row {
height:20px;
background:#D3D3D3;
padding:1px;
font-size:10px;
color:#000000;
}

.update {
font-size:11px;
}

.progress_note {
text-align:center;
text-transform:uppercase;
font-weight:bold;
font-size:14px;
padding:1px;
font-size:11px;
color:#000000;
}

.progress_bar {
background-color:#D3D3D3;
border:1px solid #FFFFFF;
}

form.margin {
margin:0px;
}

input.error, select.error, textarea.error {
background:#D3D3D3;
}

.input, .input.file {
background-color:#D3D3D3;
font-size:12px;
border:1px #D3D3D3 solid;
padding:3px;
margin-bottom:2px;
width:322px;
vertical-align:middle;
}

.file {
background-color:#D3D3D3;
font-size:10px;
border:1px #D3D3D3 solid;
padding:3px;
margin-bottom:2px;
width:250px;
vertical-align:middle;
}

.select {
background-color:#D3D3D3;
font-size:12px;
color:#000000;
border:1px solid #D3D3D3;
padding:2px;
width:330px;
vertical-align:middle;
}

input.button {
font-size:10px;
text-transform:capitalize;
padding:0px;
margin:2px 0px 2px 0px;
vertical-align:middle;
}

.textarea {
font-size:12px;
border:1px solid #D3D3D3;
background-color:#D3D3D3;
padding:2px;
width:324px;
height:100px;
}

.checkbox {
background-color:#D3D3D3;
font-size:11px;
padding:0px;
vertical-align:middle;
margin:0px;
color:#000000;
}

.yesno {
border:0px;
font-size:12px;
}

.hintsClass {
font-family: tahoma, verdana, arial;
font-size:12px;
background-color:#D3D3D3;
color:#000000;
border:1px solid #FFFFFF;
padding:5px;
}

.hintSource {
color: green;
text-decoration: underline;
cursor: pointer;
}

#thumbBox{
position:absolute;
left:0px;
top:0px;
width:646px;
padding:10px;
padding-bottom:0;
background:#D3D3D3;
visibility:hidden;
z-index:10;
cursor:pointer;
}

#thumbBox .footerbar{
font:bold 16px Tahoma;
letter-spacing:5px;
line-height:1.1em;
color:#000000;
padding:5px 0;
text-align:right;
}

#thumbBox #thumbImage{
background:#FFFFFF;
color:#000000;
padding:2px;
}

#thumbLoading{
position:absolute;
visibility:hidden;
border:1px solid #FFFFFF;
background:#D3D3D3;
color:#000000;
padding:5px;
z-index:5;
}

/* The main calendar widget.  DIV containing a table. */
.calendar {
position: relative;
display: none;
border: 1px solid;
border-color: #D3D3D3 #000 #000 #D3D3D3;
font-size: 11px;
cursor: default;
background: Window;
color: WindowText;
font-family: tahoma,verdana,sans-serif;
}

.calendar table {
border: 1px solid;
border-color: #D3D3D3 #000 #000 #D3D3D3;
font-size: 11px;
cursor: default;
background: Window;
color: WindowText;
font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
text-align: center;
padding: 1px;
border: 1px solid;
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
background: ButtonFace;
}

.calendar .nav {
background: ButtonFace url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
font-weight: bold;
padding: 1px;
border: 1px solid #000;
background: ActiveCaption;
color: CaptionText;
text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
border-bottom: 1px solid ButtonShadow;
padding: 2px;
text-align: center;
background: ButtonFace;
color: ButtonText;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
border: 2px solid;
padding: 0px;
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.calendar thead .active { /* Active (pressed) buttons in header */
border-width: 1px;
padding: 2px 0px 0px 2px;
border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
width: 2em;
text-align: right;
padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
font-size: 80%;
color: #3333FF;
}
.calendar tbody .day.othermonth.oweekend {
color: #FFE685;
}

.calendar table .wn {
padding: 2px 3px 2px 2px;
border-right: 1px solid ButtonShadow;
background: ButtonFace;
color: ButtonText;
}

.calendar tbody .rowhilite td {
background: Highlight;
color: HighlightText;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
padding: 1px 3px 1px 1px;
border-top: 1px solid #D3D3D3;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #D3D3D3;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
padding: 2px 2px 0px 2px;
border: 1px solid;
border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.calendar tbody td.selected { /* Cell showing selected date */
font-weight: bold;
border: 1px solid;
border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
padding: 2px 2px 0px 2px;
background: ButtonFace;
color: ButtonText;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
color: #D3B955;
}

.calendar tbody td.today { /* Cell showing today date */
font-weight: bold;
color: #F2C105;
}

.calendar tbody td.disabled { color: GrayText; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
display: none;
}

/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
background: ButtonFace;
padding: 1px;
border: 1px solid;
border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
color: ButtonText;
text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
border-top: 1px solid #D3D3D3;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #D3D3D3;
padding: 1px;
background: #DEC9AA;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
padding: 2px 0px 0px 2px;
border-top: 1px solid #000;
border-right: 1px solid #D3D3D3;
border-bottom: 1px solid #D3D3D3;
border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
position: absolute;
display: none;
width: 4em;
top: 0px;
left: 0px;
cursor: default;
border: 1px solid;
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
background: Menu;
color: MenuText;
font-size: 90%;
padding: 1px;
z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}

.calendar .combo .label-IEfix {
width: 4em;
}

.calendar .combo .active {
padding: 0px;
border: 1px solid #000;
}

.calendar .combo .hilite {
background: Highlight;
color: HighlightText;
}

.calendar td.time {
border-top: 1px solid ButtonShadow;
padding: 1px 0px;
text-align: center;
background-color: ButtonFace;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
padding: 0px 3px 0px 4px;
border: 1px solid #898167;
font-weight: bold;
background-color: Menu;
}

.calendar td.time .ampm {
text-align: center;
}

.calendar td.time .colon {
padding: 0px 2px 0px 3px;
font-weight: bold;
}

.calendar td.time span.hilite {
border-color: #000;
background-color: Highlight;
color: HighlightText;
}

.calendar td.time span.active {
border-color: #D3B955;
background-color: #FFFFFF;
color: #15B450;
}

#dropmenudiv {
background:#380273;
position:absolute;
border:2px solid #D3D3D3;
border-bottom-width:2px;
font-size:10px;
line-height:16px;
z-index:200;
color:#F2DB81;
}

#dropmenudiv a {
background:#380273;
width:100%;
display:block;
text-indent:3px;
border-bottom:2px solid #D3D3D3;
text-decoration:none;
text-transform:uppercase;
height:20px;
color:#F2DB81;
}

#dropmenudiv a:hover {
font-weight:bold;
background:#380273;
text-transform:uppercase;
height:20px;
color:#FFFFFF;
}