/* $Id: main.css 1667 2011-02-19 07:13:26Z caseydk $ $URL: https://web2project.svn.sourceforge.net/svnroot/web2project/tags/version2.3/style/web2project/main.css $ */
/* WEB2PROJECT REQUIRED CLASSES */
BODY {
background-color: #70a5cc;
margin: 0 0 10px 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: small;
color: #333;
}
#contentTop, #contentBottom {
	border-spacing: 0;
	width:100%
}
#contentTop {
	height:17px
}
#contentBottom {
	height:35px
}
#contentTop, #contentTop td, #contentBottom, #contentBottom td {
	margin:0;
	padding:0;
}
#contentTop .contentTopL { 
    background: url("./images/box_left_corner.jpg") no-repeat;
    width: 20px;
}
#contentTop .contentTopC {
    background: url("./images/box_top.jpg") repeat scroll 0 0;
	width:auto;
}
#contentTop .contentTopR { 
    background: url("./images/box_right_corner.jpg") no-repeat;
    width: 20px;
}
#contentTop .contentTopTab {
    background: url("./images/tabbox_top.jpg") repeat scroll 0 0;
	font-size:0;
	height: 6px;
}
#contentBottom .contentBtmL { 
    background: url("./images/shadow_bttm_left_corner.jpg") no-repeat;
    width:20px;
}
#contentBottom .contentBtmC {
    background: url("./images/shadow_bottom.jpg") repeat scroll 0 0;
	width:auto;
}
#contentBottom .contentBtmR { 
    background: url("./images/shadow_bttm_right_corner.jpg") no-repeat;
    width:20px;
}
ul {
margin-left: 25px;
}

dl {
margin-top: 0;
padding-left: 1px;
}
dt {
margin-top: 0.5em;
color: #000099;
font-weight: bold;
}
dd {
margin-bottom: 0;
margin-left: 1.5em;
}

em {
font-weight: bold;
text-decoration: none;
font-style: normal;
}

A:link {
color: #006;
text-decoration: none;
}

A:visited {
color: #006;
text-decoration: none;
}

A:active {
color: red;
text-decoration: none;
}

A:hover {
color:#0093FF;
}

TD {
font-family: verdana, arial, helvetica, sans-serif;
font-size: small;
}

TR {
font-family: verdana, arial, helvetica, sans-serif;
font-size: small;
}

h1, .title {
font-size: medium;
font-weight: bold;
font-family: verdana, arial, helvetica, sans-serif;
color: #333;
margin-bottom: 0;
margin-top: 5px;
}

h2, .subtitle {
font-size: small;
font-weight: bold;
font-family: verdana, arial, helvetica, sans-serif;
color: #666;
margin-bottom: 0;
margin-top: 15px;
}

h3 {
font-size: small;
font-weight: bold;
font-family: verdana, arial, helvetica, sans-serif;
color: #08245b;
margin-bottom: 0;
margin-top: 35px;
}

