/* Kigo CSS */

/*

Z-INDEX:

	div#appheader			100			See also kigo.js
	vkPopup.setZIndexBase()	500
	.calendar				700
	.calendar .combo		750
	div.tooltip				1000
	div.vkDebug				20000

*/



/*********************************************************************************************/
/* BODY */

* { font-family: Verdana; font-size: 8pt; font-weight: normal; }

body { font-family: Verdana; font-size: 8pt; font-weight: normal; }

body.page
{
	color: #000000;
	background-color: #F3F3F3;

	text-align: center;

	padding: 0px;
	margin: 0px;

	overflow-x: hidden;
	overflow-y: scroll;	/* Force, avoids the header bug on dynamic content height change */
}

body.page.ua-msie
{
	overflow-y: auto;
}

body.modal
{
	color: #000000;
	background-color: #FFFFFF;

	text-align: left;

	padding: 8px;
	margin: 0px;

	overflow: auto;
}

body.embed
{
	color: #000000;
	background-color: #FFFFFF;

	text-align: left;

	padding: 0px;
	margin: 0px;
}

body.embed.app
{
	overflow: hidden;
}


/*********************************************************************************************/
/* PAGE LAYOUT */

/* PAGE */
body.page #global { margin: 0px auto 8px auto; width: 900px; text-align: left; }
body.page #container { width: 868px; background-color: #FFFFFF; padding: 16px; display: none; }
body.page #footer { }
body.page #footer a,
body.page #footer a:visited { font-size: 7pt; color: #999999; text-decoration: underline; }
body.page #footer a:hover { color: #CCCCCC; }

/* MODAL */
body.modal #container { }


/* EMBED */
body.embed #container { margin: 0px auto 0px auto; padding: 0px; }


/*********************************************************************************************/
/* TABLE, IMG, A, Hx, FORM, SELECT, BUTTON, INPUT.* */

table { border-spacing: 0px 0px;  border-collapse: collapse;  padding: 0px;  margin: 0px;  empty-cells: show; }
table td { padding: 0px; }

img { border: 0px;  margin: 0px;  padding: 0px; }
.ua-msie-5-5 img, .ua-msie-6 img { behavior: url("/css/pngbehavior.htc"); }

