/* $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 {
     -moz-border-radius:3px;
     -webkit-border-radius:3px;
     border-radius:3px;
}

input.button {
    font-size:8pt;
    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 0px;
}

input.button:hover {
	color: #000000;
}

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

.text{
    border: 1px #acacac solid;
    font-family: arial,Osaka,verdana,Sans-Serif;
    font-size: 8pt;
    margin-top  : 2px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    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;
    border-radius:4px;
}
.text select:focus, textarea:focus{
    border: 1px #acacac solid;
    background-color:#ffe;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}

textarea {
    border: 1px #acacac solid;
    font-size: 9pt;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    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;
}

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: 11px 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; 
	-moz-border-radius:3px; 
    -webkit-border-radius:3px;
    border-radius:3px;
}

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;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    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: transparent url('images/button_right.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 8pt arial, sans-serif;
    height: 22px;
    margin-right:0px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
    border:0px;
}

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

a.button:hover {
	color: #FFFFFF;
}

a.button:active {
    background-position: bottom right;
	color: #FFFFFF;
    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 8pt arial, sans-serif;
    height: 22px;
    margin-right:0px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
	border:0px;
}

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

a.delete:hover {
	color: #FFFFFF;
}

a.delete:active {
    background-position: bottom right;
	color: #FFFFFF;
    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 {
    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: transparent url('images/crumb_left.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 2px 0 5px 10px;
}
.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));
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
	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: top;
}

label {
	vertical-align: 25%;
}

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

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