/******* webapp.css : Master webapp css *******/
h1 {
  color: #0066FF; 
  font-size: 16pt;
  font-family: Arial, Helvetica, sans-serif; 
}

h2 {  
  color: #0033CC; 
  font-size: 12pt;
  font-family: Arial, Helvetica, sans-serif; 
}

h3 {  
  color: #0033CC; 
  font-size: 11pt;
  font-family: Arial, Helvetica, sans-serif; 
}

h4 {  
  font-size: 10pt; 
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif; 
}

select {  
  font-size: 10pt; 
}

p {  
  font-size: 10pt; 
  font-family: Arial, Helvetica, sans-serif;
}

div {  
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 10pt; 
  font-weight: normal
}

textarea {  
  font-size: 10pt;
  color: black;
  font-family: Helvetica;
}


/******* This is the default date & event attribute in the main calendar *******/
a {
/*  font-size: 10pt; */
  color: black;
  font-family: Helvetica;
}

a:hover {
  color: #6666FF;
}

/************************ jquery slide menu *************************/
.jqueryslidemenu{
font: bold 12px Arial;				/* bold 12px Verdana; */
background: #806D7E;				/* #414141; */
width: 100%;
white-space: nowrap;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #806D7E;				/* #414141; background of tabs (default state)*/
padding: 4px 5px;
border-right: 1px solid #EBDDE2;	/* #778; */
color: #2d2b2b;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
  display: inline-block; 
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background: #5E5A80;					/* black; tab link background during hover state*/
color: white;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 12px Arial;
width: 150px; /*width of sub menus*/
padding: 3px 3px 3px 8px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid #EBDDE2;	/* gray */
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #5E5A80;					/* #eff9ff; */
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.ddoverlap{
border-bottom: 1px solid #bbb8a9;
}

.ddoverlap ul{
padding: 0;
margin: 0;
font: bold 100% default;
list-style-type: none;
}

.ddoverlap li{
display: inline;
margin: 0;
}

.ddoverlap li a{
padding: 3px 7px;
text-decoration: none;
padding-right: 32px; /*extra right padding to account for curved right edge of tab image*/
color: blue;
background: transparent url(../../app/images/righttabdefault.gif) 100% 1px no-repeat; /*give illusion of shifting 1px down vertically*/
border-left: 1px solid #dbdbd5;
position: relative;
display: block;
float: left;
margin-left: -20px; /*shift tabs 20px to the left so they overlap*/
left: 20px;
}

.ddoverlap li a:visited{
color: blue;
}

.ddoverlap li a:hover{
text-decoration: underline;
}

.ddoverlap li.current a{ /*selected tab style*/
color: black;
z-index: 100; /*higher z-index so selected tab is topmost*/
top: 1px; /*Shift tab 1px down so the border beneath it is covered*/
background: transparent url(../../app/images/righttabselected.gif) 100% 0 no-repeat;
}

.ddoverlap li.current a:hover{
text-decoration: none;
}


/* Paging widget for browser lists */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: right; /*Set to "right" to right align pagination interface*/
/*font-size: 16px; */
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #FFFF80;
}

.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}



/* Outside box of table lists */
.phpc-main, div.phpc-event-body, table.phpc-event-body {                            
  font-size: 10pt;
  font-family: Helvetica;
  border-style: solid;
  border-collapse: collapse; 
  border-color: #999999;
  border-width: 1px;
  color: black;
  background-color: #CCCCCC;
}


/* Sign-in screen & main calendar 
 *	- expand frame box prompt to full screen width 
 *  - remove all underlines (for calendar))
 */
table.phpc-main {
  width: 100%;
}

/* Center buttons on Signin screen */
thead, tfoot {
  text-align: center;
}

table.phpc-main tbody.horiz th {
  text-align: right;
}

table.phpc-main tbody.horiz td {
  text-align: left;
}

table.phpc-main p {
  font-size: 10pt;
  font-style: italic;
}

/* table lists - minor impact */
td {
  font-family: Helvetica;
  font-size: 10pt;				/* pre tablesort 10pt; */
  margin: 0;
}
/* table headings */
thead th {
  background-color: #e6EEEE;	/* pre tablesort #2554C7; */
  color: #3D3D3D;				/* pre tablesort white; */
  font-family: Arial;
  font-size: 10pt;				/* pre tablesort 10pt;  */
}

/* list used on display_day and search list results */
.phpc-list {                                    
  border: 0 solid #999999;
  border-width: 0px 1px;
  text-align: center;
}

/* keys in lists */
td.phpc-list-key {
  text-align: left;
  border: 0 solid #999999;
  border-width: 0px 1px;
}

