/*
ArboNed CSS Framework
Customer/Brand specific stylesheet for KeurCompany
version 1.00 (17-aug-2006)
tested on FF1.5/IE6, not on animals

�2006 Joost van der Wal, Byelex Multimedia Products BV

Used colors:
red             #34B6E4
grey            #818a8f
light red       #F5F5F5     (button bar background)

This file should NOT be edited!
If you need custom styles or changes in styles specific for your application,
please use an application stylesheet to create (or override) styles!
*/

/***
/   Customer specific logo & colors
/--------------------------------------------------------***/

#page_align {
														position:absolute;
														width:60em;
														margin-left:-30em;
														left:50%;
}

.loginqst #bar_menu, .login #bar_menu,
#bar_menu                       {background:#fff url(../images/brand/kc_bar_menu.png) right no-repeat;z-index:10;}

.loginqst #logo, .login #logo,
#logo {						display:block;
							position:absolute;
							background:url(../images/brand/logo_byelex.png) no-repeat;
							width:160px;
							height:36px;
							top:18px;
							left:2px;
}

#menu_list2                     {border-left:1px solid #aaa;}

table.list td a,
#bar_doctabs li.active a,
#bar_doctabs a:hover,
#menu_list2 a, #bar_buttons a,
#bar_buttons input,
.page_title,
.home h1, .home h2,
.login h1, .login h2,
.login .sidebox h2, .login a,
.loginqst h1, .loginqst h2,
.loginqst .sidebox h2, .loginqst a,
a.qst_link {color:#34B6E4 !important;}

table.list td a,
a,
#menu_list2 a, #bar_buttons a,
#bar_buttons input {color:#444444 !important;}

.loginqst a:hover, a.qst_link:hover {color: #444444 !important;}


.page_links a,
.page_links a:hover {color: #888888 !important;}

.page_links a.currentpage,
.page_links a.currentpage:hover {color: #444444 !important;}

#bar_buttons, tr.oddrow:hover,
tr.evenrow:hover,
#loading_bar, #cancel_bar, .processing_bar       {background:#F5F5F5;}

table.list a:hover,
a:hover,
table.list td a:hover,
#menu_list2 a:hover,
#bar_buttons a:hover,
#bar_buttons .button_hover      {color:#34B6E4 !important;}

.oddrow                         {background:#f2f2f2}
table.list td                   {border-bottom:0}
#bar_bottom                     {background:url(../images/brand/lightfade.png) top repeat-x; border-top:1px solid #34B6E4;}
.login #bar_bottom              {}
.help h2                        {border-bottom-color:#34B6E4}
#apptitle                       {display:block; position:absolute; left:224px; top:20px; height:auto; padding-bottom:4px;font-size:20.4px; color:#999; border-left: 1px solid #AAAAAA; padding-left:16px;}

/***
/   Customer specific menu colors
/--------------------------------------------------------***/
#menu li a              {background:#f9f9f9 url(../images/brand/an_button_bg.png) 0 0 repeat-x; border:1px solid #7d818a; border-bottom:0; color:#777;}
#menu ul li:hover a,
#menu ul li.sfhover a   {background-color:#fff; color:#34B6E4;}                                     /*main menu item hover effect*/
#menu li.on a           {background-color:#fff; color:#34B6E4;}                                     /*main menu item ACTIVE state*/
#menu li li a           {color:#777 !important;}                                                    /*override color for subitems*/
#menu li ul             {background-color:#fff; color:#000; border:1px solid #7d818a; border-top:0} /*menu sub items*/
#menu li ul a:hover,
#menu ul li a:hover,
#menu li li a:hover,
#menu li li li.sfhover a{color:#34B6E4 !important;}                                                 /*menu sub items hover*/
#menu_list li:hover,
#menu_list li li.sfhover,
li.submenu:hover        {background-color: #eee !important;}                                        /*menu sub items hover bgcolor*/
#menu ul li:hover a li  {background-color:transparent}
#menu ul li ul li ul    {border-top:1px solid #7d818a;}

/***
/   Menu items (default=4)  (100%/4=25%)
/--------------------------------------------------------***/
#menu li                    {width:20%}                 /*only change this if there are MORE than 4 items, not LESS*/





/**
	 from app_kcvs.css brand specific part
*/

.page_title					{margin:16px 0 16px 0}

.leftbox					{padding-left:16px; margin-top:16px; margin-right:0; width:45%; font-size:12px; border:0; float:left}
.piform .leftbox			{width:390px;}

.login #page_align {
							background:#fff;
							position:absolute;
							width:764px;
							margin-left:-382px;
							left:50%;
}
.login #bar_menu 			{height:97px;}
.login #logo 				{top:10px; left:-14px;}
.login .sidebox 			{margin-left:0; width:380px; float:right;  border-left:1px solid #aaa;}
.login .leftbox				{width:300px; float:none; border:0}
.login h1					{font-size:27.4px}

.loginblock 				{width:389px; height:136px; background:url(../images/brand/block_login_bg_nl.gif) no-repeat}
.admin						{background:url(../images/brand/block_loginadmin_bg.gif) no-repeat}
.loginblock table 			{margin-top:40px; padding:8px; float:right; text-align:right;}
.loginblock table td 		{padding:0 4px;}
.loginblock input 			{float:right;clear:both; margin-right:14px}
.loginblock table input 	{width:250px; margin:0; padding:3px}
.login .error 				{background: none repeat scroll 0 0 #a70240; border: 3px double #FFFFFF; color: #FFFFFF; font-weight: bold;}

.login .error.info 			{background: none repeat scroll 0 0 #34B6E4; border: 3px double #FFFFFF; color: #FFFFFF; font-weight: bold;}
.login .error.info a		{color: white !important; text-decoration: none;}
.login .error.info a:hover	{color: white !important; text-decoration: underline;}


/**
	 from app_kcvs_qst.css brand specific part
*/

.loginqst #content,
.loginqst #container           {width:100%;}
.loginqst #content             {margin-top:8px; border:1px solid #ddd;}
.loginqst #logo                {top:18px; left:2px;}
.loginqst .sidebox             {margin:16px; width:200px; float:right; padding-left:20px; border-left:1px solid #aaa;}
.loginqst .leftboxqst             {margin:16px; width:250px; font-size:12px;}
.loginqst .error               {background: none repeat scroll 0 0 #a70240; border: 3px double #FFFFFF; color: #FFFFFF; font-weight: bold; margin-top:4px; padding:10px 15px;}
.loginqst .next2 input         {size:100px;}
.loginqst .next2 td            {font-size:12px;}
.loginqst .sidebox .boxbody    {text-align:left; height:auto; margin-bottom:16px; line-height:13.5pt;}
.loginqst .leftboxqst,
.loginqst .next2 td,
.loginqst .sidebox .boxbody    {color:#5b5b5b;}
.loginqst .sidebox h2          {margin-top:16px;}
.loginqst h1                   {font-size:28px; margin:0; font-weight:normal}
.loginqst h2                   {font-size:13px; margin:0;}
.loginqst #bar_bottom          {width:100%; margin-top:2px;}




.leftboxqst, .widebox	{padding-left:16px; margin-top:16px;font-size:12px;line-height:17px; }

.loginqst #page_align {
							background:#fff;
							position:absolute;
							width:764px;
							margin-left:-382px;
							left:50%;
}

.loginqst #bar_menu 		{height:97px;}
.loginqst .sidebox 			{margin-left:0; width:320px; float:left; border: none; }
.loginqst .sidebox * {font: 10px/1.7em Verdana, Arial, Helvetica, sans-serif;}
.loginqst .sidebox .hoewerkthet {list-style: none; padding: 0 0 0 5px;}
.loginqst .sidebox .hoewerkthet li {margin: 0px 0 10px 0; padding: 0 0 0 35px;}
.loginqst .sidebox .hoewerkthet li.een {background:url(../images/brand/header_login_03.png) no-repeat 10px top;}
.loginqst .sidebox .hoewerkthet li.twee {background:url(../images/brand/header_login_04.png) no-repeat 10px top;}
.loginqst .sidebox .hoewerkthet li.drie {background:url(../images/brand/header_login_05.png) no-repeat 10px top;}
.loginqst .sidebox .info {background: #fff; width:220px; height:auto; border: 2px solid #999999; padding: 5px; }
.loginqst .sidebox #help01 {position:absolute; left:50px; top:250px; z-index:1; visibility: hidden; }
.loginqst .sidebox #help02 { position:absolute; left:130px; top:250px; z-index:2; visibility: hidden; }
.loginqst .sidebox .header01 a { position: relative; top: -8px; left: 10px;  }

.loginqst .leftboxqst				{width:300px; float:right; border:0}
.loginqst h1					{font-size:27.4px}

.loginblockqst 				{width:389px; float:left; height:136px; margin-top:64px; margin-right:8px;}
	.loginblockqst.nl { background:url(../images/brand/block_login_bg_nl.gif) no-repeat; }
	.loginblockqst.en { background:url(../images/brand/block_login_bg_en.gif) no-repeat; }
	.loginblockqst.ru { background:url(../images/brand/block_login_bg_ru.gif) no-repeat; }
.loginblockqst table 			{margin-top:40px; padding:8px; float:right; text-align:right;}
.loginblockqst table td 		{padding:0 4px;}
.loginblockqst input 			{float:right;clear:both; margin-right:14px}
.loginblockqst table input 	{width:250px; margin:0; padding:3px}

.home .box {width: 90%;}

table.advisor_progresstable {position:absolute; top:64px; left:184px; width:452px;border:1px solid #aaa; background:#eee; border-collapse:collapse}
table.advisor_progresstable td {padding:2px; color:#34B6E4;font-size:10px;}
table.advisor_progresstable td.fill {background:#34B6E4;}

#error_message {
	position: absolute;
	top: 250px;
	left: 25%;
	right: 25%;
	font-size: 11px;
				color: #FFFFFF;
	background: #a70240;
	border: 2px solid #dee;
	z-index: 120;
	padding: 1px;
}

#apptitleqst  {display:block; position:absolute; left:224px; top:20px; height:26px; padding-bottom:4px;font-size:20.4px; color:#999; border-left: 1px solid #AAAAAA; padding-left:16px;width:68%;}
#apptitleqst img				{border:0; float:right;margin-top:-5px;}

#apptitleqst2  {display:block; position:absolute; left:224px; top:20px; height:26px; padding-bottom:4px;font-size:20.4px; color:#999; border-left: 1px solid #AAAAAA; padding-left:16px; width:75%;}
#apptitleqst2 img				{border:0; float:right;margin-top:-5px;}

.unanswered					{color: #a70240; }

.resultsTable .section	{background:#34B6E4;}

.button_plus:hover          {background:url(../../default/images/plus_blue.gif) 8px no-repeat;}
.button_filter:hover        {background:url(../../default/images/active_blue.gif) 8px no-repeat;}
.button_adduser:hover         {background:url(../../default/images/person_blue.gif) 8px no-repeat;}
.button_addreport:hover       {background:url(../../default/images/doc_blue.gif) 8px no-repeat;}
.button_save:hover            {background:url(../../default/images/save_blue.gif) 8px no-repeat;}
.button_cancel:hover          {background:url(../../default/images/cancel_blue.gif) 8px no-repeat;}
.button_edit:hover            {background:url(../../default/images/edit_blue.gif) 8px no-repeat;}
.button_delete:hover          {background:url(../../default/images/deny_blue.gif) 8px no-repeat;}
.button_print:hover          {background:url(../../default/images/print_blue.gif) 8px no-repeat;}

a.button_start				{border:1px solid #444444 !important; background:#eee !important;  color:#444444 !important ;}
a:hover.button_start		{border:1px solid #34B6E4 !important; background:#F5F5F5 !important; color:#34B6E4 !important;}

a.button365 {
				color:#fff !important;
				background:#34b6e4;
				font-weight:bold;
				padding:0.5em 1em;
				text-decoration:none;
}