/*comments indicate tags that can be changed to customize the design*/

body 
{
	background-repeat:no-repeat; 
	background-color:#E0F0EC
}

.main 
{
	background-image: url(../images/background.jpg); /*location of the background image*/
	background-color: white;
	background-repeat: no-repeat; /*padding-top:20px;
	padding-left:20px;*/ /*change the padding if necessary*/
	color: black;
}

.gradient
{
	background-color: #709090; /*color of the first row*/
}

a
{
	color: #000000; /*text-color of links. should be set the same as the main text color*/
	text-decoration: none;
}


/*----------------------------------Main Colors-------------------------------*/

.backcolor_a 
{
	background-color: #709090/*color of the first row*/
}
/*-------------------------------------Top Frame-------------------------------*/

.label_topframe 
{ 
	font-weight: bold; 
	font-size: 6.5pt; 
	color: #ffffff; /*sets the text color in the buttons of the top frame (login, help)*/
	font-family: verdana,helvetica,sans-serif; 
	height: 18px; 
	background-color: #709090; /*background-color of the buttons. should be set the same as backgroundcolor_b*/
	text-decoration: none 
}

.labeladdress_topframe 
{
	font-family: verdana,helvetica,sans-serif; 
	font-weight: bold; 
	font-size: 8pt; 
	color:#007067;
}

/*--------------------------------Buttons----------------------------------*/

.button_GO
{
	color: #102075;/*font-color of the buttons*/
	background: #E2EEEA;/*background-color of the buttons*/
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 7pt;
	font-weight: bold;
	vertical-align:middle;
	border-style: solid;
	border-width: 1px;
	border-color: #ffffff;/*border-color of the buttons*/
	width:25px;
}

.button_main_small
{
	background: #709090;/*background-color of the buttons*/
	color: white;/*font-color of the buttons*/
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 7pt;
	font-weight: normal;
	border-style: solid;
	border-width: 1px;
	border-color: black;/*border-color of the buttons*/
	width:75px;
}

.button_main_small:hover
{
	background: #007067;/*background-color of the buttons*/
   background-repeat  :repeat-x;
   color: white;
}

.button_small
{
	background: #709090;/*background-color of the buttons*/
	color: white;/*font-color of the buttons*/
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 7pt;
	font-weight: normal;
	border-style: solid;
	border-width: 1px;
	border-color: black;/*border-color of the buttons*/
	width:75px;
}
.button_small:hover
{
	background: #007067;/*background-color of the buttons*/
   color: white;
}

.button_large
{
	background: #709090;/*background-color of the buttons*/
	color: white;/*font-color of the buttons*/
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 7pt;
	font-weight: normal;
	border-style: solid;
	border-width: 1px;
	border-color: black;/*border-color of the buttons*/
}
.button_large:hover
{
	background: #007067;/*background-color of the buttons*/
   color: white;
}
.button_main_large
{
	background: #709090;/*background-color of the buttons*/
	color: white;/*font-color of the buttons*/
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 7pt;
	font-weight: normal;
	border-style: solid;
	border-width: 1px;
	border-color: black;/*border-color of the buttons*/
}
.button_main_large:hover
{
	background: #007067;/*background-color of the buttons*/
   color: white;
}

.button_largest
{
	background: #709090;/*background-color of the buttons*/
   color: white;
   font-family: verdana,arial,helvetica,sans-serif;
	font-size: 7pt;
	font-weight: normal;
	border-style: solid;
	border-width: 2px;
	border-color: black;/*border-color of the buttons*/
	height:30px;
	width:200px;
}

.button_largest:hover
{
	background: #007067;/*background-color of the buttons*/
   color: white;
}

.button_main_largest
{
	background: #709090;/*background-color of the buttons*/
   color: white;
   font-family: verdana,arial,helvetica,sans-serif;
	font-size: 7pt;
	font-weight: normal;
	border-style: solid;
	border-width: 2px;
	border-color: black;/*border-color of the buttons*/
	height:30px;
	width:200px;
}