/* list used for in enquiry for enquiry review */
.list1 {                                    
  background-color: white; 
  text-align: center;
}
.enquiry1 {
  background-color: #E0FFFF;
  text-align: center;
}
.list2, .enquiry2 {                                    
  background-color: #F0F0F6;		/* pre tablesort #E3E4FA; */
  text-align: center;
}

/* list used for enquiry note in enquiry review */
.enq-note {                                    
  border: 1px solid #999999;
  background-color: #C9C299;  
  text-align: center;
}

/* list used for options fields of enquiry note in enquiry review */
.enq-note-opt {                                    
  border: 1px solid #ECE5B6;
  color: #ECE5B6;
  background-color: #ECE5B6;
}

/* list used for enquiry note in enquiry review */
.enq-filler {                                    
  border: 0 solid #999999;
  border-width: 0px 1px;
  background-color: white;  
  line-height: 2px;
}


/* Minical month name */
caption {
  font-size: 11pt;
  color: black;
  background-color: white;
  padding: 2px;
  font-weight: bolder;
  font-family: Arial, Helvetica, sans-serif
}

/* Calendar CSS */

/****** The mini calendar uses this 
 	- month name, weekdays, days with activities ******/
.phpc-navbar {
  padding: 1px 5px 1px 5px;
}

/* using background color puts the day in an inner white square */
.phpc-navbar a {                            
  color: black;
  text-decoration: none;
  font-weight: bolder;
}

/* using background color puts the day in an inner white square */
.phpc-navbar a:hover {
  color: #6666FF;
}

/*********** The Weekday names at the top of the actual calendar ***********/
table.minical tr.dayname th {
	background-color : #EAE9EB;
	color: 	gray;
	border-style: outset;
	border-width:1px; 
}

#calendar .dayname th {
	font-size: 12px;
	font-family: Helvetica;
	font-weight: bold;
	background-color: gray;	
/*	background-color: black;
 *	color: 	#717D7D; */
	border-style: outset;
/*	border-width:1px; */
	color: 	white;
    margin-bottom: 1em;
/*	background-color : #EAE9EB; */
    border: 1px solid #625e00;
/*    border-width: 1px 0; */
    background: gray url(../../app/images/gray3block.gif) center center repeat-x;
}



/******* main calendar attributes - relates to all cells from day to dates ******/
#calendar td, #calendar th {
  border-style: solid;
  border-collapse: collapse;
  border-color: #666666;
  border-width: 1px;               /* required for firefox browser to make thin */
/*  overflow: hidden;             RJB 2-11-05 when scroll, indents right border */
}

/* Main calendar 
 *  - draw day borders together - no gaps
 *  - remove all underlines (for calendar))
 */

.phpc-cal {                            
  width: 100%;
  border-collapse: collapse;
  text-decoration: none;
}


/* colours for all calendar days */
table.phpc-cal td {
  text-align: left;
  color: inherit;
}

/* Calendar key */
table.cal-key {
  border: 1px solid;
}

table.phpc-cal td.past, table.minical td.past, table.cal-key td.past {
  background-color: #E3E4FA;
}

table.phpc-cal td.future, table.minical td.future, table.cal-key td.future {
  background-color: #EAE9EB;
}

table.phpc-cal td.weekend, table.minical td.weekend, table.cal-key td.weekend {
  background-color: #E0FFFF;
}

table.phpc-cal td.custody, table.minical td.custody, table.cal-key td.custody {
  background-color: #C3FDB8;
}

table.phpc-cal td.holiday, table.minical td.holiday, table.cal-key td.holiday {
  background-color: #ECE5B6;
}

table.phpc-cal td.today, table.minical td.today, table.cal-key td.today {
  background-color: #2B60DE;
}

/* non-real day squares on calendar */
table.phpc-cal td.none, table.minical td.none, table.cal-key td.none {
  background-color:  	#C8BBBE;
}

/* base format for all events and unconfirmed event */
table.phpc-cal p {
  font-size: 10pt;
  border-color: #999999;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  margin: 0;
}

table.phpc-cal p a {                       
  font-size: 10pt;
  display: block;
  text-decoration: none;
  color: red;
}

/* event hover format */
table.phpc-cal p a:hover {                 
  background-color: white;
  color: #6666FF;
}

table.phpc-cal td a {
}  

/* date number in calendar - don't show underline */
table.phpc-cal td a.date {
  font-weight: bold;
  text-decoration: none;
}  