a, a:visited { color: #000000;  text-decoration: underline; }
a:hover { color: #444444; }
a.disabled { text-decoration: none; color: #CCCCCC; cursor: default; }

strong { font-weight: bold; }

h1, h2, h3 { font-weight: bold; border-bottom: 1px solid #DDDDDD; }
h1 span, h2 span, h3 span { font-weight: bold; };
h1, h2 { padding: 0px 0px 4px 0px; margin: 4px 0px 8px 0px; }
h1 { font-size: 12pt; }
h1 span { font-size: 12pt; }
h2 { font-size: 10pt; }
h2 span { font-size: 10pt; }
h3 { font-size: 8pt; margin: 24px 0px 8px 0px; }
h3 span { font-size: 8pt; }


h2 a, h2 a:visited, h3 a, h3 a:visited { text-decoration: none; }
h2 a:hover, h3 a:hover { color: #444444; }

small { font-size: 7pt; }
small a {  font-size: 7pt; }
i { font-size: inherit; }

form { padding: 0px;  margin: 0px; }

select 
{
	border-left: 1px solid #333333;
	border-top: 1px solid #333333;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
select.disabled { background-color: #F0F0F0;  color: #666666; }

select optgroup { font-weight: normal;  font-style: normal;	 background-color: #EEEEEE;  margin-top: 5px; }
select optgroup option { font-weight: normal; background-color: #FFFFFF; }


button, button[disabled]
{
	background-color: #CCCC99;
	
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;

	font-weight: normal;

	white-space: nowrap;

	margin: 0px 0px 0px 0px;
	padding: 2px 6px 2px 6px;
}

/* 08/06/2010 */
button.blink
{
	background-color: #EEEEEE;
}


.ua-msie button,
.ua-msie button[disabled]
{
	line-height: 1em;	/* IE FIX WHEN WITHIN ".form p" */
	/* 15/10/2008 - IE Fix, see:
		http://jehiah.cz/archive/button-width-in-ie
		http://jehiah.cz/archive/an-even-better-ie-button-width-fix
	*/
	width: auto;
	overflow: visible;
}



input,
textarea
{
	background-color: #FFFFFF;
	color: #000000;

	border-left: 1px solid #333333;
	border-top: 1px solid #333333;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;

	margin: 0px;
	padding: 2px;
}

textarea { height: 60px; }

.ua-safari textarea,
.ua-chrome textarea
{
	resize: none; 
}

input.checkbox, input.radio {	background-color: #CCCC99;	border: none; padding: 0px; }

.ua-msie input.checkbox, 
.ua-msie input.radio,
.ua-opera input.checkbox, 
.ua-opera input.radio
{
	background-color: transparent;
	border: none;
}

.ua-opera input.checkbox,
.ua-opera input.radio
{ padding: 1px; }


input.cal {	width: 130px;	cursor: default; }

input.disabled,
textarea.disabled
{
	background-color: #F0F0F0;
	color: #333333;
}

/* Other browsers have nice default value */
.ua-opera input.checkbox[disabled]
{
	background-color: #AAAAAA;
	color: #333333;
}

/*********************************************************************************************/
/* MISC/SHARED MODIFIER CLASSES */

div.separator { border-top: 1px solid #666666; margin: 8px 0px 16px 0px; }

.left { text-align: left; }
.right { text-align: right; }

div.left { float: left; text-align: left; }
div.right { float: right; text-align: right; }



.number { text-align: right; white-space: nowrap; }
.center { text-align: center; }
.nobreak { white-space: nowrap; }

/* See if we can remove this one without breaking anything? I doubt so */
.wide { width: 240px; }

/* 24/02/2010 - Make the 'wide' never exceed 1/3 column... */
div.twocols .wide,
div.threecols .wide,
div.threecols2 .wide
{
	width: 240px;
}

/* 19/04/2010 ... with the exception of textareas ... */
div.twocols textarea.wide
{
	width: 400px;
}
div.threecols2 textarea.wide
{
	width: 550px;
}

/* 24/02/2010 ... but do limit it for 1/6 column */
div.sixcols .wide
{
	width: 130px;
}



.missing { background-color: #C5BBD3; }

/* Either move in list table or to the script that uses them: */

.unconfirmed_mine { background-color: #C5BBD3; }
.unconfirmed_notmine { background-color: #EFC867; }
.request { background-color: #BBBBBB; }

/* DEPRECATED !!! */
/* 27/07/2010 - Not so deprecated! */
.warn { color: #3333AA; }
.warn2 { color: #FF3333; }

/* 27/04/2010 - This was frequently required.. */
.discrete,
a.discrete { color: #AAAAAA; }


/* div.clear, br.clear */
.clear { clear: both; }

/* Used for short summaries (ie. 2 connected agencies, 1 connection request from agencies (pending)) */
div.summary, span.summary
{
	font-size: 8pt;
	font-weight: normal;
	margin-bottom: 8px;
}

span.summary
{
	margin-left: 12px;
}



/*********************************************************************************************/
/* FORM & FORM ELEMENTS */

.form { padding: 0px; margin: 0px; }
.form p { font-weight: bold; line-height: 200%; padding: 0px; margin: 0px 0px 6px 0px; clear: both; }
.form p label { font-weight: normal; line-height: 160%; }
.form p span { font-weight: normal; line-height: 120%; }
.form p a { font-weight: normal; line-height: 140%; color: #000000; text-decoration: underline; }
.form p a:hover { color: #444444; text-decoration: underline; }

/* Damn */
.form p a.warn2 { color: #FF3333; }

.form p.multicolumn { font-weight: normal; margin-top: -4px; }
.form p.multicolumn label { font-weight: normal; margin: -4px 8px 6px 0px; float: left; }

.form div.boxfield { 
	background-color: #FFFFFF;

	border-left: 1px solid #777777;
	border-top: 1px solid #777777;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	
	margin: 0px;
	padding: 2px;

	/* Must have fixed width & height for overflow to work */
	/* Default to wide width, arbitrary height */

	width: 240px;
	height: 100px;

	overflow: auto; 
}

.form div.boxfield label { display: block; margin: 4px 0px 4px 0px; }
.form div.boxfield p label { display: block; margin: 4px 0px 4px 16px; }



/*********************************************************************************************/
/* APPLICATION MENUS (page only) */

body.page div#appheader { z-index: 100; width: 900px; margin: 0px auto 0px auto; padding: 0px; text-align: left; overflow: hidden; }
body.page div#apptitle
{
	background-color: #000000;

	background-image: url(/img/menu/logo.png);
	background-repeat: no-repeat;
	background-position: 4px 3px;

	padding: 5px 16px 5px 5px;
}
body.page div#apptitle span
{
	margin-left: 20px;
	font-weight: bold;
	color: #F3F3F3;
}


body.page.app.ra div#apptitle
{
	background-color: #000000;

	background-image: url(/img/menu/logo_ra.png);
	background-repeat: no-repeat;
	background-position: 4px 3px;

	padding: 5px 16px 5px 5px;
}

body.page.app.owner div#apptitle
{
	background-color: #000000;

	background-image: url(/img/menu/logo_owner.png);
	background-repeat: no-repeat;
	background-position: 4px 3px;

	padding: 5px 16px 5px 5px;
}


body.page div#appuser { float: right; text-align: right; font-size: 7pt; font-weight: normal; color: #F3F3F3; }

body.page div#appuser a,
body.page div#appuser a:visited { font-size: 7pt; color: #FFFFFF; text-decoration: none; }
body.page div#appuser a:active,
body.page div#appuser a:hover { text-decoration: underline; }

body.page div#appmenu { width: 888px; height: auto; min-height: 100px; padding: 8px 6px 6px 6px; }

body.page div#appmenu div.group { float: left; width: 120px; margin: 0px 10px 0px 10px; overflow-x: hidden; }
body.page div#appmenu div.group h4 { font-weight: bold; font-size: 10pt; color: #F3F3F3; margin: 0px 0px 8px 0px; }
body.page div#appmenu div.group h5 { display: block; font-weight: normal; font-size: 8pt; color: #dce4e7; margin: 0px 0px 4px 0px; }

body.page div#appmenu div.group a,
body.page div#appmenu div.group a:visited { color: #dce4e7; text-decoration: none; }

body.page div#appmenu div.group a:hover,
body.page div#appmenu div.group a:active { text-decoration: underline; }

body.page div#appmenu div.group a.selected { background-color: transparent; text-decoration: underline; color: #F3F3F3; }
body.page div#appmenu div.group span { padding-left: 4px; padding-right: 2px; }

body.page.app.ra div#appmenu div.group.e-4 { width: 290px; }


body.page div#appheadertopspacer { height: 3px; font-size: 0px; background-color: #F3F3F3; }

/* Page-type dependant */

body.page.owner div#appmenu { background-color: #7ab318; background-image: url(../img/menu/bg_owner.png); background-position: 0 0; background-repeat: repeat-x; }

body.page.ra div#appmenu { background-color: #328DC1; background-image: url(../img/menu/bg_ra.png); background-position: 0 0; background-repeat: repeat-x; }

body.page.corp div#appmenu,
body.page.bo div#appmenu
{ background-color: #9E9FA1; }

/* Corp */

body.page.corp div#appheadertopspacer { display: none; }

body.page.corp div#apptitle span { display: none; }


body.page.corp div#apptitle { 
	background-color: #FFFFFF;
	background-image: url(/corp/img/logo/kigo_logo_header.png);
	background-repeat: no-repeat;
	background-position: 15px 15px;
	padding: 15px 0px 0px 0px;
	height: 60px;

	border-bottom: 1px solid #F3F3F3;
}

/* 04/01/2010 */
body.page.corp div#apptitle a { 
	display: block;
	margin-left: 15px;
	width: 90px;
	height: 47px;
}

body.page.corp div#apptitle a span { display: none; }


body.page.corp div#appmenu { min-height: 75px;}
body.page.corp div#appmenu div.group a,
body.page.corp div#appmenu div.group a:visited { color: #F3F3F3; text-decoration: none; }
body.page.corp div#appmenu div.group a:hover,
body.page.corp div#appmenu div.group a:active { text-decoration: underline; }
body.page.corp div#appmenu div.group a.selected { background-color: transparent; text-decoration: underline; color: #F3F3F3; }




/* Always align right the last menu */
body.page div#appmenu div.single,
body.page div#appmenu div.last { float: right; }

/* Except in BO */
body.page.bo div#appmenu div.single,
body.page.bo div#appmenu div.last { float: left; }




body.page.guest div#appmenu { background-color: red; }




/*********************************************************************************************/
/* LIST TABLES */

body.page table.list { width: 852px; }	/* In other page types, width must be set explicitly */
table.list * tr td { padding: 4px; cursor: default; }
table.list thead tr td { background-color: #EEEEEE; color: #000000; border: 1px solid #888888; }
table.list tbody tr td { border: 1px solid #888888; color: #000000; }
table.list tfoot tr td { text-align: right; }



table.list tbody tr.selected td,
table.list tbody tr td.selected { background-color: #FFFFCC; }

/* 13/04/2010 */
table.list tbody tr.off td { color: #AAAAAA; }



body.page div.form div.twocols table.list { width: 420px; }		/* In other page types, */
body.page div.form div.threecols2 table.list { width: 560px; }	/* width must be set explicitly */



/*********************************************************************************************/
/* PARAMSBAR, BTNBAR, PAGER */

div.paramsbar { width: 868px; padding: 0px 0px 8px 0px; margin: 0px 0px 8px 0px; border-bottom: 1px solid black; }
div.paramsbar button { margin: 0px 0px 0px 4px; }
div.paramsbar a { line-height: 140%; color: #000000; text-decoration: underline; }
div.paramsbar a { color: #444444; text-decoration: underline; }

div.btnbar { border-top: 1px solid black; text-align: right; margin: 6px 0px 8px 0px; padding: 4px 0px 0px 0px; }
div.btnbar button { margin: 0px 0px 0px 4px; }
div.btnbar div.left button { margin: 0px 4px 0px 0px; }


div.form div.twocols div.btnbar { width: 420px; }
div.form div.threecols2 div.btnbar { width: 560px; }


div.pager { text-align: right; margin: 16px 0px 8px 0px; }
div.pager.disabled { display: none; }

div.pager select { margin-left: 4px; margin-right: 4px; }
div.pager select option { text-align: right; }
div.pager span.total { margin-left: 4px; margin-right: 12px; }
div.pager span.sep { margin-left: 4px; margin-right: 4px; }


div.pager a { text-decoration: none; }
div.pager a.disabled { text-decoration: none; color: #CCCCCC; cursor: default; }
	



/*********************************************************************************************/
/* RESULT ITEM (owner's calendar and ra's search) */

table.resitem { width: 868px; margin: 8px 0px 12px 0px; }
table.resitem td { vertical-align: top; padding: 8px; border: 1px solid #444444; }
table.resitem td.info { line-height: 160%; background-color: #EEEEEE; }
table.resitem td.info img { margin: 6px 0px 6px 0px; padding: 0px 0px 0px 0px; }
table.resitem td.info a { text-decoration: underline; color: #000000; }
table.resitem td.info a:hover { text-decoration: underline; color: #666666; }
table.resitem td.cal { text-align: left; width: 654px; }
table.resitem td.cal div.buttons { text-align: right; }
table.resitem td.cal button { margin: 8px 0px 0px 4px; }
table.resitem td.info h4 { font-size: 9pt; font-weight: bold; margin: 4px 0px 8px 0px; }
table.resitem td.info h4 a, 
table.resitem td.info h4 a:visited { font-size: 9pt; font-weight: bold; text-decoration: none; }
table.resitem td.info h4 a:hover { color: #444444; }


/*********************************************************************************************/
/* COLUMNS LAYOUT WITH DIVS */

div.twocols { float: left; width: 434px; }
div.threecols { float: left; width: 289px; }
div.threecols2 { float: left; width: 578px; }
div.sixcols { float: left; width: 144px; }

/*********************************************************************************************/
/* TOOLTIPS */

div.tooltip
{
	position: absolute;
	display: none;

	z-index: 1000;

	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;

	text-align: left;

	color: #000000;

	white-space: nowrap;

	border: 1px solid #888888;

	padding: 3px 3px 3px 3px;
	margin: 0px 0px 0px 0px;
	
	background-color: #FFFFCC;

	opacity: .95;
	filter: alpha(opacity=95);
}

div.tooltip div.separator { margin: 8px 0px 8px 0px; }


/************************/
/* Reservation comments */

div.tooltip.reservation_comment,
body.ua-msie-6 div.tooltip_reservation_comment		/* For IE6... */
{
	text-align:left;
	width:300px;
	padding: 6px;
	overflow: hidden;
	white-space: normal;
}


div.tooltip.reservation_comment h1,
body.ua-msie-6 div.tooltip_reservation_comment h1		/* For IE6... */
{
	font-weight: bold;
	border-width: 0px;
	font-size: 8pt;
	padding: 0px 0px 0px 0px;	/* Kill padding because we don't have a border unlike body h1's */
	margin: 4px 0px 4px 0px;
}


/*********************************************************************************************/
/* TABBED MENUS */

div.tabbedMenu { padding: 0px; margin: 8px 0px 12px 0px; background-color: #FFFFFF; border-bottom: 1px solid #000000; }
div.tabbedMenu ul { margin: 0px; padding: 0px;  height: 26px; position: relative; top: 1px; }
div.tabbedMenu ul li { float: left; text-align: left; height: 26px;  overflow: hidden; list-style-image: none;  list-style-type:none; }
div.tabbedMenu ul li div
{
	min-width: 80px;
	height: 20px;	/* ul - 2 - padding */

	padding: 4px 4px 0px 4px;
	margin: 0px 8px 0px 0px;

	background-color: #FFFFFF;
	border: 1px solid #000000;

	text-align: center;
	vertical-align: middle;

	cursor: pointer;
}
/* Only <6 ? */
/*.ua-msie tabbedMenu ul li div { width: 120px; }*/
.ua-msie-6 div.tabbedMenu ul li div { width: 120px; }

div.tabbedMenu ul li div:hover { background-color: #CCCCCC; }
div.tabbedMenu ul li.sel div { cursor: default; background-color: #666666; color: #FFFFFF; }
div.tabbedMenu ul li.sel div:hover { background-color: #666666; }

/*********************************************************************************************/
/* TINY (JS) MENUS */

div.tinyMenu { padding: 0px; margin: 8px 0px 12px 0px; background-color: #FFFFFF; }
div.tinyMenu ul { margin: 0px; padding: 0px; height: 26px; position: relative; top: 1px; }
div.tinyMenu ul li { float: left; text-align: left; height: 26px; overflow: hidden; }


div.tinyMenu ul li div
{
	padding: 2px 4px 2px 4px;
	margin: 0px 8px 0px 0px;

	font-family: Verdana;
	font-size: 7pt;
	font-weight: bold;

	background-color: #FFFFFF;

	text-align:center;
	vertical-align: middle;

	cursor: pointer;
}
div.tinyMenu ul li.sel div { cursor: default; background-color: #666666;  color: #FFFFFF; }







/*********************************************************************************************/
/* kigoUpload */

div.kigo_upload { }
div.kigo_upload div.flash_container 
{
	width: 390px;
	height: 24px;
}









/*********************************************************************************************/
/* vkPopup */

div.vkPopupBg { position: absolute; left: 0; top: 0; background-color: #333333; opacity: .20; filter: alpha(opacity=20); }
div.vkPopup { border: 0px; width: 380px; position: absolute; }
div.vkPopup table { width: 100%; border-left: 2px solid #777777; border-top: 2px solid #777777; border-right: 2px solid #222222; border-bottom: 2px solid #222222; cursor: default; }
div.vkPopup table thead td
{
	color: #FFFFFF;

	font-weight: bold;
	line-height: 140%;

	text-align: left;

	white-space: nowrap;

	background-color: #333333;

	padding: 4px;
	
	border-left: none;
	border-top: none;
	border-right: none;
	border-bottom: 2px solid #666666;
}

div.vkPopup table tbody td
{
	color: #000000;

	font-weight: normal;
	line-height: 140%;

	text-align: left;

	white-space: normal;

	background-color: #E8E8E8;

	padding: 8px;
	border: none;
}

div.vkPopup table tbody td.icon { width: 10%; padding: 16px; }
div.vkPopup table tbody td.buttons { text-align: center; }
div.vkPopup table tbody td.buttons button { margin: 0px 8px 0px 8px; }
div.vkPopup table tbody td.icon img { width: 64px; height: 64px; }	

/*********************************************************************************************/
/* vkPopupModal */

/*

22/07/2010 - We definetly need to get rid of vkPopupModal table, and replace it by divs, because the settings conflict with any tables that are inside the popup
Until then, apply 'vkPopupModalClass' to every table component, to avoid those conflicts! This should have no visual impact.

*/


div.vkPopupModal { border: 0px; position: absolute; }
div.vkPopupModal table.vkPopupModal { border-left: 2px solid #777777; border-top: 2px solid #777777; border-right: 2px solid #222222; border-bottom: 2px solid #222222; cursor: default; }

div.vkPopupModal table.vkPopupModal thead.vkPopupModal td.vkPopupModal
{
	color: #FFFFFF;

	font-weight: bold;
	line-height: 140%;

	text-align: left;

	white-space: nowrap;

	background-color: #333333;
	
	padding: 4px;

	border-left: none;
	border-top: none;
	border-right: none;
	border-bottom: 2px solid #777744;
}

div.vkPopupModal table.vkPopupModal tbody.vkPopupModal td.vkPopupModal
{
	background-color: #FFFFFF;
	border: none;
}



div.vkPopupModal table.vkPopupModal tbody.vkPopupModal td.vkPopupModal iframe { border: none; padding: 0px; overflow: auto; }

div.vkPopupModal table.vkPopupModal tbody.vkPopupModal td.vkPopupModal div.localmodalcontainer { text-align: left; color: #000000; background-color: #FFFFFF; line-height: 1.4em; padding: 8px; margin: 0px; overflow: auto; }


.ua-firefox .localmodal, 
.ua-safari .localmodal,
.ua-chrome .localmodal
{ 
	/* these browsers ignore container's bottom padding when scroll is active... */
	padding-bottom: 4px; 
}



/*********************************************************************************************/
/* vkDebug */


div.vkDebug { position: absolute; left: 0px; top: 0px; background-color: #CCCCCC; padding: 1px; margin: 0px; z-index: 20000; opacity: .80; filter: alpha(opacity=80); }
div.vkDebug div.log
{
	width: 400px; height: 30px;
	font-family: 'Courier New', monospace; font-size: 7pt; font-weight: normal; background-color: #3333FF; color: #FFFFFF; text-align: left;
	white-space: nowrap; overflow: auto;
	padding: 2px; margin: 2px;
}

div.vkDebug div.buttons { width: 400px; background-color: red; padding: 2px; margin: 2px; text-align: right; }
div.vkDebug div.buttons button, 
div.vkDebug div.buttons button[disabled]
{
	font-family: Verdana; font-size: 7pt; font-weight: normal; background-color: #CCCCCC; font-weight: normal;
	
	border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-bottom: 1px solid #333333; border-right: 1px solid #333333;

	white-space: nowrap; padding: 1px 6px 1px 6px; margin: 0px 0px 0px 2px;
}




/*********************************************************************************************/
/* calendar */


/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #c8d0d4;
  font-family: tahoma,verdana,sans-serif;

  z-index: 700;
}

.calendar * { 
	font-size: 11px;
	font-family: tahoma,verdana,sans-serif;
}

.calendar table {
	
	/* KIGO */
	border-collapse: separate;
  
  
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #c8d0d4;
  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-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar .nav {
  background: transparent url(/img/calendar/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: #788084;
  color: #fff;
  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 #000;
  padding: 2px;
  text-align: center;
  background: #e8f0f4;
}

.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-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0px;
  background-color: #d8e0e4;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background-color: #b8c0c4;
}

/* 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: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #e8f4f0;
}

.calendar tbody .rowhilite td {
  background: #d8e4e0;
}

.calendar tbody .rowhilite td.wn {
  background: #c8d4d0;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
}

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

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #000 #fff #fff #000;
  background: #d8e0e4;
}

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

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

.calendar tbody .disabled { color: #999; }

.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: #e8f0f4;
  padding: 1px;
  border: 1px solid #000;
  background: #788084;
  color: #fff;
  text-align: center;
}

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

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  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-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #d8e0e4;
  font-size: 90%;
  padding: 1px;
  z-index: 750;
}

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

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

.calendar .combo .active {
  background: #c8d0d4;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar .combo .hilite {
  background: #048;
  color: #aef;
}

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

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

.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: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}



/*********************************************************************************************/
/* ... */


/* KIGO ACCORDION */
div .accordion.controler {
	cursor: pointer;		
}

h1.accordion.controler, h2.accordion.controler, h3.accordion.controler {
  background-color:#EEE; 
}

div .accordion.controler.open,
body.ua-msie-6 div	.accordion_controler_open		/* For IE6... */
{
	background-image:url('/img/misc/acordion-up.png');
	background-repeat:no-repeat;
	background-position: 6px center;
	text-indent: 20px;
}

div .accordion.controler.closed,
body.ua-msie-6 div .accordion_controler_closed		/* For IE6... */
{
	background-image:url('/img/misc/acordion-down.png');
	background-repeat:no-repeat;
	background-position:  5px center;
	text-indent: 20px;
}

div .accordion.controlee.closed,
body.ua-msie-6 div .accordion_controlee_closed		/* For IE6... */
{
	display: none;
}

div .accordion.controlee.open,
body.ua-msie-6 div .accordion_controlee_open		/* For IE6... */
{
	display: block;
}

div h2.accordion.controler.open:hover, body.ua-msie-6 div .accordion_controler_open:hover  {
    background-color: #CCC;
    border-bottom: 1px solid #999;
}

div h2.accordion.controler.closed:hover, body.ua-msie-6 div .accordion_controler_closed:hover {
    background-color: #CCC;
    border-bottom: 1px solid #999;
}

/*********************************************************************************************/
/* ... */

/* KIGO ADVANCED TEXT AREA */
.advTextAreaDD {
	margin-bottom:4px;		
}

/*********************************************************************************************/
/*   TOOLS   */