@import url('/css/layout.css');

body
{
	background-image: url('page/navcell.gif');
	background-repeat: repeat-y;
	margin: 0px;		
	font-weight: normal;
}
h1
{
	font-size: 24px;
}
h2
{	
	font-size: 18px;
	color: #000000;
	/*border-bottom: 1px solid #000000;*/
}
.welcome_content
{
	text-align: center;
	color: #00457c;
}
#header
{
	background-image: url('/look/kihomac/page/manage.gif');			
	position: relative;
	height: 100px;	
}

#logo
{	
	position: absolute;	
	height: 100px;	
	width: 500px;	
	background-image: url('/look/kihomac/page/banner.gif');		
	background-repeat: no-repeat;
	text-decoration: none;
}
#logoff
{
	position: absolute;
	right: 20px;
	top: 20px;
	color: #FFFFFF;
}
.logoff
{
	position: absolute;
	right: 20px;
	top: 20px;
	color: #FFFFFF;
}
#user_details
{
	position: absolute;
	right: 20px;
	top: 10px;
	color: #FFFFFF;
}
.actions
{	
	position: relative;
	float: right;		
}
.action_link
{	
	font-weight: bold;
	color: #000000;	
	padding-left: 20px;
	padding-right: 20px;
	display: block;
	text-align: right;
}

#function_list
{
	z-index: 5;
	position: absolute;
	width: 400px;		
	left: -450px;
	top: 0px;
	text-align: left;	
}
#function_list #function_listing
{
	
	border: 4px solid #999999;
	background-color: #ebebeb;		
	
}

#function_list #function_heading
{
	cursor: move;
	border: 4px solid #999999;
	background-color: #999999;	
	color: #ebebeb;
	font-size: 14px;
	font-weight: bold;
	padding: 2px;	
}

#function_list iframe
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:3px;/*must have for any big value*/
	height:3px/*must have for any big value*/;
}

#function_list ul
{	
	margin: 15px;
	padding: 15px;
	
}
#function_list li
{	
	/*padding: 2px;	
	float: left; width: 48%;	*/
}

#function_list li.left
{	
	/*padding: 2px;	*/	
	clear: left;
}
#function_list li a
{
	padding-bottom: 6px;
}

.calendar .nav
{	
	float: none;
}
.top_container
{	
	float: left;	
	width: 150px;
}
a.top_nav, a.top_nav_admin, a.top_nav_selected, a.top_nav_admin_selected
{		
	background-image: url('page/nav_item_normal.gif');
	background-repeat: no-repeat;
	display: block;	
	height: 24px;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;				
	text-align: left;
	width: 124px;
	padding-top: 4px;
	padding-left: 4px;
	margin-top: 2px;
}
a.top_nav:hover
{
	background-image: url('page/nav_item_selected.gif');
	background-repeat: no-repeat;
	color: #ffffff;
	text-decoration: underline;		
}

a.top_nav_admin
{				
	background-image: url('page/nav_item_normal.gif');
	background-repeat: no-repeat;		
}
a.top_nav_admin:hover
{	
	background-image: url('page/nav_item_selected.gif');
	background-repeat: no-repeat;	
	color: #ffffff;
	text-decoration: underline;	
}

a.top_nav_selected
{
	background-image: url('page/nav_item_selected.gif');
	background-repeat: no-repeat;		
	color: #ffffff;	
}
a.top_nav_admin_selected
{
	background-image: url('page/nav_item_selected.gif');
	background-repeat: no-repeat;	
	color: #ffffff;	
}

ul.sub_links
{			
	position: absolute;
	z-index: 2;
	border: 1px solid #AD99AF;	
	background-color: #721D7A;
	margin-top: 0px;
	margin-left: 0px;
	padding: 5px;	
	padding-left: 20px;
	color: #FAD886;
}
.top_container li a
{		
	color: #FAD886;
	font-weight: normal;
	font-size: 12px;
	display: block;
	padding: 2px;
}
.top_container li a:hover
{			
	color: #721D7A;
	background-color: #FAD886;	
}
#undertabs
{
	text-align: center;
}
.wiz
{

        
    border: none;        
}

.wiz td
{
    
}
.facility_list
{
    background-color: #ffffff;        
    width: 50%;
}

.step
{
    color: #333333;
    padding: 5px;
    padding-left: 25px;
    padding-right: 25px;
}
.sidebar
{
    vertical-align: top;        
    padding: 5px;
    padding-left: 5px;        
    width: 135px;
}        
.nav_button
{
    background-color: #ffffff;
    border: 1px solid #507CD1;
    color: #284E98;
}
.nav_bar
{
    padding-left: 25px;
    padding-right: 25px;
}

fieldset
{

    padding: 15px;
}
legend
{
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 15px;    
}
label
{		
	font-style: italic;
}

.profile label, .profile_col label
{	
    display: block;
    padding-top: 10px;    
    padding-bottom: 2px;
}
.facility_list label
{
    display: inline;        
    padding: 0px;
    font-style: normal;
}
.spacer
{
    clear: both;
}