/* Event attributes in calendar */
table.phpc-cal td span.event, table.cal-key td.adult {                        
  color: black;
  display: block;
  background-color: #FFFFCC;
}
                                                    
table.phpc-cal td span.event p.adult:hover {                        
  background-color: #EDE275;
}

                                                    
table.phpc-cal td span.event a {                        
  color: blue;
}

table.phpc-cal td span.event p.family, table.phpc-cal td span.event span.family, table.cal-key td.family {      
  display: block;
  background-color: #FFCCCC;
}

table.phpc-cal td span.event p.family:hover {                        
  background-color: #E8ADAA;
}

table.phpc-cal td span.event p span.unconf {
  color: #6666FF;
}

table.phpc-cal td span.event p a.unconf {
  color: red;
}

table.phpc-cal td span.event p a.unconf:hover {
  color: #6666FF;
}

/* No-event attributes in calendar */
table.phpc-cal td span.no-event p {                        
  border-width: 0;
}

 /* Ideas display format */
table.phpc-cal span.idea p {                        
  color : #0066FF;
  background-color : #FFFFFF;
  text-align: center;
  font-style: normal;
}

table.phpc-cal span.idea p a {                       
  color: #0066FF;
  text-decoration: none;
  background-color: white;
}

table.phpc-cal span.weekno {
  font-size: 80%;
  color: #666666;
}

table.phpc-cal span.hol-title {
  text-align: right;
  font-size: 100%;
}

/************* #search form ***************/
#search{
	font-size: 100%;
    padding: 1px 0px 1px 0px;
/*    float: right;		*/
	width: 100%;
	margin: 0px;
}

.sectiontable {
  border: 1px solid #000;
}

.sectionheader {
  text-align: center;
}
  
/* Month & year */
.sectionheader .date {			
  font-size: 16pt;
  font-weight: bold;
  color: black; 	/* #69656C; */
}

.sectioncontent {
  text-align: center;
}

.dash th {
  font-size: 10pt;
  font-weight: normal;
}

.dash td {
  background-color: #CCCCCC;
  border-width: 1px;
  border-color: #666666;
}

.phpc-tab-title, .phpc-tab-title td {
   background-color: #9999FF;
   text-align: center;
}
/* Month view fwd and back */
.mynav {
  font-size: 10pt;
  font-weight: normal;
}

.mynav td {
  font-size: 10pt;
  color: #009;
}
.mynav a {
  font-size: 10pt;
  text-decoration: none;
  color: #009;
}

.mynav a:hover {
  color: #6666FF;
}
  
/* /minical - bring day boxes together */
.minical {
  border-collapse: collapse;
}

/* dayname on minical */
.minical th {
  background-color: #E0FFFF;
  color: 	white;
  font-weight: normal;
  text-align: center;
}

/* day entry on minical */
.minical td {
  padding: 2px;
  border: 1px solid #C8BBBE;
  text-align: center;
}
.minical td a {
  display: block;
  padding: 2px;
}
 
 /* Month name on minical */
.minical caption a {
  color : #69656C;
}

/* JQuery Tool tips */
#tooltip {
	position: absolute;
	z-index: 3000;
	color: #000;
	width: 260px;
/*	opacity: 0.85;
 */
}
#tooltip h3, #tooltip div { margin: 0; }

 
#tooltip h3 {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 6px 6px 4px;
}
 
#tooltip div {
	font-size: 11px;
	padding: 4px 8px 8px;
	border-top-width: 0;
}                        

#tooltip.info {
	border: 1px solid #2554C7;
	background: #AFDCEC;
}

#tooltip.info h3 {
	color: #4A4344;
}

#tooltip.info div {
	background: #E0FFFF;
}

#tooltip.warn {
	border: 1px solid #347C17;
	background: #8BB381;
}

#tooltip.warn h3  {
	color: #FFFFFF;
}
 
#tooltip.warn div {
	background: #99C68E;
}

#tooltip.review {
	background: #C9C299;
	border: 1px solid #806517;
}
 
#tooltip.review h3  {
	color: #4A4344;
}
 
#tooltip.review div {
	background: #ECE5B6;
}

/*********** autoComplete *************/
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
/*	font-size: 12px; */
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url(../../app/images/ajax_busy.gif) right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

/************  Table Sort ************/
table.tablesorter {
	margin:10px 0pt 15px;
  border-style: solid;
  border-collapse: collapse;
  border-color: #999999;
  border-width: 1px;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 10pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(../../app/images/bg_sort.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../../app/images/asc_sort.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../../app/images/desc_sort.gif); 
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
  background-color: #E3E4FA;					/*	background-color:#F0F0F6; */
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}