/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.


/**********************************************************
* workaround: hide navigation by css
* find a better solution: disable nav before it is rendered
*
**********************************************************/
#main-navigation, #app-navigation, #app-nav-selected-item{
	display:none;
}


/**
 ================= header-navigation ======================================
*/


ul#masthead-main-nav {
	margin:  	   	2em;
	padding:  	   	0;
	list-style:     none;
	padding-left:	23px; /*IKA*/
}

ul#masthead-main-nav li{
	margin:  	0;
	padding:  	0;
	float:		left;
	text-align: center;
}

ul#masthead-main-nav li a.nav-item{
	margin-right:5px;
	background-image:url('/gmeportalview/images/nav/nav-item-background.png');
	background-repeat:repeat-x;
	color:#006801!important; /*!important*/
	height:  68px!important;
	width: 135px; 
	border:1px solid #cccccc;
	border-bottom:none;
	font-style:normal;
	outline:0 none;
	vertical-align:baseline;
	text-align:center;
	list-style:none outside none;
	display:block;
	font-size:12px;
	font-weight:bold;
	padding:4px 15px 0;
	text-decoration:none;
}
div#intranetTabs li a.nav-item, div#qmTabs li a.nav-item{
	margin-right:5px;
	height:  68px!important;
	width: 150px;
	border-bottom:none;
	font-style:normal;
	outline:0 none;
	vertical-align:baseline;
	text-align:center;
	list-style:none outside none;
	display:block;
	font-size:12px;
	font-weight:bold;
	padding:4px 15px 0;
	text-decoration:none;
}
ul#masthead-main-nav li a.nav-item:hover{
	background-image:none!important;
	background-color:#d7ecd7!important;
	color:#006801!important;
}

img.header-nav-icon{
	margin:5px 10px 5px;
	width:32px;
	height:32px;
}
a.nav-active{
	background-image:none!important;
	background-color:#e7e7e7!important;
	color:#666666!important;
}
/* 
===================================== 
Styles for the Meta-Navigation-Area 
=====================================
 */
div#meta-navigation-area{
	width:200px;
	font-size:9px;
	color:#999999;
	text-align:left;
	text-decoration:none;
	float:left;
	font-weight:normal;
	padding-right:10px;
	margin-left:19px;
}

div#meta-navigation-area a{
	font-size:9px;
	color:#999999;
	font-weight:normal;
}

#meta-navigation-area .logout{
	color:#017f01;
}

div#meta-navigation-area a:hover{
    text-decoration:underline;	
}

div#meta-navigation-area .highlight{
	color:#666666;	
	font-weight:bold;	
}

/************************
* GMEPortal-Box-View
*************************/
div.gmeportal-box{
	padding:3px;
	margin: 5px;	
	border:1px solid #ccc;
}

div.gmeportal-box h3{
	padding: 2px;
}


/************************
* Header-Box-View
*************************/
	div.header-box{
		width:750px;
		padding:5px 10px;
		margin: 5px;
	}
	
		
	div.header-box h1,
	div.header-box h2{
		font-weight:bold!important;
		background:none!important;
		margin-bottom:2px!important;
	}
	
	div.header-box h1{
		
	}
	
	div.header-box p.description{
		font-size:12px!important;
		margin:3px 0px 0px 15px!important;		
	}	
	

	
/************************
* Info-Box-View
*************************/
	
	div.info-box{
		width:750px;
	}
	
	
	div.info-box-header{		
		width:750px;					
		margin:10px 5px;						
	}
	
	div.info-box-header h3{
		padding:0px 10px 14px 10px;
		font-size:16px;
		font-weight:bold;		
		width:750px;
		border-bottom:1px solid black;
		//float:left;
	}
	
	div.info-box-header div.buttons{
		width:750px;
		text-align:right;
		padding:2px;
		margin:0 0 0 auto;
		//float:none;
	}
	
	div.info-box p.info{
		margin:3px 0px 0px 15px;		
	}
	
	div.info-box div.data{
		float:left;
		width:400px;
		margin-bottom:10px;
	}
	

	
	div.info-box div.inline-buttons{
		float:none;
		margin:0 0 0 auto;
	}
	

/************************
* Form-Box-View
*************************/
	form.form-box{
		width:770px;
		padding:10px 5px;
		
		background-color: #CCCCCC;
    	border-bottom: thin solid #F5F5F5;
    	border-top: thin solid #999999;
    	padding: 0.6em;
	}
	
	.form-header{
		padding:0px 10px 6px 10px;		
		font-size:14px;
		font-weight:bold;		
		width:750px;
		border-bottom:1px solid black;
	}
	
	form.form-box h3{
		font-size:12px;
		font-weight:bold;
	}
	
	.form-infotext{
		width:750px;
		padding:5px;
	}
	
	div.form-box{
		width:750px;
		padding:5px 10px;
		margin: 5px;
	}

	div.form-box label.main{
		font-weight:bold;
	}
	
	form.form-box label,
	div.form-box label{
		float:left;
		width: 250px;
		text-alignment:right;
		margin:5px;
	}
	
	form.form-box div.fieldgroup {
		/* width: 400px; problems in sort-order-forms*/
		margin:5px;
	}
	
	form.form-box p.fieldgroup{
		float:right;
		width:480px;		
		padding:5px;
	}
	
	form.form-box p.fieldgroup label{
		float:none!important;
		width:350px;
		text-alignment:left;
	}
	
	div.form-box input[type=text],
	div.form-box select,
	div.form-box textarea,
	form.form-box input[type=text],
	form.form-box select,
	form.form-box textarea,
	input[type=text].form-box,
	select.form-box,
	textarea.form-box  {
		margin:5px;
		width: 475px;
	}
	
	.form-box p.display{
		float:right;
		width:480px;	
		margin:5px; 
	}
	
	.form-box fieldset { 
		margin:10px 5px;
		border: 1px solid #999999;
		border-bottom: 1px solid #F5F5F5;    	    
	    border-radius: 6px; 
	    background: #CCC; 
	}
	           
	.form-box legend {
		font-size:12px;
		font-weight:bold;
		padding:5px;
		margin-left:50px;
	}     

/***************
* SMALL
****************/

	form.form-box label.small,
	div.form-box label.small{
		width: 150px;

	}
	

	div.form-box input.datefield{
		width: 80px;
	}
	
	div.form-box input[type=text].small,
	div.form-box select.small,
	div.form-box textarea.small,
	form.form-box input[type=text].small,
	form.form-box select.small,
	form.form-box textarea.small{
		width: 325px;	
	}
	
/************************
* GME Submit Buttons - IKA
*************************/
 	.submit-button.ui-state-default{
		background-color: #008101!important;
		background-image:none!important;	
		color:#ffffff!important;
     	border:1px solid #008101!important;
  	}
  	.submit-button.ui-state-hover{
		background-color: #099009!important;
		background-image:none!important;
		border:1px solid #099009!important;
  	}
	.submit-button.ui-state-default .ui-icon{
		background-image:url('/gmecommon/images/css/custom-theme/ui-icons_ffffff_256x240.png');
	}