.noborder
{
    border: none;
    background-color: #ffffff;

}
.ces_header
{
    padding-left: 20px;
}

.conflict_True, .conflict_True a
{
    color: #ff0000;
}
.time_choose
{        
    position: absolute;
    height: 125px; 
    width: 320px; 
    background-color: #999999;
    font-size: 12px; 
    font-family: Arial; 
    border: 4px solid #999999;
    border-bottom: 8px solid #999999;
}
.choices
{
    overflow-y: scroll;
    height: 105px;     
    background-color: #ebebeb;
    padding: 4px;
}
.time_choose a.choice
{            
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
    color: #666666;
}
.time_choose a.choice:hover
{
    background-color: #000000;
    color: #ffffff;
}

.instruct
{    
    color: #ffffff;
}
.choice_row
{
    border-bottom: 1px solid #cccccc;
}
.choice_row:hover
{
    background-color:#cccccc;
}
.validator
{
    display: block;
}
ul.conflicts li
{
	color:#ff0000;
}
.calendar
{
	z-index: 3;
}      
table.report
{
	margin-bottom: 20px;	
}
.osgui_grid
{
	width: 800px;
}

.osgui_grid td
{
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: top;
}
.osgui_grid tr.header
{
	font-weight: bold;
	background-color: #D4D6EB;
	background-image:url('page/grad2.gif');
	background-repeat:repeat-x;
	color: #3C4185;	
}

.osgui_grid tr.header th, .osgui_grid tr.header td
{
	vertical-align: middle;
	padding: 6px;
	
}
.osgui_grid tr.item td, .osgui_grid tr.alt td
{
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: top;
}
.osgui_grid tr.alt td
{
	background-color: #efefef;
}

.osgui_grid tr.selected td
{
	background-color: #ffefef;
}

.osgui_grid .sub td
{
	font-size: 10px;
}
.osgui_grid ul.sub
{

	margin: 0px;
	padding: 0px;
}
.osgui_grid ul.sub li
{
	font-size: 10px;
	margin: 0px;
	margin-left: 15px;
	padding: 0px;
}


.osgui_grid td.label
{
	
	font-weight: bold;
	font-style: italic;
	text-align: right;
}

.osgui_grid td.label a
{
	font-size: 10px;
}

.osgui_grid tr.header a
{
	color: #ffffff;
	font-size: 12px;
}
.osgui_grid, .osgui_grid a, .osgui_grid a:active, .osgui_grid a:visited
{
	font-size: 12px;
	font-weight: normal;
}
.quick .heading .report .header th
{
    
    background-color: #D4D6EB;				        
    color: #3C4185;     
}
.heading
{
	background-image: url('page/grad.gif');
	background-repeat: repeat-x;
}
.quick .items
{
	border: 1px solid #8B8B8B;
}
.lookup
{
	border: none;
}

/*--------- Tabs -----------*/
.tabs
{
	display:block;
	/* fonts for the tabs */
	font-family: Helvetica,Arial,sans-serif;
	font-size:12px;	
}
.tabs .ajax__tab_tab
{
	/* header text is always be bold */
	font-weight:bold;	
}
.tabs .ajax__tab_body 
{	
	border:1px solid Gainsboro;
	padding:10px;
}
.tabs .ajax__tab_header
{
	border-bottom:1px solid #eeeeee;
	padding-right:10px;
}

/* regular header styles */
.tabs .ajax__tab_header .ajax__tab_tab
{
	/* left/right rounded images are 11 pixels wide */
	margin:0px 11px 0px 11px;
	color:#ffffff; 
	background:url(page/bg.gif) repeat-x;	
}
.tabs .ajax__tab_header .ajax__tab_outer
{
	/* 2 pixel horizontal space between tabs */
	margin-right:2px;
	background:url(page/right.gif) no-repeat right top;
}
.tabs .ajax__tab_header .ajax__tab_inner
{
	background:url(page/left.gif) no-repeat left top;
}

/* active/hover headers styles */
.tabs .ajax__tab_active .ajax__tab_tab, 
.tabs .ajax__tab_hover .ajax__tab_tab  
{
	/* left/right rounded images are 11 pixels wide */
	margin:0px 11px 0px 11px;
	color:#ffffff;
	background:url(page/bg.gif) repeat-x 0pt -48px;	
}
.tabs .ajax__tab_active .ajax__tab_outer,
.tabs .ajax__tab_hover .ajax__tab_outer
{
	/* 2 pixel horizontal space between tabs */
	margin-right:2px;
	background:url(page/right.gif) no-repeat 100% -48px;
}
.tabs .ajax__tab_active .ajax__tab_inner,
.tabs .ajax__tab_hover .ajax__tab_inner
{
	background:url(page/left.gif) no-repeat 0pt -48px;
}
/*-------- End Tabs ---------- */


@media print
{		
	body
	{
		background-image: none;		
	}
}