.button_main_largest:hover
{
	background: #007067;/*background-color of the buttons*/
   color: white;
}

/*-------------------------------Textboxes-----------------------------*/
.textbox_default
{
	color: #333333;/*font-color of the buttons*/
	background: white;/*background-color of the buttons*/
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 7pt;
	font-weight: normal;
	vertical-align: middle;
	width: 40mm; 
	border-style: solid;
	border-width: 1px;
	border-color: #709090;/*border-color of the buttons*/
}
.textbox_top /*at the top of the page*/
{
	color: #333333;/*font-color of the buttons*/
	background: white;/*background-color of the buttons*/
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 7pt;
	font-weight: normal;
	vertical-align: middle;
	width: 40mm; 
	border-style: solid;
	border-width: 1px;
	border-color: #709090;/*border-color of the buttons*/
}
.dropdownlist_default
{
	color: #333333;/*font-color of the buttons*/
	background: white;/*background-color of the buttons*/
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 7pt;
	font-weight: normal;
	vertical-align: middle;
	border-style: solid;
	border-width: 1px;
	border-color: #709090;/*border-color of the buttons*/
}
/*-------------------------------Datagrid-----------------------------*/
/*Changes in the datagrid have to be done maually*/

.datagrid 
{
	background-color: white; /*background-color in the datagrid*/
	color:black; /*font-color in the datagrid*/
	font-size:7pt; 
	font-family:verdana,helvetica,sans-serif;
}

.datagrid a
{
	text-decoration:underline /*format of the links in a datagrid*/ 
}

.datagrid_alternatingitem
{
	background-color: #D4DEDE; /*the color of the even rows in rows in the datagrid*/
	color:black; /*font-color of the even rows in the datagrid*/
	font-size:7pt; 
	font-family:verdana,helvetica,sans-serif;
}

.datagrid_header
{
	color:white; /*font-color of the datagrid header*/
	font-size:7pt; 
	font-family:verdana,helvetica,sans-serif;
	background-color: #709090; /*background-color of the datagrid header*/
}

.datagrid_header a
{
	color:white; /*font-color of the datagrid header*/
	font-weight:bold; 
	font-size:7pt; 
	font-family:verdana,helvetica,sans-serif;
	text-decoration:underline /*format of the links in a datagrid header (when sorting is possible)*/
}

.datagrid_marked
{
	color:black; /*font-color of the datagrid header*/
	font-weight:bold; 
	font-size:7pt; 
	font-family:verdana,helvetica,sans-serif;
	background-color: #F9B700; /*background-color of the datagrid header*/
}
.datagrid_footer
{
       background-color: #b0b0b0;
       color:black; 
       font-size:7pt; 
       font-family:verdana,arial,helvetica,sans-serif;
       border-top:2px solid black; 
}

.datagrid_footer td /* IE ignores border style on rows */
{
       border-top:2px solid black; 
}

.datagrid_page_footer
{
       background-color: #b0b0b0;
       color:black; 
       font-size:7pt; 
       font-family:verdana,arial,helvetica,sans-serif;
       border-top:1px solid black; 
}

.datagrid_page_footer td /* IE ignores border style on rows */
{
       border-top:1px solid black; 
}

.datagrid_group_bottom
{
       background-color: #c0c0c0;
       color:black; 
       font-size:7pt; 
       font-family:verdana,arial,helvetica,sans-serif;
       border-bottom:1px solid black;    
}

.datagrid_group_bottom td /* IE ignores border style on rows */
{
       border-bottom:1px solid black;    
}

.datagrid_group_top
{
       background-color: #c0c0c0;
       color:black; 
       font-size:7pt; 
       font-family:verdana,arial,helvetica,sans-serif;
       border-top:1px solid black; 
}

.datagrid_group_top td /* IE ignores border style on rows */
{
       border-top:1px solid black; 
}

.datagrid_group_selected
{
       font-weight:bold;
}
/* ASP.Net GridView-Control */

.GridView 
{ 
	background-color: white; /*background-color in the datagrid*/
	color:black; /*font-color in the datagrid*/
	font-size:7pt; 
	font-family:verdana,helvetica,sans-serif;
}

