/*	DO NOT EDIT THIS FILE. IT WILL BE OVERWRITTEN ON EVERY SETUP
	FOR CUSTOM CHANGES TO THE STYLE OF EPORTAL, PLEASE EDIT STYLESCUSTOMER.CSS */


/* Form CSS */

.breadcrumb-current
{
	color:#FF6600;
}

.breadcrumb-node
{
	color:#CCCCCC;
	font-weight:bold;
}

.form_button
{
    height: 20px;
	font-size: x-small;
	color: #FFFFFF;
	background-color: #FF6600;
	border: 1px solid #FFFFFF;
}
.radalert a.rwPopupButton
{
    height: 20px;
	background: #FF6600;
	border: 1px solid #FFFFFF;
}
.radalert .rwPopupButton span.rwOuterSpan
{
	background: none;
}
.radalert .rwOuterSpan span.rwInnerSpan
{
	background: none;
	color: #FFFFFF;
	font-size: x-small;
}
.radconfirm a.rwPopupButton
{
    height: 20px;
	background: #FF6600;
	border: 1px solid #FFFFFF;
}
.radconfirm .rwPopupButton span.rwOuterSpan
{
	background: none;
}
.radconfirm .rwOuterSpan span.rwInnerSpan
{
	background: none;
	color: #FFFFFF;
	font-size: x-small;
}
.ruButton.ruBrowse
{
	height: 20px !important;
	font-size: x-small !important;
	color: #FFFFFF !important;
	background: #FF6600 !important;
	border: 1px solid #FFFFFF !important;
	vertical-align:middle !important;
}

.form_label
{
    text-align: left;
    color: #666666;
    font-size: x-small; 
    font-weight: 500;
}

.login_Info
{
    color: #555555;
    display: block;
    font-size: x-small;
    font-weight: 500;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px;
    position: relative;
    text-align: left;
}

.createdChangedByLabel
{
	font-style: italic;
}
.createdChangedByValue
{
	text-decoration: underline;
}
 
/* below declaration is only for form_labels that are inside a groupbox-table element */
.groupbox-table .form_label
{
    text-align: left;
    color: #666666;
    font-size: x-small; 
    font-weight: 500;
    /* this line height makes all table cells equally high */
    /* which ensures that all fields are equidistant from eachother */
    /* the star in front make ssure only IE reads this */
    line-height: 21px;
    position: relative;
    top: -1px;
}
.groupbox-table td
{
    vertical-align:top;
}