bordertable {
border: 1px black solid;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

.bordertable {
 border: 1px black solid;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
}

input {
vertical-align:middle;
}

input.button {
font-size:small;
font-family: arial, helvetica, sans-serif;
font-weight:bold;
color:#333333;
width:151px;
height:21px;
background: transparent url('images/button.gif') no-repeat;
border-style:none;
line-height: 14px;
padding: 2px 0 5px 0;
}

input[type=button], input[type=file], button[type=submit], input.button, input.other_button {
cursor: pointer;
}
input.button:hover {
color:#0093FF;
}

input.button:active {
color: #0F99AB;
outline: none; /* hide dotted outline in Firefox */
}

input.other_button {
font-size:small;
font-family: arial, helvetica, sans-serif;
font-weight:bold;
color:#333333;
width:151px;
height:21px;
background: transparent url('images/button_other.png') no-repeat;
border-style:none;
line-height: 14px;
padding: 2px 0 5px 0;
}

input.other_button:hover {
color:#808080;
}

input.other_button:active {
color: #0F99AB;
outline: none; /* hide dotted outline in Firefox */
}

.text {
border: 1px #acacac solid;
font-family: arial,Osaka,verdana,Sans-Serif;
font-size: small;
margin-top: 2px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.text textarea:focus, input[type="text"]:focus, select:focus {
border: 1px #acacac solid;
background-color:#ffe;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.text select:focus, textarea:focus {
border: 1px #acacac solid;
background-color:#ffe;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
TEXTAREA {
border: 1px #acacac solid;
font-family: verdana, arial, helvetica, sans-serif;
font-size: small;
-moz-border-radius:4px;
-webkit-border-radius:4px;
	padding: 3px;
}
textarea.critical {
	font-family: verdana, arial, helvetica, sans-serif;
	border-color: red;
	border-style: double;
	border-width: medium;
	padding: 3px;
}
textarea.small {
border: 1px #acacac solid;
font-family: verdana, arial, helvetica, sans-serif;
font-size: x-small;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
}

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

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

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

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

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

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

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

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

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

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

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

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

table {
border-color: #acacac;
}

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

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

table.std td.hilite {
background-color: #E8F3FE;
-moz-border-radius:3px;
-webkit-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:#0093FF;
}

/* 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 */
.warning {
color: red
}
.error {
color: red
}
.message {
color: #08245b;
}

.no_ {
color: red
}

/* popup calendar */
body.popcal {
background-color: #f0f0f0;
}

table.poptitle, table.poptitle td {
background-color: #FFF;
}
table.poptitle th {
background-color: #FFF;
color: #000;
font-size: small;
font-weight: bold;
}

table.popcal {
background-color: #cccccc;
}

table.popcal th {
background-color: #FFF;
color: #000;
font-family: Osaka,helvetica,arial,sans-serif;
font-size: x-small;
font-weight: normal;
}

table.popcal td {
background-color: #FFF;
font-family: Osaka,helvetica,arial,sans-serif;
font-size: x-small;
text-align: center;
}

table.popcal td.empty {
background-color: #e0e0e0;
}

table.mocal td.day {
background-color: #FFF;
text-align: center;
}

table.popcal td.today {
}

table.popcal td.weekend {
background-color: #f0f0f0;
}

table.popcal a:link,
table.popcal a:visited {
color: #0000ff;
text-decoration: none;
}

table.popcal a.today:link,
table.popcal a.today:visited {
color: #ff0000;
font-weight: bold;
}

table.popcal a.weekend:link,
table.popcal a.weekend:visited {
color: #0000aa;
}

table.popcal a.empty:link,
table.popcal a.empty:visited {
color: #777777;
}

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

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

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

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

table.mocal .event {
}

/* mini calendar - title area */
table.minititle {
}
table.minititle td {
}
table.minititle th {
font-weight: normal;
}

table.minical {
}

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

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

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

TR.nav {
background: url("images/nav_bkgd.gif");
color: #000;
height:24px;
}

tr.nav a:hover {
background:#2E91C6 url(images/nav_item_hover.gif) repeat-x scroll 0;
color:#FFF;
text-decoration:none;
}

tr.nav ul li {
float:left;
margin:0 1px 0 0;
padding:0;
}

tr.nav ul {
font: bold small helvetica,arial,sans-serif;
line-height:100%;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:1px 0 0 0;
padding:0;
}

tr.nav ul li a {
color:#000;
display:block;
padding:5px 7px 6px;
text-decoration:none;
}

a.button {
background: transparent url('images/button_right.gif') no-repeat scroll top right;
color: #444;
display: block;
float: left;
font: normal small arial, sans-serif;
height: 22px;
margin-right:0;
padding-right: 10px; /* sliding doors padding */
text-decoration: none;
border:0;
}

a.button span {
background: transparent url('images/button_left.gif') no-repeat;
display: block;
line-height: 14px;
padding: 3px 0 5px 10px;
}

a.button:hover {
color:#0093FF;
}

a.button:active {
background-position: bottom right;
color: #FFF;
outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
background-position: bottom left;
padding: 4px 0 4px 10px; /* push text down 1px */
}

a.delete {
background: transparent url('images/delete_right.gif') no-repeat scroll top right;
color: #444;
display: block;
float: left;
font: normal x-small arial, sans-serif;
height: 22px;
margin-right:0;
padding-right: 10px; /* sliding doors padding */
text-decoration: none;
border:0;
}

a.delete span {
background: transparent url('images/delete_left.gif') no-repeat;
display: block;
line-height: 14px;
padding: 3px 0 5px 10px;
}

a.delete:hover {
color:#0093FF;
}

a.delete:active {
background-position: bottom right;
color: #FFF;
outline: none; /* hide dotted outline in Firefox */
}

a.delete:active span {
background-position: bottom left;
padding: 4px 0 4px 10px; /* push text down 1px */
}

.crumb ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.crumb ul li {
margin: 2px 2px 2px;
font-family:arial,sans-serif;
color: #000;
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:0;
}
.crumb ul li span {
background: transparent url('images/crumb_left.gif') no-repeat;
display: block;
line-height: 14px;
padding: 2px 0 5px 10px;
text-transform: capitalize;
}
.crumb ul li a {
display: inline;
color: #000;
}
.crumb ul li a:active {
color: #AD0000;
}
.crumb ul li a:hover {
color: #0093FF;
}

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

/*tooltip*/

h4 {
font-weight: bold;
font-size: small;
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: small;
color: #fff;
text-shadow: 0 0 2px #000;
padding: 4px 8px;
border: 1px solid rgba(255,255,255,0.25);
background-color: rgb(25,25,25);
background-color: rgba(25,25,25,0.92);
background-image: -webkit-gradient(linear, 0 top, 0 bottom, from(transparent), to(#000));
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: 0 0 3px #555;
-webkit-box-shadow: 0 0 3px #555;
-moz-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*/

form {
display: inline;
margin: 0;
}

img {
vertical-align: top;
}

label {
	vertical-align:middle;
}
label[for] {
    cursor:pointer;
}

TD.weekDay {
height:360px;
vertical-align: top;
padding: 0 4px 1px 4px;
border: 1px solid #ccc;
text-align: left;
}
TD.weekendDay {
height:360px;
vertical-align: top;
padding: 0 4px 1px 4px;
border: 1px solid #ccc;
text-align: left;
background-color:#F0F0F0;
}