.GridView a
{
	text-decoration:underline /*format of the links in a datagrid*/ 
}

.GridView td
{
	border: solid 1px #FFFFFF;
	margin: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	text-align: center;
}

.GridViewHeader
{
	color:white; /*font-color of the datagrid header*/
	font-size:7pt; 
	font-family:verdana,helvetica,sans-serif;
	background-color: #709090; /*background-color of the datagrid header*/
}

.GridViewHeader a
{
	color:white; /*font-color of the datagrid header*/
	font-weight:bold; 
	font-size:7pt; 
	font-family:verdana,helvetica,sans-serif;
	text-decoration:underline /*format of the links in a datagrid header (when sorting is possible)*/
}

.GridViewAltItem
{
	background-color: #D4DEDE; /*the color of the even rows in rows in the datagrid*/
	color:black; /*font-color of the even rows in the datagrid*/
	font-size:7pt; 
	font-family:verdana,helvetica,sans-serif;
}


/*----------------------------------Label-------------------------------*/
/*Changing the colors of the labels (text, welcome, support) is not yet implemented and has to be done manually*/

.label_welcome
{
	color:black;/*font-color of the welcome-text*/
	font-size:7pt;
	font-family:verdana,helvetica,sans-serif;
}

.label_support
{
	color:red; /*font-color of the support-information*/
	font-size:7pt; 
	font-family:verdana,arial,helvetica,sans-serif;
}

.label_warning
{
	color:orange; 
	font-weight:bold; 
	font-size:7pt; 
	font-family:verdana,arial,helvetica,sans-serif;
}

.label_error
{
	color:red; 
	font-weight:bold; 
	font-size:7pt; 
	font-family:verdana,arial,helvetica,sans-serif;
}

.label_success
{
    	color:green; 
    	font-weight:bold; 
    	font-size:7pt; 
    	font-family:verdana,arial,helvetica,sans-serif;
}

.label_confirm
{
	color:#333333; 
	font-size:9pt;
	font-family:verdana,arial,helvetica,sans-serif;
}

.label_text
{
	color:black; 
	font-size:7pt; 
	font-family:verdana,arial,helvetica,sans-serif;
}

.label_text_bold
{
	color:black; 
  	font-weight:bold; 
	font-size:7pt; 
	font-family:verdana,arial,helvetica,sans-serif;
}

.label_history
{
	border:none;
	font-family: verdana,arial,helvetica,sans-serif; 
	font-weight: bold; 
	font-size: 7pt; 
	color:#007067;
}
.label_whiteframe_title
{
	border:none;
	font-family: verdana,arial,helvetica,sans-serif; 
	font-weight: bold; 
	font-size: 7pt; 
	color:#007067;
}
.label_heading_title
{
	border:none;
	font-family: verdana,arial,helvetica,sans-serif; 
	font-weight: bold; 
	font-size: 7pt; 
	color:#007067;
}
.label_hyperlink
{
	color:black; 
	font-size:7pt;
	font-family:verdana,arial,helvetica,sans-serif;
	text-decoration:underline;/*style of the title*/
}

/*------------------------------------headings-------------------------------------*/
.label_title
{
   display:block;
	color:#007067;/*font-color of the title*/
	text-decoration:underline;/*style of the title*/
	font-weight:bold; 
	font-size:7pt; 
	font-family:verdana,arial,helvetica,sans-serif;
}

.label_title_sub
{
   display:block;
	color:#007067;/*font-color of the title*/
	text-decoration:underline;/*style of the title*/
	font-weight:bold; 
	font-size:7pt; 
	font-family:verdana,arial,helvetica,sans-serif;
}

.arrow
{
	background-image:url(../images/arrow_woco.gif); /*image of an arrow or bullet sized 4x8px*/
	background-repeat:no-repeat;
	background-position:middle;
	background-position:center;
}

.menulink
{
   	text-decoration: underline;
   	font-size: 7pt;
   	font-family: verdana,arial,helvetica,sans-serif;
   	line-height: 14pt;
}

