/* $Id$ $URL$ */
/* WEB2PROJECT REQUIRED CLASSES */
BODY {
background-color: #70a5cc;
font-family: verdana, arial, helvetica, sans-serif;
}

A:link {
color: #006;
}

A:visited {
color: #006;
}

A:active {
color: red;
}

A:hover {
color: #0F99AB;
}

h1, .title {
font-family:inherit;
font-size: 16px;
text-transform: none;
}

h2, .subtitle {
color: #666;
font-family:inherit;
text-transform: none;
font-weight: bold;
}

h3 {
color: #08245b;
font-family:inherit;
text-transform: none;
}

/* Begin: Header Bar & Navigation for all pages */
div.titlebar {
background: url(images/title_bkgd.jpg);
}

div.header {
background: url(images/nav_bkgd.gif);
color:#000;
height: 24px;
}

div.shadow {
background: url(images/nav_shadow.jpg);
}

.nav a:hover{
background: #2E91C6 url(images/nav_item_hover.gif) repeat-x scroll 0%;
color:#FFFFFF;
text-decoration:none;
}
/* End: Header Bar & Navigation for all pages */

.bordertable {;
 border-radius:3px;
}

input.button {
    /* 基础样式 */
    font-size: 10pt;
    font-family: arial, helvetica, sans-serif;
    font-weight: 600; /* 加粗字体 */
    color: #FFFFFF; /* 白色文字 */
    
    /* 尺寸调整 */
    width: 151px;
    height: 28px; /* 稍微增加高度以适应新样式 */
    
    /* 移除背景图，使用渐变 */
    background: linear-gradient(135deg, #2E91C6 0%, #1E62A0 100%);
    
    /* 边框和圆角 */
    border: none;
    border-radius: 12px;
    
    /* 阴影效果 */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
    
    /* 内边距调整 */
    padding: 2px 0 5px 0px;
    
    /* 光标样式 */
    cursor: pointer;
    
    /* 过渡效果 */
    transition: all 0.3s ease;
    
    /* 文本阴影 */
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

input.button:hover {
    color: #FFFFFF;
    background: linear-gradient(135deg, #3BA9E9 0%, #2E91C6 100%);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

input.button:active {
    color: #FFFFFF;
    background: linear-gradient(135deg, #1E62A0 0%, #2E91C6 100%);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
    transform: translateY(0);
    outline: none; /* hide dotted outline in Firefox */
}

input.button:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(46, 145, 198, 0.3), 
                0 4px 6px rgba(0, 0, 0, 0.1);
}

.text{
border: 1px #acacac solid;
font-family: arial,Osaka,verdana,Sans-Serif;
font-size: 9pt;
//margin-top: 2px;
border-radius:4px;
//height: 24px;
}
.text textarea:focus, input[type="text"]:focus, select:focus{
border: 1px #acacac solid;
background-color:#ffe;
border-radius:4px;
}
.text select:focus, textarea:focus{
border: 1px #acacac solid;
background-color:#ffe;
border-radius:4px;
}

textarea {
border: 1px #acacac solid;
font-size: 9pt;
border-radius:4px;
}
textarea.small {
font-size: 8pt;
}

/* web2Project Top Banner and Top Nav Customization */
TH.banner {
background-color: #70a5cc;
color: white;
}

/*
**********************************
Begin IE TD buttonizing
**********************************
*/

TD.clsBtnUp {
color: #FFFFFF;
padding: 0px 3px;
border: inset 2px;
}

TD.clsBtnDown {
color: #FFFFFF;
padding: 0px 3px;
border: inset 2px;
}

TD.clsBtnOn {
color: #FFFFFF;
padding: 0px 3px;
border: outset #eeeeee 2px;
}

TD.clsBtnOff {
color: #FFFFFF;
padding: 0px 3px;
border: solid #559999 2px;
}

TD.topBtnOff {
color: #FFFFFF;
padding: 0px 3px;
border: solid #aeaeae 2px;
}

td.label {
background-color:#FFFFFF;
background-image:url(images/label.gif);
height:22px;
}

td.item {
background-color:#FFFFFF;
background-image:url(images/label.gif);
height:22px;
}

/* Standard table 'spreadsheet' style */
table.tbl {
background: #aeaeae;
width: 100%;
}

table.tbl TH {
//background: url("images/lines_title_bar.gif");
height: 22px;
border-color: #a9d4ff;
white-space: nowrap;
border-left-width: 0px;
border-right-width: 1px;
border-top-width: 0px;
border-bottom-width: 0px;
padding: 2px 2px 2px 2px;
font: 12px verdana, arial, helvetica, sans-serif;
text-align:center;
line-height:18px;
list-style-type: disc;
list-style-position: inside;
}

table.tbl td {
background-color: #ffffff;
}

table {
border-color: #acacac;
}

/* a 'standard' table */
table.std { 
background: #fafafa; 
border-color: #acacac; 
border-style: solid; 
border-width: 1px 2px 2px 1px;
border-radius:3px;
width: 100%;
}

table.std TH {
background-color:#FFFFFF;
background-image:url(images/label.gif);
font: bold 12px Arial, Helvetica, sans-serif;
text-align: center;
color: #000;
margin-bottom: 0;
padding: 1px;
list-style-type: disc;
list-style-position: inside;
}

table.addedit.pref td {
width: 50%;
}

table.std td.hilite {
background-color: #E8F3FE;
border-radius:3px;
}

/* contacts table */
table.contacts {
background-color: #e9f2f2;
}

table.contacts td {
background-color: #e9f2f2;
}

table.contacts td.hilite {
background-color: #e9f2f2;
}

/* links in header blocks */
A.hdr:link, A.hdr:active, A.hdr:visited {
color: #333;
}

A.hdr:hover {
color: #00FFE5;
}

/* tabbed boxes */
td.tabon {
background: #ffffff url('images/bar_top_Selectedmiddle.gif') repeat-x top;
font-weight: bold;
}
td.taboff {
background: #ffffff url('images/bar_top_middle.gif') repeat-x top;
font-weight: normal;
}
td.tabsp {
border-bottom: solid #a9d4ff 2px;
}
/* Bottom of tabbed boxes, this is the bottom colour of the table */
td.tabox {
background: #acacac;
border-top: solid #acacac 1px;
border-left: solid #acacac 1px;
border-right: solid #acacac 1px;
border-bottom: solid #acacac 1px;
}

/* Message styles */
.message {color: #08245b; }

/* month calendar - title area */
table.motitle {
background-color: #777777;
}
table.motitle td {
background-color: #f0f0f0;
}
table.motitle th {
background-color: #f0f0f0;
font-size: 12pt;
}

table.mocal {
background-color: #777777;
cursor: pointer;
}
table.mocal th {
background-color: #08245b;
color: #ffffff;
}
table.mocal td {
vertical-align: top;
}
table.mocal td.week {
background-color: #08245b;
height: 80px;
}
table.mocal td.empty {
background-color: #e0e0e0;
color: #aaaaaa;
text-align: left;
height: 80px;
}
table.mocal td.day{
background-color: #ffffff;
color: #333366;
text-align: left;
height: 80px;
}
table.mocal td.today {
background-color: #a5cbf7;
color: #ffffff;
text-align: left;
}

table.mocal td.weekend {
background-color: #f0f0f0;
text-align: left;
}

table.mocal td.event {
background-color: #ffff99;
text-align: left;
}

table.mocal .event {
}

/* mini calendar - title area */

table.minical {
}

table.minical th {
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-style:normal;
font-weight:normal;
line-height:normal;
}
table.minical td {
text-align: center;
}
table.minical td.week {
}
table.minical td.empty {
color: #aaaaaa;
background-color: #E0E0E0;
}
table.minical td.day{ }
table.minical td.today {
border : 1px dotted red;
background-color: #e0e0e0;
}
table.minical td.weekend {
background-color: #f0f0f0;
}
table.minical td.event {
background-color: #ffff99;
}
table.minical td.task {
background-color: #ababff;
}
table.minical td.eventtask {
background-color: #ffccff;
}
table.minical td.eventtoday {
background-color: #ffff99;
border : 1px dotted red;
}
table.minical td.tasktoday {
background-color: #ababff;
border : 1px dotted red;
}
table.minical td.eventtasktoday {
background-color: #ffccff;
border : 1px dotted red;
}

/* daily calendar */
table.tbl td.event {
background-color: #fff0b0;
}

table.tbl td.event td {
background-color: #fff0b0;
}

a.button {
    background: linear-gradient(145deg, #2E91C6, #0F99AB);
    color: white;
    display: inline-block;
    //font: normal 9pt 'Arial', sans-serif;
    //height: 32px;
    line-height: 32px;
    padding: 0 10px;
    text-decoration: none;
    border: none;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(46, 145, 198, 0.3),
                0 0 0 1px rgba(255, 255, 255, 0.1) inset,
                0 0 12px rgba(15, 153, 171, 0.4) inset;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

a.button::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, 
        rgba(255, 255, 255, 0) 0%, 
        rgba(255, 255, 255, 0.1) 50%, 
        rgba(255, 255, 255, 0) 100%);
    transform: rotate(45deg);
    transition: all 0.6s ease;
    opacity: 0;
}

a.button:hover {
    background: linear-gradient(145deg, #0F99AB, #2E91C6);
    box-shadow: 0 6px 12px rgba(46, 145, 198, 0.4),
                0 0 0 1px rgba(255, 255, 255, 0.2) inset,
                0 0 16px rgba(15, 153, 171, 0.6) inset;
    transform: translateY(-2px);
}

a.button:hover::before {
    opacity: 1;
    animation: shimmer 1.5s infinite;
}

a.button:active {
    transform: translateY(1px);
    box-shadow: 0 2px 4px rgba(46, 145, 198, 0.3),
                0 0 0 1px rgba(255, 255, 255, 0.1) inset,
                0 0 8px rgba(15, 153, 171, 0.3) inset;
}

a.button span, a.button div {
    display: block;
    position: relative;
    z-index: 1;
    padding: 0 !important;
    line-height: inherit;
}

@keyframes shimmer {
    0% {
        left: -100%;
        top: -100%;
    }
    100% {
        left: 100%;
        top: 100%;
    }
}

/* 保持与删除按钮的一致性 */
a.delete {
    background: linear-gradient(145deg, #ff6b6b, #c44d4d);
    color: white;
    display: inline-block;
    font: normal 9pt 'Arial', sans-serif;
    height: 32px;
    line-height: 32px;
    padding: 0 20px;
    text-decoration: none;
    border: none;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(198, 77, 77, 0.3),
                0 0 0 1px rgba(255, 255, 255, 0.1) inset,
                0 0 12px rgba(255, 107, 107, 0.4) inset;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
}

a.delete:hover {
    background: linear-gradient(145deg, #c44d4d, #ff6b6b);
    box-shadow: 0 6px 12px rgba(198, 77, 77, 0.4),
                0 0 0 1px rgba(255, 255, 255, 0.2) inset,
                0 0 16px rgba(255, 107, 107, 0.6) inset;
    transform: translateY(-2px);
}



a.delete {
    /* 基础样式 */
    background: none; /* 移除背景图 */
    color: #FFFFFF;
    display: block;
    float: left;
    font: normal 8pt arial, sans-serif;
    height: 28px; /* 调整高度 */
    margin-right: 0px;
    padding-right: 15px; /* 调整内边距 */
    text-decoration: none;
    border: none;
    border-radius: 12px; /* 添加圆角 */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    overflow: hidden;
}

a.delete span, a.delete div {
    /* 移除背景图，使用红色渐变 */
    background: linear-gradient(135deg, #E74C3C 0%, #C0392B 100%);
    display: block;
    line-height: 18px; /* 调整行高 */
    padding: 5px 15px 5px 15px; /* 调整内边距 */
    border-radius: 12px;
    font-weight: 600;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

a.delete:hover {
    color: #FFFFFF;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

a.delete:hover span, a.delete:hover div {
    background: linear-gradient(135deg, #FF6B6B 0%, #E74C3C 100%);
}

a.delete:active {
    background-position: bottom right;
    color: #FFFFFF;
    outline: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
    transform: translateY(0);
}

a.delete:active span, a.delete:active div {
    background: linear-gradient(135deg, #C0392B 0%, #E74C3C 100%);
    padding: 6px 15px 4px 15px; /* 点击时微调内边距 */
}

/* 焦点状态 */
a.delete:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.3), 
                0 4px 6px rgba(0, 0, 0, 0.1);
}

a.delete:focus span, a.delete:focus div {
    background: linear-gradient(135deg, #E74C3C 0%, #C0392B 100%);
}

.crumb ul {
margin-left: 5px;
padding: 0px;
}
.crumb ul li {
margin: 2px 2px 2px;
font-family:arial,sans-serif;
color: #000000;
text-decoration: none;
display: inline; /* Remove this line arrange the buttons vertically */
//background: transparent url('images/crumb_right.gif') no-repeat scroll top right;
float: left;
height: 22px;
padding-right: 10px; /* sliding doors padding */
border:0px;
}

.crumb ul li span, .crumb ul li div {
    /* 移除背景图 */
    background: none;
    /* 使用渐变背景 */
    background-image: linear-gradient(135deg, #2E91C6 0%, #1E62A0 100%);
    /* 添加圆角 */
    border-radius: 12px;
    /* 添加阴影以增强立体感 */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
    /* 文字颜色 */
    color: #FFFFFF;
    /* 字体样式 */
    font-weight: 600;
    /* 调整内边距 */
    padding: 6px 15px;
    /* 过渡效果 */
    transition: all 0.3s ease;
}

/* 悬停效果 */
.crumb ul li a:hover span, .crumb ul li a:hover div {
    background-image: linear-gradient(135deg, #3BA9E9 0%, #2E91C6 100%);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

/* 激活效果 */
.crumb ul li a:active span, .crumb ul li a:active div {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
}

.crumb ul li a {
display: inline;
color: #000000;
}
.crumb ul li a:active {
color: #AD0000;
}
.crumb ul li a:hover {
color: #FFFFFF;
}

.crumb-right div.crumb ul {
float: right;
}

/* Solves a Webkit issue with screwy overlapping spans - #299 */
span > img {
display: block;
overflow: hidden;
position: relative;
}

._problem span > img {
display: inherit;
}

/*tooltip*/

h4 {
font-weight: bold;
font-size: 14px;
margin: 0;
color: #9FD4FF;
}
 
/* TipTip CSS - Version 1.2 */

#tiptip_holder {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 99999;
}

#tiptip_holder.tip_top {
padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
padding-top: 5px;
}

#tiptip_holder.tip_right {
padding-left: 5px;
}

#tiptip_holder.tip_left {
padding-right: 5px;
}

#tiptip_content {
font-size: 11px;
color: #fff;
text-shadow: 0 0 2px #000;
padding: 4px 8px;
border: 1px solid rgba(255,255,255,0.25);
background: rgb(25,25,25);
background: rgba(25,25,25,0.92);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
border-radius: 5px;
box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
position: absolute;
border-color: transparent;
border-style: solid;
border-width: 6px;
height: 0;
width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
border-top-color: #fff;
border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
border-bottom-color: #fff;
border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
border-right-color: #fff;
border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
border-left-color: #fff;
border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
margin-top: -7px;
margin-left: -6px;
border-top-color: rgb(25,25,25);
border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
margin-top: -5px;
margin-left: -6px;
border-bottom-color: rgb(25,25,25);
border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -5px;
border-right-color: rgb(25,25,25);
border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -7px;
border-left-color: rgb(25,25,25);
border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#tiptip_content {
padding: 4px 8px 5px 8px;
background-color: rgba(45,45,45,0.88);
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
border-bottom-color: rgba(45,45,45,0.88);
}
#tiptip_holder.tip_top #tiptip_arrow_inner { 
border-top-color: rgba(20,20,20,0.92);
}
}

/*end_tooltip*/

img {
vertical-align: baseline;
}

label {
vertical-align: 25%;
}

.view th, .list th {
background: #CCC;
font-weight: bold;
}

.view td.data {
background-color: #E8F3FE;
}

table.login {
border-style: none;
margin-top: 10em;
width: 10em;
}

.topmeue{
  font-size:10pt;
}