ul.asTable 
{
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
li.asColumn
{
    float: left;
    line-height: 14px;
    margin: 0;
    padding: 0 5px 0 0;
    width: 110px;
}

tr.trSpacer
{
    height: 1px;
    font-size: 0 !important;
    visibility: hidden;
}

.form_label_underline
{
	text-align: left;
	color: #666666;
	font-size:larger; 
    font-weight: 500;
    text-decoration: underline ;
}

.form_inputbox
{
    height: 14px;    
    font-family: Arial;
    font-size: x-small;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9; 
	text-transform:uppercase;
	width:140px;
/*	padding: 1px;*/
	padding: 2px 0px 1px 4px;
}

.form_inputbox_xlarge
{
    width:178px;
}

.form_inputbox_containerid
{
    width: 100px;
}

.form_disabled_inputbox
{
	color: #666666;
    background-color: transparent;
    border: 1px solid #cccccc;
}

.form_inputbox_very_very_small
{
    height: 14px;    
    font-family: Arial;
    font-size: x-small;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9; 
	text-transform:uppercase;
	width:24px;
/*	padding: 1px;*/
	padding: 2px 0px 1px 4px;
}

.form_inputbox_very_small
{
    height: 14px;    
    font-family: Arial;
    font-size: x-small;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9; 
	text-transform:uppercase;
	width:39px;
/*	padding: 1px;*/
	padding: 2px 0px 1px 4px;
}

.form_inputbox_small
{
    height: 14px;    
    font-family: Arial;
    font-size: x-small;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9; 
	text-transform:uppercase;
	width:72px;
/*	padding: 1px;*/
	padding: 2px 0px 1px 4px;
}

.form_inputbox_medium
{
    height: 14px;    
    font-family: Arial;
    font-size: x-small;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9; 
	text-transform:uppercase;
	width:131px;
	padding: 2px 0px 1px 4px;
}

.form_inputbox_large
{
    height: 14px;    
    font-family: Arial;
    font-size: x-small;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9; 
	text-transform:uppercase;
	width:238px;
/*	padding: 1px;*/
	padding: 2px 0px 1px 4px;
}

.form_inputbox_extralarge
{
    height: 14px;    
    font-family: Arial;
    font-size: x-small;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9; 
	text-transform:uppercase;
	width:260px;
/*	padding: 1px;*/
	padding: 2px 0px 1px 4px;
}

.no_uppercase_transform
{
	text-transform: none;
}

.form_inputbox_selected
{
    height: 14px;    
    font-family: Arial;
    font-size: x-small;
	color: #FFFFFF;
	background-color: #FF6600;
	border: 1px solid #7F9DB9; 
	width:140px;
/*	padding: 1px;*/
	padding: 2px 0px 1px 4px;
	text-transform:uppercase;
}

.admin_inputbox
{
    height: 15px;    
    font-family: Arial;
    font-size: x-small;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9; 
	text-transform:uppercase;
	width:140px;
/*	padding: 1px;*/
	padding: 2px 0px 1px 4px;
}

.admin_inputbox_selected
{
    height: 15px;    
    font-family: Arial;
    font-size: x-small;
	color: #FFFFFF;
	background-color: #FF6600;
	border: 1px solid #7F9DB9; 
	width:140px;
/*	padding: 1px;*/
	padding: 2px 0px 1px 4px;
	text-transform:uppercase;
}

.form_lcase_inputbox
{
    height: 14px;    
    font-family: Arial;
    font-size: x-small;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9; 
	width:140px;
/*	padding: 1px;*/
	padding: 2px 0px 1px 4px;
}

.form_lcase_inputbox_very_very_small
{
    height: 14px;    
    font-family: Arial;
    font-size: x-small;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9; 
	width:24px;
/*	padding: 1px;*/
	padding: 2px 0px 1px 4px;
	
}

.form_lcase_inputbox_very_small
{
    height: 14px;    
    font-family: Arial;
    font-size: x-small;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9; 
	width:39px;
/*	padding: 1px;*/
	padding: 2px 0px 1px 4px;
}

.form_lcase_inputbox_small
{
    height: 14px;    
    font-family: Arial;
    font-size: x-small;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9; 
	width:72px;
/*	padding: 1px;*/
	padding: 2px 0px 1px 4px;
}

.form_lcase_inputbox_medium
{
    height: 14px;    
    font-family: Arial;
    font-size: x-small;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9; 
	width:131px;
/*	padding: 1px;*/
	padding: 2px 0px 1px 4px;
}

.form_lcase_inputbox_large
{
    height: 14px;    
    font-family: Arial;
    font-size: x-small;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9; 
	width:238px;
/*	padding: 1px;*/
	padding: 2px 0px 1px 4px;
}

.form_lcase_inputbox_extralarge
{
    height: 14px;    
    font-family: Arial;
    font-size: x-small;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9; 
	width:260px;
/*	padding: 1px;*/
	padding: 2px 0px 1px 4px;
}

.form_lcase_inputbox_selected
{
    height: 14px;    
    font-family: Arial;
    font-size: x-small;
	color: #FFFFFF;
	background-color: #FF6600;
	border: 1px solid #7F9DB9; 
	width:140px;
/*	padding: 1px;*/
	padding: 2px 0px 1px 4px;
}

.form_textarea
{
    font-family: Arial;
    font-size: x-small;
    color: #666666;
    background-color: #FFFFFF;
	border: 1px solid #7F9DB9; 
    padding-top: 2px;
	padding-left: 4px;
}

.form_groupheader
{
	color: #666666;
	font-size: x-small;
	font-weight: bold;   
	vertical-align: middle;
}

.form_groupseperator
{
    background-color: #CCCCCC;
    text-align: left;
	/*border:1px solid #828282;*/
	background:#e5e5e5 url(horiznavGradient.png) repeat-x left top;
	color:#666666;
	font-weight:bold;
}

.form_title
{
    padding: 4px;
    border: solid 1px #CCCCCC;
    background-color: #FFFFFF;
    text-align: left;
	color: #666666;
	font-size: x-small;
	font-weight: bold;
}

.form_group
{
    background-color: #FFFFFF;
    padding: 5px 5px 5px 5px;
    border-left: solid 1px #CCCCCC;   
    border-right: solid 1px #CCCCCC;   
    border-bottom: solid 1px #CCCCCC;   
}

.form_dropdownlist
{
    font-family: Arial;
    font-size: x-small;
	color: #666666; 
	border: 1px solid #7F9DB9; 
	background-color: #FFFFFF;	
	width:147px;
	height: auto;
	/* IE8 volgt FF en de rest qua height en padding, dus * hack gebruiken om IE7 en ouder aan te spreken en oude 19px min-height toe te passen */
	min-height:17px;
	*min-height:19px;
	*padding: 1px;
    margin-top: 1px;
}

.form_dropdownlist_small
{
    font-family: Arial;
    font-size: x-small;
	color: #666666; 
	border: 1px solid #7F9DB9; 
	background-color: #FFFFFF;	
	width:79px;
	padding: 1px;
	height: auto;
    min-height: 19px;
    margin-top: 1px;
}

.form_dropdownlist_very_small
{
    font-family: Arial;
    font-size: x-small;
	color: #666666; 
	border: 1px solid #7F9DB9; 
	background-color: #FFFFFF;	
	width:48px;
	padding: 1px;
	height: auto;
    min-height: 19px;
    margin-top: 1px;
}

.form_dropdownlist_medium
{
    font-family: Arial;
    font-size: x-small;
	color: #666666; 
	border: 1px solid #7F9DB9; 
	background-color: #FFFFFF;	
	width:141px;
	padding: 1px;
	height: auto;
    min-height: 19px;
    margin-top: 1px;
}

.form_dropdownlist_large
{
    font-family: Arial;
    font-size: x-small;
	color: #666666; 
	border: 1px solid #7F9DB9; 
	background-color: #FFFFFF;	
	width:245px;
	padding: 1px;
	height: auto;
    min-height: 19px;
    margin-top: 1px;
}

.form_dropdownlist_verylarge
{
    font-family: Arial;
    font-size: x-small;
	color: #666666; 
	border: 1px solid #7F9DB9; 
	background-color: #FFFFFF;	
	width:307px;
	padding: 1px;
	height: auto;
    min-height: 19px;
    margin-top: 1px;
}

.form_canvas
{
    background-color: #E5E5E5;
    border: 1px solid #CCCCCC;
    padding: 10px 10px 10px 10px;
	background:#e5e5e5 url('filterboxGradient.png') repeat-x left bottom;
	border:1px solid #828282;
}

/* in IE8 plakken de tr rijen tegen elkaar, geen padding of niks */
div#CompanyInfo_Detail table table tr,
div#UserInfo_Detail table tr,
table#ctl00_ContentPlaceHolder1_ChangePassword table table tr
{ height:21px; }

.form_radiobuttonlist
{
	text-align: left;
	color: #666666;
	font-size: x-small;
	margin-left: -4px;
}

.form_radiobuttonlist label
{
    font-weight: 500;	
}

.form_togglebutton
{
    vertical-align: middle;   
}

.form_checkbox
{
    height: 16px;    
	color: #666666;
	font-size: x-small;
	margin-left: -4px;
}

.form_link
{
    font-size: x-small;
    color: #666666;
}
.new_form_link
{
    font-size: 14pt;
    color: #666666;
    text-decoration: none;
    font-family:Open Sans;
}
.label_warning{
    font-size: 14pt;
    color: #b94a48;
    text-decoration: none;
    font-family:Open Sans;
    word-wrap:break-word;
    word-break:break-all;
}
.new_form_link_psw
{
    font-size: 14pt;
    color:#E96032;
    text-decoration: none;
    font-family:Open Sans;
}
.new_form_link2
{
    font-size: 14px;
    color: #FFF;
    text-decoration: none;
    font-family:Open Sans;
}

.form_link:active
{
    font-size: x-small;
    color: #666666;
}

.form_link:hover
{
    font-size: x-small;
    background-color: #FF6600;
    color: #666666;
}

.form_link:link
{
    font-size: x-small;
    text-decoration: underline;
    color: #666666;
}

.form_link:visited
{
    font-size: x-small;
    color: #666666;
    text-decoration: underline;    
}

.row_link
{
    background-color: white;
    border-bottom: 1px solid grey;
    color: #666666;
    display: block;
    text-decoration: none;
}
.row_link_active
{
    font-weight: bold;
}
.row_link:hover
{
    background-color: Silver;
}

.CurrentNodeStyle
{
    color:#ff6600;
}

.NodeStyle
{
    color:#cccccc;
}

.RootNodeStyle
{
    color:#666666;
}

/* exception tooltips on formfields */
.epTTerror
{
    background: pink right center no-repeat url("../../Images/Icons/exclamation-error.png") !important;
}
.epTTwarning
{
    background: pink right center no-repeat url("../../Images/Icons/warning.png") !important;
}
.epTTinformation
{
    background: pink right center no-repeat url("../../Images/Icons/information.gif") !important;
}
.RadComboBox.epTTerror
{
    background: none !important;
}
.RadComboBox.epTTerror .rcbInput
{
    background: right center no-repeat url("../../Images/Icons/exclamation-error.png") !important;
}

/* Table CSS */

.table_groupheader
{
    background-color: #CCCCCC;
    text-align: left;       
    border: solid 1px #CCCCCC;  
	background:#e5e5e5 url('horiznavGradient.png') repeat-x left top;
	border-style:none;
}
div#containerInfoResults .table_groupheader /* BG en rand voor results op Search Container pagina */
{
background:#e5e5e5 url('Gradient_transp2dark.png') repeat-x left bottom;
border:1px solid #828282;
}

.form_groupheader,
.table_groupheader .form_label
{
color:#404040;
font-weight:bold;
}

.table_rowseparator
{
    border-bottom: 1px solid #CCCCCC;
}

.table_canvas
{
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;   
    margin-top: 10px;
					border:1px solid #828282;
}

.table_label
{
	text-align: left;
	color: #666666;
	font-size: 90%; 
    font-weight: 500;
}

.table_group
{
    padding: 2px 2px 2px 2px;
    background-color: #FFFFFF;
    border: solid 1px #CCCCCC;          
}

div#containerInfoResults table.table_group /* BG en rand voor results op Search Container pagina */
{
    background:#e5e5e5 url('filterboxGradient.png') repeat-x left bottom;
    border:1px solid #828282;
}

.tableheader_link:link, .tableheader_link:active, .tableheader_link:visited, .tableheader_link:hover
{
	text-decoration: underline;
    color: #666666;
}

.table_link:active, .table_link:visited
{
    font-size: x-small;
    color: #666666;
}

.table_link:hover
{
    font-size: x-small;
    background-color: #FF6600;
    color: #666666;
}

.table_link:link
{
    font-size: x-small;
    text-decoration: underline;
    color: #666666;
}

.table_row_group
{
	background-color: #c0c0c0;/*#FFFFBB;*/
}

.table_cell_HighLightColor
{
	color: Red;
}
.table_hndRow
{
    height: 21px;
}
.table_hndRow td
{
    text-align: left;
    color: #666666;
    font-size: x-small; 
    font-weight: 500;
}
/* Menu CSS */

/* Menu */
.m
{
	background-color: Transparent;
	margin-left: 2px;
	width: 157px;
    filter: progid:DXImageTransform.Microsoft.Alpha(style=-0,opacity=75);
    opacity: 0.75;
    -moz-opacity:.75;
}

/* Menu Item */
.mi
{
	border: solid 1px #666666;
	background-color: #FF6600;
	font-weight: bold;
	color: White;
	font-size: 85%;
	padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 4px;
    margin-top: 10px;
    margin-left:8px;
    width: 145px;
}

/* Menu Sub Item */
.msi
{
    background-color: #FF6600;
    font-size: 80%;
    color: White;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 130px;
    margin-bottom: 1px;
    margin-left:15px;
}

/* Menu Sub Item Hover */
.msi_hover
{
    background-color: #666666;
    font-size: 80%;
    color: White;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 130px;
    margin-bottom: 1px;
    margin-left:15px;
}

/* End Menu CSS */

/* Tab Control CSS */

#tabcontrol_tablistcontainer
{
	margin-top: 10px;
	padding: 0px;
	z-index: 99;
}

#tabcontrol_tablistcontainer ul.tablist
{
	float: left;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#tabcontrol_tablistcontainer ul.browselist 
{
	float: right;
    list-style: none;
    padding: 0px;
    margin: 0px;	
}

#tabcontrol_tablistcontainer ul.browselist li 
{
	list-style: none;
	margin: 0px;
	display: inline;
    padding: 0px;
    height: 20px;
}

#tabcontrol_tablistcontainer ul.tablist li
{
    float: left;
    font-size: 70%;
    padding: 0px;
    margin: 0px;
    font-weight: bold;
    color: #666666;    
}

#tabcontrol_tablistcontainer ul.tablist li a
{
    background: url(tabcontrol_unselected.gif) top left no-repeat;
    float: left;
    height: 20px;       
    width: 200px;
    display: block;
    text-decoration: none;
    text-align: center;
}

#tabcontrol_tablistcontainer ul.tablist li a:hover 
{
    background: url(tabcontrol_unselected_hover.gif) top left no-repeat;
    text-decoration: underline; 
    color: #FFFFFF; 
}

#tabcontrol_tablistcontainer ul.tablist li a.current:hover 
{
	background: url(tabcontrol.gif) top left no-repeat;
    text-decoration: none;
    color: #666666;
}

#tabcontrol_tablistcontainer ul.tablist li a.current:link,ul.tablist li a.current:visited,ul.tablist li a.current:active 
{
	color: #666666;
}

#tabcontrol_tablistcontainer ul.tablist li a:link,ul.tablist li a:visited,ul.tablist li a:active 
{
	color: #FFFFFF;
}

#tabcontrol_tablistcontainer ul.tablist li a.current 
{
    background: url(tabcontrol.gif) top left no-repeat;
    float: left;
    height: 20px;      
    width: 200px;
    display: block;
    text-decoration: none;    
    text-align: center;  
}

.tabcontrol_canvas
{
	margin-top: -1px;
	margin-left:0px;
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
	font-size: 115%;
	z-index: 0;
}

/* End Tab Control CSS */

/* Tooltip CSS */

#dhtmltooltip
{
	position: absolute;
	border-width: 1px;
	border-color: #666666;
	border-style: dashed;
	padding: 2px;
	background-color: #FFFFFF;
	visibility: hidden;
	z-index: 100;
	font-size: 70%;
	color: #666666;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135);*/
	width: 250px;
	left:-250px;
	top:0;
}

.validatorTable
{
	background-color: #FFFFFF;
	font-size: 70%;
	color: #666666;
	margin: 0 auto;
	position:relative;
	text-align:center;
}
.validatorTable span
{
	border-width: 1px;
	border-color: #666666;
	border-style: dashed;
	padding: 2px;
	display:inline-block;
	text-align:left;
}
.validatorTable small
{
	font-size:90%;
}


.validatorTable1
{
	background-color: #FFFFFF;
	font-size: 70%;
	color: #666666;
	margin: 0 auto;
	position:relative;
	text-align:left;
}
.validatorTable1 span
{
	border-width: 1px;
	border-color: #666666;
	border-style: dashed;
	padding: 2px;
	display:inherit;
	text-align:left;
	margin-top:3px;
}
.validatorTable1 small
{
	font-size:90%;
}
/* End Tooltip CSS */

.GridView
{
   margin-top: 10px;
   margin-bottom: 10px;
   border:1px solid #828282;
}

.GridView th
{
background:#e5e5e5 url('horiznavGradient.png') repeat-x left top;
/*border:1px solid #828282;*/
}

.GridView th img
{
vertical-align:middle;
/* anders header tekst van de gesorteerde kolomverkeerd vertikaal uitgelijnd */
}

table.GridView td[colspan="4"], /* Location Codes tabel */
table.GridView td[colspan="2"], /* Damage Codes tabel */
table.GridView td[colspan="5"]  /* ISO Size Type Codes tabel */
{
background:#e5e5e5 url('horiznavGradient.png') repeat-x left top;
/*border:1px solid #828282;*/
}

/* groupbox */

.groupbox-table                 /* style for table that contains groupboxed content */
{
    table-layout: fixed;
    /*border-collapse: collapse;*/
    border-spacing: 0;
    margin-top: 12px;
    margin-left: 1px;
}
 
.groupbox-label                 /* style for table cell that contains the groupbox label */
{
    font-weight: bold;
    border: solid 1px #CCCCCC;   
    padding: 2px 4px;
    width: 100px;
/*    background-color:#ffffff;*/
    background-color:transparent;
    font-size: x-small;
}

.groupbox-label-large
{
    width: 300px;
}

.form_canvas .groupbox-label
{
    border:1px solid #828282;
    white-space: nowrap;
}

.groupbox-header
{
    margin-left:-1px;
    *margin-left:0px;
}
 
.groupbox-content               /* style for (colspan=2) cell that contains the groupbox content */
{
    font-weight: normal;
    border-left: solid 1px #CCCCCC;   
    border-right: none;   
    border-top: none;   
    border-bottom: solid 1px #CCCCCC;   
    padding: 6px 6px;
}

.form_canvas .groupbox-content
{
border-left:1px solid #828282;
border-bottom:1px solid #828282;
}

.pageControl
{
    width:100%;
}

div.transOFF {width: 100%; background-color: white;}
div.transON {width: 100%; background-color: white;opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;}
.containerinfo 
{
    cursor:pointer;
	vertical-align:text-top;
    *vertical-align:bottom;
    padding-bottom: 3px;    
}

/* styles for the mouseover effect on the "..." buttons */
.PopupButton
{
	vertical-align: bottom;
	*margin-bottom: 1px;
}

.PopupButtonHover
{
	vertical-align: bottom;
	*margin-bottom: 1px;
	background: url(empty-button.gif) transparent center bottom no-repeat;
}

/* styles for the edit-in-table buttons next to the group box labels, with MoreData inlay */
.Button_EditTable
{
	background:transparent url('btnEditTable.png') no-repeat 5px center;
	border: none;
}

.Button_EditTable_Hover
{
	background:transparent url('btnEditTable_hover.png') no-repeat 5px center;
	border: none;
}

span.Button_EditTable .form_button,span.Button_EditTable_Hover .form_button
{
	height: 18px;
	width: 25px;
	font-size: x-small;
	color: #FFFFFF;
	background-color: transparent;
	border: none;
}

.Button_EditTable_MoreData
{
	background:transparent url('btnEditTable_MoreData.png') no-repeat bottom right;
	border:none;
	width:21px;
}

.Button_EditTable_NoMoreData
{
	background:transparent none no-repeat bottom right;
	border:none;
	width:21px;
}

/* Styles for the grid */ /* Devexpress */
.AspxGridRowSelected
{
	background-color:#FFF8B2 !important;
}

/*Style for waitcursor*/
.wait, .wait * 
{ 
	cursor: wait !important; 
}

/* Align text in button centered*/
.form_button /*Remove button padding in FF (moz-inner-focus)*/
{ 
    padding-bottom: 3px;
    line-height:16px;
}

/* Remove focus ring for firefox*/
/*.CBContainer table:focus {
	outline-style:none;
}*/

.table_group td
{
	padding: 2px;
}

.RadMenu_Cosmos .rmActive .rmItem.rmLast
{
	display:none;
}
.rtbOuter
{
	border: 0px !important;
}
.rgHeader
{
	word-wrap:break-word;
}
/* Fix for nobr not working in IE8 because of the above break-word */
.rgHeader nobr
{
	display:block;
	word-wrap:normal;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
.RadComboBox .rcbArrowCell A 
{
	text-indent: -9999px !important;
	background-color: Transparent !important;
}

.RadComboBox .rcbInputCell
{
height:16px !important;
}

.RadGrid .form_checkbox input
{
	margin-top:-3px;
	margin-bottom:-2px;
	vertical-align:middle;
}

.RadComboBox .rcbInputCell .rcbInput
{
	font-family:Arial !important;
	font-size:x-small !important;
	color:#666 !important;
}
#header_horizontal_navlist .RadComboBox .rcbInputCell .rcbInput
{
	font-size:12px !important;
}
.pnlInternalExternal div.RadComboBox
{
    display: inline-block;
}
/*Radcontrols uses border-box*/
.RadInput .form_inputbox 
{
    width: 146px !important; 
    height: 19px !important;
    padding: 2px 0px 1px 4px !important; 
}
.RadInput .form_inputbox_containerid
{
    width: 106px !important; 
}
.RadInput .form_inputbox_medium { width: 137px !important; height: 19px !important; padding: 2px 0px 1px 4px !important; }

.RadInput .form_inputbox.form_orders { width: 183px !important; padding: 2px 0px 1px 4px !important; }

.RadPanelBar .rpItem .rpText
{
	white-space:nowrap;
	overflow:hidden;
	word-wrap:normal;
}

/* Represents a datepicker with 1 button */
.form_datepicker { width:142px !important; }
.form_datepicker_medium { width:133px !important; }
/* Represents a datepicker with 2 buttons */
.form_datetimepicker { width:166px !important; }
.form_datetimepicker_medium { width:157px !important; }

.RadPicker .rcTable { width: 100% !important; }

/*Fix grid wrapping cells that are just too long*/ /* Devexpress*/
.GridList .table_textarea td
{
	word-wrap: normal;
}

/* Capacity overview */
table.CapacityOverview td.DayAndDate
{
vertical-align:middle;
text-align:left;
width:100px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#666666;
}
table.CapacityOverview td.DayAndDate.Expanded
{
width:150px;
}
table.CapacityOverview td.CapacityBox
{
background-color:#bbbbbb;
padding:0px 0px 0px 0px;
height:30px;
width:15px;
/* "width:31px;" for 1-hour timeslots */
/* "width:63px;" for 2-hour timeslots */
cursor:pointer;
text-align:center;
vertical-align:bottom;
}
div.CapacityGreen, div.CapacityNoGreen, div.CapacityRed
{
height:28px;
width:13px;
/* "width:29px;" for 1-hour timeslots */
/* "width:61px;" for 2-hour timeslots */
margin-left:1px;
margin-right:1px;
margin-bottom:1px;
}
div.CapacityGreen { background-color:#00aa00; }
div.CapacityRed { background-color:#c00000; }
div.CapacityNoGreen { background-color:#8e8d8d; cursor:default; }
table.CapacityOverview td.CapacityBox.NoClick
{
cursor:default;
}
td.TimeAxis_First { width:86px; }
td.TimeAxis_Second { width:102px; }
td.TimeAxis_First.Expanded { width:136px; }
td.TimeAxis_Second.Expanded { width:152px; }
table.TimeAxis_First td.TimeAxis
{
font-family:Arial;
font-size:9px;
width:31px;
height:14px;
padding-top:5px;
text-align:center;
background:transparent url('../../Images/truck/TimeAxis_First_BG.png') no-repeat left top;
border-left:1px solid #cccccc;
}
table.TimeAxis_Second td.TimeAxis
{
font-family:Arial;
font-size:9px;
width:32px;
height:9px;
padding-top:0px;
text-align:center;
background-color:transparent;
border-style:none;
}
table.CapacityOverview td
{
position:relative;
}
div.CapacityOverviewInline
{
display: inline-block; /*IE11*/
zoom: 1; /*IE7*/
*display: inline; /*IE7*/
}

/* image buttons */
.gridBarButtonORDER .rtbIcon 
{
    width: 24px !important;
    height: 24px !important;
    background-image:url('../../Images/OrderImageSprite.png');
}
.imRefreshORDER .rtbIcon { background-position: 0 -200px; }
.imNewORDER .rtbIcon { background-position: 0 0px; }
.imEditORDER .rtbIcon { background-position: 0 -50px; }
.imViewORDER .rtbIcon { background-position: 0 -100px; }
.imDeleteORDER .rtbIcon { background-position: 0 -150px; }
.imBatchUploadORDER .rtbIcon { background-position: -50px 0; }
.imLogORDER .rtbIcon { background-position: -50px -50px; }
.imLogSORDER { width: 16px; height: 16px; background-image:url('../../Images/OrderImageSprite.png'); background-position: -50px -80px; }

.gridBarButtonDATA .rtbIcon
{
	width: 24px !important;
	height: 24px !important;
	background-image:url('../../Images/DataImageSprite.png');
}
.imRefreshDATA .rtbIcon { background-position: 0 -200px; }
.imNewDATA .rtbIcon { background-position: 0 0px; }
.imEditDATA .rtbIcon { background-position: 0 -50px; }
.imViewDATA .rtbIcon { background-position: 0 -100px; }
.imDeleteDATA .rtbIcon { background-position: 0 -150px; }
.imOpenDATA .rtbIcon { background-position: -50px 0; }
.imCopyDATA .rtbIcon { background-position: -50px -50px; }
.imDifferencesDATA .rtbIcon { background-position: -50px -100px; }
.imDifferencesPdfDATA .rtbIcon { background-position: -50px -150px; }
.imSyncDATA .rtbIcon { background-position: -50px -200px; }

.gridBarButtonTAMS .rtbIcon
{
	width: 24px !important;
	height: 24px !important;
	background-image:url('../../Images/TAMSImageMap.png');
}
.imRefreshTAMS .rtbIcon { background-position: 0 -350px; }
.imTrkNewTAMS .rtbIcon { background-position: -50px 0px; }
.imTrkEditTAMS .rtbIcon { background-position: -50px -50px; }
.imTrkViewTAMS .rtbIcon { background-position: -50px -100px; }
.imTrkDeleteTAMS .rtbIcon { background-position: -50px -150px; }
.imTrkCalendarTAMS .rtbIcon { background-position: -50px -200px; }
.imTrkLogTAMS .rtbIcon { background-position: -50px -250px; }
.imTrkBatchUploadTAMS .rtbIcon { background-position: 0px -750px; }
.imTrkReportsTAMS .rtbIcon { background-position: -50px -350px; }
.imTrkGatePassTAMS .rtbIcon { background-position: -50px -650px; }

.imCntNewTAMS .rtbIcon { background-position: 0px 0px; }
.imCntSimpleCreateTAMS .rtbIcon { background-position: -50px -25px; }
.imCntEditTAMS .rtbIcon { background-position: 0px -50px; }
.imCntViewTAMS .rtbIcon { background-position: 0px -100px; }
.imCntDeleteTAMS .rtbIcon { background-position: 0px -150px; }
.imCntFilterTAMS .rtbIcon { background-position: 0px -200px; }
.imCntLogTAMS .rtbIcon { background-position: 0px -250px; }
.imCntAddTAMS .rtbIcon { background-position: 0px -300px; }
.imCntRemoveTAMS .rtbIcon { background-position: -50px -300px; }

.imEirPrintTAMS .rtbIcon { background-position: -50px -600px; }
.imEirPrintSTAMS { width: 16px; height: 16px; background-image:url('../../Images/TAMSImageMap.png'); background-position: -50px -630px; }

.imCapNewTAMS .rtbIcon { background-position: 0px -450px; }
.imCapEditTAMS .rtbIcon { background-position: 0px -500px; }
.imCapViewTAMS .rtbIcon { background-position: 0px -550px; }
.imCapDeleteTAMS .rtbIcon { background-position: 0px -600px; }
.imCapUploadTAMS .rtbIcon { background-position: 0px -650px; }

.imCpnTAMS { width: 11px; height: 12px; background-image:url('../../Images/TAMSImageMap.png'); }
.imCpnPRVTAMS { background-position: 0px -400px; }
.imCpnANCTAMS { background-position: -11px -400px; }
.imCpnACTTAMS { background-position: -22px -400px; }
.imCpnEXETAMS { background-position: -33px -400px; }
.imCpnCANTAMS { background-position: -44px -400px; }

.imTrkTAMS { width: 14px; height: 12px; background-image:url('../../Images/TAMSImageMap.png'); }
.imTrkPRVTAMS { background-position: 0px -420px; }
.imTrkANCTAMS { background-position: -14px -420px; }
.imTrkACTTAMS { background-position: -28px -420px; }
.imTrkEXETAMS { background-position: -42px -420px; }
.imTrkCANTAMS { background-position: -56px -420px; }
.imTrkRGSTAMS { background-position: -70px -420px; }
.imTrkNOSTAMS { background-position: -84px -420px; }

.imCalTAMS { width: 20px; height: 19px; background-image:url('../../Images/TAMSImageMap.png'); }
.imCalM7TAMS { background-position: -50px -450px; }
.imCalP7TAMS { background-position: -70px -450px; }
.imCalM1TAMS { background-position: -50px -470px; }
.imCalP1TAMS { background-position: -70px -470px; }
.imCalP1DisTAMS { background-position: -70px -490px; }

.imTimeAxisTAMS { width: 31px; height: 5px; background-image:url('../../Images/TAMSImageMap.png'); }
.imTimeAxis0TAMS { background-position: -50px -550px; }
.imTimeAxisOtherTAMS { background-position: -50px -560px; }
.imTimeAxis24TAMS { background-position: -50px -570px; }

.imCpnOKTAMS { width: 18px; height: 18px; background-image:url('../../Images/TAMSImageMap.png'); background-position: -50px -700px; }
.imTrkCalendarPopupTAMS { width: 24px; height: 15px; background-image:url('../../Images/TAMSImageMap.png'); background-position: 0px -700px; }

.imCntSmall { width: 16px; height: 16px; background-image:url('../../Images/TAMSImageMap.png'); }
.imCntNewSTAMS { background-position: 0px -30px; }
.imCntEditSTAMS { background-position: 0px -80px; }
.imCntViewSTAMS { background-position: 0px -130px; }
.imCntAddSTAMS { background-position: 0px -330px; }

.imCntSmall { width: 16px; height: 16px; background-image:url('../../Images/TAMSImageMap.png'); }
.imCntNewSTAMS { background-position: 0px -30px; }
.imCntEditSTAMS { background-position: 0px -80px; }
.imCntViewSTAMS { background-position: 0px -130px; }
.imCntAddSTAMS { background-position: -50px -280px; }

.imCntSmall { width: 16px; height: 16px; background-image:url('../../Images/TAMSImageMap.png'); }
.imCntNewSTAMS { background-position: 0px -30px; }
.imCntEditSTAMS { background-position: 0px -80px; }
.imCntViewSTAMS { background-position: 0px -130px; }
.imCntAddSTAMS { background-position: -50px -280px; }


.imViewOrderlineSmall {
    width: 24px;
    height: 24px;
    background-image: url('../../Images/OrderImageSprite.png');
    background-position: 0px -100px;
}


.imBatchUploadTAMS {
    width: 22px;
    height: 22px;
    background-image: url('../../Images/TAMSImageMap.png');
}
.imBUPageFirstTAMS { background-position: 0px -800px; }
.imBUPageFirstTAMS:hover { background-position: 0px -825px; }
.imBUPagePrevTAMS { background-position: -25px -800px; }
.imBUPagePrevTAMS:hover { background-position: -25px -825px; }
.imBUPageNextTAMS { background-position: -50px -800px; }
.imBUPageNextTAMS:hover { background-position: -50px -825px; }
.imBUPageLastTAMS { background-position: -75px -800px; }
.imBUPageLastTAMS:hover { background-position: -75px -825px; }

.gridBarButtonBARGE .rtbIcon
{
	width: 24px !important;
	height: 24px !important;
	background-image:url('../../Images/BargeMap.png');
}
.imRefreshBarge .rtbIcon { background-position: -24px 0px; padding:0 !important; }
.imLoadViewBarge .rtbIcon { background-position: 0px -24px; padding:0 !important; }
.imDischargeViewBarge .rtbIcon { background-position: -24px -24px; padding:0 !important; }
.imBatchUploadBarge .rtbIcon { background-position: 0px 0px; padding:0 !important; }
.imReportInBarge .rtbIcon { background-position: -24px -48px; padding:0 !important; }
.imReportOutBarge .rtbIcon { background-position: 0px -48px; padding:0 !important; }

.gridBarButtonTrain .rtbIcon
{
	width: 24px !important;
	height: 24px !important;
	background-image:url('../../Images/TrainMap.png');
}
.imRefreshTrain .rtbIcon { background-position: -24px 0px; padding:0 !important; }
.imLoadViewTrain .rtbIcon { background-position: 0px -24px; padding:0 !important; }
.imDischargeViewTrain .rtbIcon { background-position: -24px -24px; padding:0 !important; }
.imBatchUploadTrain .rtbIcon { background-position: 0px 0px; padding:0 !important; }
.imReportInTrain .rtbIcon { background-position: -24px -48px; padding:0 !important; }
.imReportOutTrain .rtbIcon { background-position: 0px -48px; padding:0 !important; }

.rwCntNew .rwIcon { background-image:url('../../Images/TAMSImageMap.png') !important; background-position: 0px -30px !important; }
.rwCntEdit .rwIcon { background-image:url('../../Images/TAMSImageMap.png') !important; background-position: 0px -80px !important; }
.rwCntAdd .rwIcon { background-image:url('../../Images/TAMSImageMap.png') !important; background-position: -50px -280px !important; }

.gridBarButtonECCHO .rtbIcon
{
	width: 24px !important;
	height: 24px !important;
	background-image:url('../../Images/ImageMapECCHO.png');
}
.gridBarButtonWiderECCHO .rtbIcon
{
	width: 27px !important;
	height: 24px !important;
	background-image:url('../../Images/ImageMapECCHO.png');
}
.imBatchUploadECCHO .rtbIcon { background-position: 0 -350px; }
.imRefreshECCHO .rtbIcon { background-position: 0 -400px; }
.imSyncButtonECCHO .rtbIcon { background-position: -50px -400px; }

.imDocNewECCHO .rtbIcon { background-position: -50px 0px; }
.imDocAddECCHO .rtbIcon { background-position: -50px -50px; }
.imDocEditECCHO .rtbIcon { background-position: -50px -100px; }
.imDocViewECCHO .rtbIcon { background-position: -50px -150px; }
.imDocDeleteECCHO .rtbIcon { background-position: -50px -200px; }
.imDocFilterECCHO .rtbIcon { background-position: -50px -250px; }
.imDocLogECCHO .rtbIcon { background-position: -50px -300px; }

.imCntNewECCHO .rtbIcon { background-position: 0px 0px; }
.imCntAddECCHO .rtbIcon { background-position: 0px -50px; }
.imCntEditECCHO .rtbIcon { background-position: 0px -100px; }
.imCntViewECCHO .rtbIcon { background-position: 0px -150px; }
.imCntDeleteECCHO .rtbIcon { background-position: 0px -200px; }
.imCntFilterECCHO .rtbIcon { background-position: 0px -250px; }
.imCntLogECCHO .rtbIcon { background-position: 0px -300px; }

.imSyncECCHO { width: 16px; height: 15px; background-image:url('../../Images/ImageMapECCHO.png'); }
.imSyncPendingECCHO { background-position: 0px -450px; }
.imSyncOKECCHO { background-position: -16px -450px; }
.imSyncNOKECCHO { background-position: -32px -450px; }

.imOwnerECCHO { width: 17px; height: 16px; background-image:url('../../Images/ImageMapECCHO.png'); }
.imOwnerOwnerECCHO { background-position: -50px -450px; }
.imOwnerNotOwnerECCHO { background-position: -75px -450px; }
.imOwnerExOwnerECCHO { background-position: -50px -468px; }
.imOwnerTermOpECCHO { background-position: -75px -468px; }

.epPager { width: 16px; height: 16px; background-image:url('../../Images/Icons/Controls.gif') !important;}
.epGreyFirst { background-position: 0px 0px; }
.epGreyPrevious { background-position: -16px 0px; }
.epGreyRepeat { background-position: -32px 0px; }
.epGreyNext { background-position: -48px 0px; }
.epGreyLast { background-position: -64px 0px; }
.epBlueFirst { background-position: 0px -16px; }
.epBluePrevious { background-position: -16px -16px; }
.epBlueRepeat { background-position: -32px -16px; }
.epBlueNext { background-position: -48px -16px; }
.epBlueLast { background-position: -64px -16px; }

.tabsTopBar
{
	zoom:1;
	position:relative; 
	z-index:2;
}
.tabsContent
{
	border:1px solid gray; 
	top:-1px; 
	position:relative;
	font-family: Tahoma,Verdana,Arial;
	height:100%;
	padding:11px;
}
.uppercase
{
	text-transform:uppercase;
}
#dhtmltooltip small
{
	font-size:90%;
}
div.SystemSkipped
{
    background-color: #FFF6D8;
    border: 1px solid #FFE58A;
    padding: 1em 3em 1em 0;
    margin: 1em 0;
}
.SystemSkippedIsFirst div.SystemSkipped
{
    margin: 0 0 1em 0;
}
div.SystemSkippedContent
{
    min-height:32px;
    padding: 0 0 0 66px;
    background: url("../../Images/Icons/warning_32.png") no-repeat scroll 20px 0 transparent;
}
div.SystemSkipped + br.brUnderSkippedSystems
{
	height:0;
	display:block;
	line-height:0px;
}
br.brUnderSkippedSystems + div.UsageInstructionWarning
{
	margin-top: 0px;
}
div.UsageInstructionWarning
{
    background-color: #FFF6D8;
    border: 1px solid #FFE58A;
    padding: 1em 3em 1em 0;
    margin: 1em 0;
}
div.UsageInstructionWarningContent
{
    min-height:32px;
    padding: 0 0 0 66px;
    background: url("../../Images/Icons/warning_32.png") no-repeat scroll 20px 0 transparent;
}

/*Request account*/
#grpUserDetails input {
    text-transform: none;
}
#grpCompanyDetails input {
    text-transform: none;
}
/*create account*/
#UserInfo_Detail input {
    text-transform: none;
}

/*reportviewer control fix for IE10 and higher */
.ReportViewerFix>table>tbody>tr:last-child>td:last-child
{
    display: block;
}
/*reporting fix controls on top for custom reports*/
.ReportViewerFix>table
{
    height: auto !important;
}
.ReportViewerFix td[id$=oReportCell]
{
    display:block;
}

/* bugfix telerik theme in chrome (menu hover broken) */
.RadPanelBar_Cosmos .rpGroup .rpLink, .RadPanelBar_Cosmos .rpGroup .rpLink .rpOut {
	background-repeat: initial !important;
}

header{
	width: 100%;
	height: 50px;
	background: #1e1b29;
	border-bottom: solid 4px red;
}
.member_wrap{
	
}
.header_item{
	overflow: hidden;
}
.user_menu{
	width: 100%;
	height: 170px;
	padding: 20px 0;
	background:url(../img/banner_bg.html) repeat;
}
.header_item{
	
	width: 980px;
	margin: 0 auto;
}
.menu_head{
	width: 100px;
	height: 100px;
	border-radius: 100px;
	border: solid 3px #fff;
	overflow: hidden;
}
.menu_head img{
	width: 100%;
	height: 100%;
}
.menu_info{
	width:840px;
	margin-left: 20px;	
}
.info_name{
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
	color: #fff;
}
.info_name_box{
	margin-top: 10px;
}
.level{
	font-size: 14px;
	color: #f60;
	font-weight: bold;
}
.info_desc{
	margin-top: 10px;
	font-size: 14px;
	color: #FFF;
}
.banner_menu{
	width: 980px;
	height: 50px;
	margin: 20px auto;
	background: #fff;
}


.nav_box{
	margin-top: 50px;
}
.nav_box ul {
	overflow: hidden;
}
.nav_box ul li{
	display: block;
	padding: 0 20px;
}
.nav_box ul li a{
	color: #fff;
	font-size: 16px;
}
.nav_box ul li a:hover{
	color: red;
}



.mainbody {
    width:100%;height:100%;background: url('splashscreen-v7-web-background.jpg') no-repeat center center fixed;
    min-height:inherit;
    background-size: cover;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
}
.wrap{width: 100%; display:inline-block;position:relative;}
.login_wrap{
    width: 100%;height: 100%;
}
.div_header {
     margin-top:10px;
}
.div_box {
     margin-top:120px;
     margin-left:30px;
     clear:both;
}
.logo{
    width: 140px;
	height: 40px;
	background: url('RGB-White-Colour-ePortal-logo.png') no-repeat left;
	background-size: 100%;
    margin-left:30px;
    float:left;
}
.logo_1{
    width: 100px;
	height: 40px;
	background: url('GTOS-footer.png') no-repeat left;
	margin-left:30px;
	background-size: contain;
 
}
.logo_2{
    width: 100px;
	height: 40px;    
	background: url('PSALogo-footer.png') no-repeat left;
	margin-right:13px;
	background-size: contain;
}
.div_company {
    /*float:left;*/
    margin-left:35%;
    display:inline;
}
.div_info { 
    /float:right;  */
}


.login_box{
	width: 430px;
	min-height: 500px;
	background: #FFFFFF;
	/*margin-top: 60px;
	margin-left: 15px;*/
	border:15px solid rgba(233, 96, 50, 1)
;
}
.login_title{
	font-size: 25pt;
    margin-left:12px;
	color: #FF7F50;
	font-family: Open Sans;
}
.login_info{
	font-size: 16pt;
	color: rgba(103, 103, 103, 1);
	padding-left:12px;
    display:block;
    font-family:Open Sans;
}
.label_companyInfo {
    font-size: 11pt;
	text-align: center;
	color: rgba(255, 255, 255, 1);
	font-family: Open Sans;
}
.form_text_ipt{
	width: 254px;
	height: 36px;
	border: solid 1px #CCCCCC;
	margin-left:13px;
    margin-top: 12px;
	background: #FFFFFF;
    font-family:'Open Sans';
    font-size:14pt;
}
.form_username_text_ipt{
	width: 254px;
	height: 36px;
	border: solid 1px #CCCCCC;
	margin-left:13px;
    margin-top: 12px;
	background: #FFFFFF;
    font-family:'Open Sans';
    font-size:14pt;
    text-transform:uppercase
}
.TextBoxDecoration{
	width: 254px;
	height: 36px;
	border: solid 1px #CCCCCC;
	background: #FFFFFF;
    font-family:'Open Sans';
    font-size:14pt;
    text-transform:uppercase
}
.rcTextBoxClass{
	width: 254px;
	height: 36px;
	/*margin-left:13px;*/
    margin-top: -12px;
	border: solid 1px #CCCCCC;
	background: #FFFFFF;
    font-family:'Open Sans';
    font-size:14pt;
}
 
.rcRefreshImage {
    margin-top: -90px;
	margin-left: 150px;
    width: 120px;
    height: 120px;
	transform:scale(0.15);
    background: url('images/reloadButton.png') no-repeat;
}
.Login_Button
{
    width: 110px ;
	height: 32px ;
	border: none;
	color: #FFFFFF;
	font-size: 14px;
	background: rgba(233, 96, 50, 1);
	cursor: pointer;
    font-family: Open Sans;
    margin-left:13px;
    margin-top:10px;
    clear:both;
}

.form_text_ipt input{
	width: 254px;
	height: 36px;
	margin: 2px;
	border: none;
	font-family: "Open Sans";
	font-size: 14px;
	color: rgba(103, 103, 103, 1);
}
.check_left label{
	cursor: pointer;
}
.check_left label input{
	position: relative;
	top: 2px;   
}
.form_btn{
	width: 300px;
	height: 40px;
	margin: auto;
}
.orange_btn button{
   	width: 300px !important;
	height: 40px !important;
	border: none;
	color: #FFFFFF;
	font-size: 14px;
	background: rgba(233, 96, 50, 1);
	cursor: pointer;
    font-family: Open Sans;
    clear:both;
}

.div_href{
	width: 425px;
	margin-left: 13px;
	margin-top: 5px;
}
.div2_href{
	width: 425px;
	margin-left: 13px;
	margin-top: 60px;
}
.div_href_1{
	width: 190px;
	float: left;
    border-right: 1px solid rgba(103, 103, 103, 1); margin-right: 19px;
}
.div_href_2{
	width: 190px;
	float: left;
}
.div_href_3{
	width: 140px;
	float: left;
	font-size: 14px;
	color: rgba(103, 103, 103, 1);
	font-family: Open Sans;
    padding:5px;
}
.comboBox_lauguage {
    width: 140px;
	float: left;
	font-size: 14px;
	color: rgba(103, 103, 103, 1);
	font-family: Open Sans;
    padding:5px;
}
.div_border_verticalline{
	width: 2px;
	float: left;
	height: 30px;
	background-color: #FFFFFF;
}
.div_href_verticalline{
	width: 20px;
	float: left;
}
.a_href_1{
	color: rgba(233, 96, 50, 1);
}
.a_href_2{
	color: rgba(103, 103, 103, 1);
}
.a_href_3{
	color: rgba(255, 255, 255, 1);
	font-size: 18px;
	margin-left: 30px;
	font-weight: bold;
    vertical-align:middle;
}
.href_style{
	color: rgba(255, 255, 255, 1);
	vertical-align: middle;
	float: left;
}
.other_login{
	overflow: hidden;
	width: 300px;
	height: 80px;
	line-height: 80px;
	margin: 0px auto;
}
.other_left{
	font-size: 14px;
	color: #999;
}

.other_right a{
	margin:5px;
	color:#636363;
}

.other_right a:hover{
	color:#AEEEEE;
}
.div_warning{
    width:400px;
    min-height: 70px;
    background-color: #f2dede;
    color: #000000;
    border:2px solid #eed3d7;
    border-radius: 10px;	
    word-wrap:break-word;
    word-break:break-all;
    overflow: hidden;
    font-weight:bold;
}
.div_warning_white {
     width:400px;
    min-height: 70px;
    margin-top: 105px;
    margin-left: 13px;
    margin-right: 30px;
    background-color :#FFFFFF;
    color: #000000;
    border:2px solid #FFFFFF;
    border-radius: 10px;	
}
.form_label_error {
    width:300px;
    height: 60px;
    margin-top: 80px;
    margin-left: 30px;
    margin-right: 30px;
    background-color :#D7D7D7;
    color: #000000;
    font-family: Open Sans;
    font-size: 16px;
    border:2px solid #D7D7D7;
    border-radius: 10px;	
    word-wrap:break-word;
    word-break:break-all;
    overflow: hidden;
}
.div_envinfo{
    width: 0 auto;
    margin-top: 0px;
    margin-right:10px;
    color: #666666;
    font-family: Open Sans;
    font-size: 14px;
    text-align:right;	
}
.div_version{
    width: 0 auto;
    text-align:right;	
    margin-right:10px;
    color: #000000;
    font-family: Open Sans;
    font-size: 14px;
}
.div_label {
    
}

.label1{  
	color: #FFFFFF;
	font-size: 14px;
    float:right;
    margin-right:35px;
}
.new_version {
    color: #666666;
    text-decoration:underline;
    font-size: 14px;
    font-family: Open Sans;
}
.new_envinfo {
    color: #666666;
    text-decoration:none;
    font-size: 14px;
    font-family: Open Sans;

}
.label2{

	margin:auto 0;
	color: #FFFFFF;
	font-size: 14px;
    float:right; 
    margin-right:20px;
}
.label3{
    float:right; 
    margin-right:30px;
}
.lauguage{
    /*height: 30px;
	float: left;
	margin-top: 10px;
	margin-left: 30px;*/
    margin:auto;
	background-size: 100% 100%;
	color: #FFFFFF;
	font-size: 14px;
}
.td_1 {
    width:20%;
}
.td_2 {
    width:80%;
}
.td_3 {
    width:20%;
}

.div_footer{
    /*bottom:10px;*/
    top:900px;
    position:absolute;
    width:100%;
}
.div_menu {
    width: 100%;
	height: 40px;
    top:800px;
    /*bottom:80px;*/
    position:absolute;
}
.RadMenuStyle {
    float:left;
}

.new_form_label
{
    text-align: left;
    color: #000000;
    font-family: Open Sans;
    font-size: 16px;
}

.demo-container .RadMenu {
    float: left;
    text-align: center;
    width:100%;
}
 
#example .demo-container .rmRootGroup  {
    display: inline-block;
    float: left;
    text-align: left;
    width:100%;
}

select::-ms-expand { display: none; }
.RadMenu_Sunset {border-color:transparent;color:#fff;background-color:rgba(233 , 96, 50, 0.8);height: 100%;}.RadMenu_Sunset .rmRootGroup{border-color:transparent;height: 94%;}.RadMenu_Sunset .rmRootGroup .rmItem{border-color:#FFFFFF}.RadMenu_Sunset .rmRootGroup .rmRootLink:hover{border-color:#d2b40d;color:#863d02;background-color:#f1d121;background-image:linear-gradient(#faef93,#f1d122)}.RadMenu_Sunset .rmRootGroup .rmSelected>.rmRootLink,.RadMenu_Sunset .rmRootGroup .rmExpanded>.rmRootLink{border-color:#e2711c;color:#5d1f00;background-color:#e88d49;background-image:linear-gradient(#f3ba7c,#e88d49)}.RadMenu_Sunset .rmRootGroup .rmFocused>.rmLink{border-color:#e2711c;box-shadow:inset 0 0 5px #e2711c}.RadMenu_Sunset .rmGroup,.RadMenu_Sunset .rmMultiColumn,.RadMenu_Sunset .rmPopup{border-color:#938879;color:#333;background-color:#fff}.RadMenu_Sunset .rmGroup .rmLink{border-radius:3px}.RadMenu_Sunset .rmGroup .rmLink:hover,.RadMenu_Sunset .rmGroup .rmToggle:hover{border-color:#ac7d21;color:#863d02;background-color:#f9ed8a}.RadMenu_Sunset .rmGroup .rmSelected>.rmLink,.RadMenu_Sunset .rmGroup .rmExpanded>.rmLink,.RadMenu_Sunset .rmGroup .rmSelected>.rmLink .rmToggle,.RadMenu_Sunset .rmGroup .rmExpanded>.rmLink .rmToggle{border-color:#904c23;color:#5d1f00;background-color:#f2d52d}.RadMenu_Sunset .rmGroup .rmFocused>.rmLink,.RadMenu_Sunset .rmGroup .rmFocused>.rmLink .rmToggle{border-color:#904c23;box-shadow:inset 0 0 5px #904c23}.RadMenu_Sunset .rmSeparator{border-color:#972f01}.RadMenu_Sunset .rmGroup .rmSeparator{border-color:#938879}.RadMenu_Sunset .rmArrow{border-color:#d9d9d9;background-color:#f2f2f2}.RadMenu_Sunset .rmArrow:hover{background-color:#e6e6e6}.RadMenu_Sunset .rmShadows .rmGroup{box-shadow:3px 3px 5px #938879}.RadMenu_Sunset .rmGroup:before,.RadMenu_Sunset .rmMultiColumn:before,.RadMenu_Sunset .rmScrollWrap>.rmHorizontal:before,.RadMenu_Sunset .rmScrollWrap>.rmVertical:before{border-color:transparent;background-color:#f4eee6}
.ddlLanguages_DropDown.RadComboBoxDropDown_Default {
    border: 1px solid white;
    border-radius: 3px;
    background: none;
    color: white;
    float:right;
}
.ddlLanguages_DropDown.RadComboBoxDropDown_Default .rcbHovered {
	border-radius: 3px;
}
.ddlLanguages.RadComboBox_Default .rcbInputCell, .ddlLanguages.RadComboBox_Default .rcbArrowCell {
	background-image: none !important;
}
.ddlLanguages.RadComboBox_Default .rcbInputCell .rcbInput {
	color: white !important;
}
.ddlLanguages.RadComboBox_Default {
	border: 1px solid white;
	border-radius: 3px;
}
.ddlLanguages.RadComboBox_Default .rcbArrowCell a {
	text-indent: 0px !important;
	color: transparent;
	font: 16px/1 "WebComponentsIcons";
	font-size: 16px;
    line-height: 20px;
}
.ddlLanguages.RadComboBox_Default .rcbArrowCell a:before {
	content: "\e006";
	color: white;
}

@font-face {
  font-family: 'WebComponentsIcons';
  src: url("WebComponentsIcons.eot");
  src: url("WebComponentsIcons.eot") format("embedded-opentype"), url("WebComponentsIcons.woff") format("woff"), url("WebComponentsIcons.ttf") format("truetype"); 
}
@font-face{ 
    font-family:Open Sans; src : url("OpenSans-Regular.ttf");
}

.notifySeverityLabel {
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color:#666666;
	text-align:left;
	font-size:90%;
}
.notifyMsgDetail {
	font-family: verdana, arial, helvetica, sans-serif;
	color:#666666;
	text-align:left;
	font-size:90%;
	white-space: initial;
}
 
 
.notifyPanel{
	border-width: 1px;
	border-color: #666666;
	border-style: dashed;
	padding: 2px;
	display:inline-block;
	text-align:left;
	font-size:90%;
	margin-left:15px;
	color:#666666;
	margin-top:-10px;
}
.emptyNotifyPanel{
	
	text-align:left;
	font-size:70%;

}