/*-----------------------------special-------------------------------*/
.select
{
	color: black;/*font-color of the drop-down list*/
	background: #ffffff;/*background-color of the drop-down list*/
	font-family: arial,helvetica,sans-serif;
	font-size: 7pt;
	font-weight: normal;
}

.table_item /*this tag is only used in old mis-filters*/
{
	color:black;
   	font-size:7pt; 
   	font-family:verdana,arial,helvetica,sans-serif;
}

fieldset /*element from html 4.0. Works with IE 4.0, Firefox 1.0, Opera 5.12. Used because of FC 4.1 ShipmentProtest page*/
{
   border: 1px solid grey;
   padding: 5px;
}

legend
{
   color:black;
   font-size:7pt; 
   font-family:verdana,arial,helvetica,sans-serif;
   padding-bottom: 10px;
}

/*

NEW

*/

.menubutton_leftframe_main_bg
{
   padding-left   :3px;
   padding-right  :3px;
   padding-top    :2px;
   padding-bottom :2px;
}
.menubutton_leftframe_main
{
	border:none;
	font-family: verdana,arial,helvetica,sans-serif; 
	font-weight: bold; 
	font-size: 7pt; 
	color:#007067;
}
.menubutton_leftframe_main_Clicked
{
	border:none;
	font-family: verdana,arial,helvetica,sans-serif; 
	font-weight: bold; 
	font-size: 7pt; 
	color:#004640;
}
.menubutton_leftframe_main:hover
{
	border:none;
	font-family: verdana,arial,helvetica,sans-serif; 
	font-weight: bold; 
	font-size: 7pt; 
	color:#004640;
}

.menubutton_leftframe_bg
{
   padding-left   :5px;
   padding-right  :5px;
   padding-top    :1px;
   padding-bottom :1px;
}
.menubutton_leftframe
{
	border:none;
	font-family: verdana,arial,helvetica,sans-serif; 
	font-weight: bold; 
	font-size: 7pt; 
	color:#007067;/*font-color of the menu-item in the left frame*/
}
.menubutton_leftframe_Clicked
{
	border:none;
	font-family: verdana,arial,helvetica,sans-serif; 
	font-weight: bold; 
	font-size: 7pt; 
	color:#004640;/*font-color of the menu-item in the left frame*/
}
.menubutton_leftframe:hover
{
	border:none;
	font-family: verdana,arial,helvetica,sans-serif; 
	font-weight: bold; 
	font-size: 7pt; 
	color:#004640;/*font-color of the menu-item in the left frame*/
}

.menubutton_leftframe_sub_bg
{
   padding-left   :5px;
   padding-right  :5px;
   padding-top    :1px;
   padding-bottom :1px;
}
.menubutton_leftframe_sub
{
	border:none;
	font-family: verdana,arial,helvetica,sans-serif; 
	font-weight: bold; 
	font-size: 7pt; 
	color:#007067;/*font-color of the sub-menu-item in the left frame*/
}
.menubutton_leftframe_sub_Clicked
{
	border:none;
	font-family: verdana,arial,helvetica,sans-serif; 
	font-weight: bold; 
	font-size: 7pt; 
	color:#004640;/*font-color of the sub-menu-item in the left frame*/
}
.menubutton_leftframe_sub:hover
{
	border:none;
	font-family: verdana,arial,helvetica,sans-serif; 
	font-weight: bold; 
	font-size: 7pt; 
	color:#004640;/*font-color of the sub-menu-item in the left frame*/
}


/*This is for the EurologWebForm Template and specifies the padding to the menu at the left*/

.template_heading
{
   padding-left:20px;
   background-image:url(../Images/arrow_woco.gif);
   background-position:10px center;
   background-repeat:no-repeat;
}

.template_content
{
   padding-top:15px;
   padding-left:20px;
}

/*Additional styles for DIVs */

/*.div_boxed
{
   border-top: black 1px solid;
   border-right:black 1px solid;
   border-left: black 1px solid;
   border-bottom: black 1px solid;
   padding-top: 15px;
   padding-right: 5px;  
   padding-left: 5px;
   padding-bottom: 5px; 
}*/



/*Use this div as a container if you want to use div_boxed_left AND div_boxed_right in the same line*/
.div_boxed_container
{
   display:block;
   position:relative;
   left:0px;
   top:5px;
   width:98%;
   height:auto;
   margin-bottom:10px;
}

.div_boxed_left
{
  display:inline;
  position:relative;
  left:0;
  top:0;
  width:45%;
  margin-right:10px;
  float:left;
  margin-top:5px;
  margin-bottom:5px;
}

.div_boxed_right
{
  display:inline;
  position:relative;
  left:0;
  top:0;
  width:48%;
  clear:right;
  margin-top:5px;
  margin-bottom:5px;
}

/*Use this div if you want to display only one Control like a grid*/
.div_boxed_fullsize
{
  display:block;
  clear:both;
  position:relative;
  left:0;
  top:0;
  margin-top:5px;
  margin-bottom:5px;
}

.text_box_woco
{
   background:#EAFAEE;
   border:solid 1px #336666;
}


/*The ASP.Net Calendar style*/

.CalendarStyle
{
 background:White;
 border-color:#999999; 
 font-family:Verdana;
 font-size:8pt;
 color:Black;
 Height:180px;
 margin-left:10px;
 Width:200px; 	
}

.CalendarDayHeaderStyle
{
   background:#709090;
   font-weight:bold;
   font-size:7pt;
   color:White;
}

.CalendarOtherMonthDayStyle
{
 
 background:lightgrey;
}

.CalendarSelectedDayStyle
{
   background:#709090;
   font-weight:bold;
   color:White;
   border:solid 1px #E0F0EC;
}

.CalendarSelectorStyle
{
   background:#E0F0EC;
}

.CalendarTitleStyle
{
   background:#709090;
   font-weight:bold;
   color:White;
}

.CalendarTodayDayStyle
{
   background:#E0F0EC;
   font-weight:bold;
   color:#709090;
   border:solid 1px #709090;  
}

.CalendarWeekendDayStyle
{
   background:#FAEEEE;
}

.CalendarDayStyle
{
	
}

.CalendarNextPrevStyle
{
	
}

.image_showhidemenu
{
   background-color:#709090;
   border-color:White;
   border-width:1px;
   border-style:Solid;
}

/*The ASP.Net Calendar style*/

.CalendarStyle
{
   background:White;
   border-color:#999999; 
  	font-family:verdana,arial,helvetica,sans-serif;
   font-size:7pt;
   color:Black;
   Height:160px;
   margin-left:10px;
   Width:180px; 	
}

.CalendarDayHeaderStyle
{
	background-image:url(../images/datagridheaderback.jpg);
	background-repeat:repeat-x;
   font-weight:bold;
   font-size:7pt;
   color:White;
  	font-family:verdana,arial,helvetica,sans-serif;
}

.CalendarOtherMonthDayStyle
{
   background:#D9D9D9;
  	font-family:verdana,arial,helvetica,sans-serif;
}

.CalendarSelectedDayStyle
{
   background:#143485;
   font-weight:bold;
   color:White;
   border:solid 1px #E0F0EC;
  	font-family:verdana,arial,helvetica,sans-serif;
}

.CalendarSelectorStyle
{
   background:#E0F0EC;
  	font-family:verdana,arial,helvetica,sans-serif;
}

.CalendarTitleStyle
{
   font-weight:bold;
   color:black;
  	font-family:verdana,arial,helvetica,sans-serif;
}

.CalendarTodayDayStyle
{
   background:#D9D9D9;
   font-weight:bold;
   color:black;
   border:solid 1px #0B5497;  
  	font-family:verdana,arial,helvetica,sans-serif;
}

.CalendarWeekendDayStyle
{
   background:#FAEEEE;
  	font-family:verdana,arial,helvetica,sans-serif;
}

.CalendarDayStyle
{
  	font-family:verdana,arial,helvetica,sans-serif;
}

.CalendarNextPrevStyle
{
  	font-family:verdana,arial,helvetica,sans-serif;
   color:White;
}

/*Ajax DragPanel style*/

.dragPanel_DragMePanel
{
	text-align:center;
	cursor:move;
	border-color:Black;
	border-width:1px;
	border-style:solid;
	border-collapse:collapse;
	background-image:url(../images/datagridheaderback.jpg);
	background-repeat:repeat-x;
	background-color: #18307B; /*background-color of the datagrid header*/
	height:20px;
	width:100%;
}

.dragPanel_DragMeLabel
{
	color:white; /*font-color of the datagrid header*/
	font-size:7pt; 
	font-family:verdana,arial,helvetica,sans-serif;
}

.dragPanel_DragContent
{
   overflow:scroll;
	border-color:Black;
	border-width:1px;
	border-style:solid;
	border-collapse:collapse;
	background-color:#D9D9D9;
   color:#333333; 
	font-size:7pt;
	font-family:verdana,arial,helvetica,sans-serif;
	height:100%;
	width:100%;
}

.dragPanel_resizingImage
{
	width:16px;
	height:16px;
	background-image:url(../images/resize.gif); /* this file is in the ajax toolkit samples */
	overflow:hidden;
	cursor:se-resize;
}
.dragPanel_ResizePanel
{
	background-color:#ffffff;
	/*border:solid 1px #445447;*/
	border-style:hidden;
	overflow:hidden;
}

/*Ajax Confirm Controls style*/

.modalBackground 
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopUp
{
   background-color:#D9D9D9;
   border-width:2px;
   border-color:black;
   border-style:solid;
   padding:10px;
}
.autocomplete_completionListElement
{
    BORDER-RIGHT: buttonshadow 1px solid;
    BORDER-TOP: buttonshadow 1px solid;
    VISIBILITY: hidden;
    MARGIN: 0px;
    OVERFLOW: auto;
    BORDER-LEFT: buttonshadow 1px solid;
    CURSOR: default;
    COLOR: windowtext;
    BORDER-BOTTOM: buttonshadow 1px solid;
    LIST-STYLE-TYPE: none;
    TEXT-ALIGN: left;
 	 border-color: #0B5497;/*border-color of the buttons*/
 	 padding:0px;
 	 min-width: 150px;
 	 width: auto !important;
    max-height: 210px;
 	 overflow-x : hidden;
}
.autocomplete_highlightedListItem
{
    PADDING-RIGHT: 1px;
    PADDING-LEFT: 1px;
    PADDING-BOTTOM: 1px;
    COLOR: black;
    PADDING-TOP: 1px;
    BACKGROUND-COLOR: white;
	 font-family: verdana,arial,helvetica,sans-serif;
	 font-size: 7pt;
  	 font-weight: bold;
  	 white-space: nowrap;
}
.autocomplete_listItem
{
    PADDING-RIGHT: 1px;
    PADDING-LEFT: 1px;
    PADDING-BOTTOM: 1px;
    COLOR: windowtext;
    PADDING-TOP: 1px;
    BACKGROUND-COLOR: white;
	 font-family: verdana,arial,helvetica,sans-serif;
	 font-size: 7pt;
  	 font-weight: normal;
  	 white-space: nowrap;
}
/*An individual version of the class for modal popup without padding. This class is only used in BMS*/
.modalPopUpBMSStockProgress
{
   background-color:#F8F8F8;
   border-width:2px;
   border-color:black;
   border-style:solid;
}
.modalPopUpBMSHeader
{
	font-weight: bold; 
	font-size: 6.5pt; 
	color: #ffffff;
	font-family: verdana,helvetica,sans-serif; 
	background-color: #709090; 
   padding-left:8px;
   padding-top:8px;
   padding-bottom:8px;
   padding-right:0px;
}
.fileUpLoad
{
   color:black; 
	font-size:7pt; 
	font-family:verdana,arial,helvetica,sans-serif;
}