@import url("/mrm/css/lightview.css");
@import url("/mrm/css/Common14.css");
body
{
	margin: 0px;
	padding: 0px;
	height: 93%;
	font-family: Geneva, Arial, Sans-Serif;
	font-size: 11px;
	color: Black;
	background-color: white;
}
.Title
{
	border-right: #feb717 0px;
	border-top: #feb717 0px;
	font-weight: 500;
	font-size: 12px;
	border-left: #feb717 0px;
	border-bottom: #cbcbcb 1px solid;
	font-family: Verdana, Arial;
	color: #585858;
	text-decoration: none;
	padding-bottom: 2px;
}
.labelFormsTitle
{
	color: Gray;
	text-transform:uppercase;
}
#Notification
{
	position: fixed;
	top: 135px;
	left: 733px;
}
#topNavigation
{
	height: 30px;
	width: 600px;
	position: absolute;
	top: 74px;
	left: 45px;
}

.headspacer
{
	height: 124px;
}
#NotificationContent
{
	font-size: 14px;
	padding: 10px;
}
#NotificationBox
{
	/*height: 200px;*/
	width: 295px;
	border: solid 1px Gray;
	position: relative;
	background-color: silver;
}
.panelDotEdit
{
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: White;
}
/*The outmost panel*/
.panelPage
{
	position: absolute;
	top: 0px; /*width:950px;*/
	width: 100%;
	display: block;
	height: 100%; /*background-color: #ebebeb;*/
}
.edmFrame
{
	position: absolute; /*left: 50px;*/
	/*top: 95px;*/
	background-color: White; /*width: 1024px;*/ /*height: 1000px;*/
	padding-top: 20px;
	padding-left: 10px;
	z-index: 1;
}
div#header
{
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 100001;
	height: 97px;
	background-color: White;
}
.panelRightColumn
{
	/* 	width: 100%;  	background-color:#ebebeb; 	background-image: url('/mrm/images/previewpane_struktur.gif'); 	background-repeat: repeat; 	height: 100%;  	*/
	position: fixed;
	left: 630px; /*left: 730px; */
	top: 136px;
	padding: 0px;
	margin: 0px;
    height: 80vh;
    overflow-y:auto;
    overflow-x: hidden;
}
.panelPageHeaderLeft
{
	height: 74px;
	padding: 0px;
}
.defaultbutton
{
	background-color: #336600;
	border: 2px solid #333300;
	border-radius: 3px 3px 3px 3px;
	color: #FFFFFF;
	cursor: pointer;
	font-family: Calibri,Arial,sans-serif;
	font-size: 8pt !important;
	font-weight: normal;
	line-height: 10px;
	padding: 3px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase !important;
	vertical-align: middle;
	white-space: nowrap;
	display:inline-block;
}
.defaultbutton:hover
{
	background-color: #CCCCCC;
	border: 2px solid #666666;
	color: #000000;
}

.defaultbutton2 /*CREATE*/
{
	background-color: #DADADA;
	border-width: 0;
	color: #696969;
	cursor: pointer;
	font-size: 9px; /* height:13px; */
	line-height: 13px; /* padding:3px; */
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
}
.defaultbutton3
{
	display:inline-block;
	cursor: pointer;
	border-width: 0px;
	background-color: #eaeaea;
	color: #696969;
	text-align: center;
	vertical-align: middle;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	height: 13px;
	line-height: 13px;
	font-size: 6pt;
}
.defaultbutton3:hover
{
    color:#B31F24;
}
.defaultbutton_Hover
{
	background-color: #f9f9f9;
	border-width: 0;
	color: #696969;
	cursor: pointer;
	font-size: 9px; /* height:13px; */
	line-height: 13px; /* padding:3px; */
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
}
.panelPageHeaderCenter
{
	/*width:33%;*/ /*background-image:url('/mrm/images/GE_topplogo_02.gif');*/ /*background-repeat:no-repeat;*/ /*background-position:right;*/
	height: 74px;
	padding: 0px; /*border:solid 1px black;*/ /*float:right;*/
}
.panelPageHeaderLogo
{
	height: 74px;
}
.panelPageHeaderRight
{
	/*width:33%;*/ /*background-image:url('/mrm/images/GE_topplogo_02.gif');*/ /*background-repeat:no-repeat;*/ /*background-position:right;*/
	height: 74px;
	padding: 0px; /*border:solid 1px black;*/ /*float:right;*/
}
.panelPageHeaderPath
{
	background-color: #9a9a9a;
	border-bottom: 2px solid #8a8a8a;
	color: #e3e3e3 !important;
	height: 30px;
	padding: 0px 0px 0px 0px;
}
/*The leftmost panel - contains the main menu*/
.panelMenu
{
	background-color: White;
	position: fixed;
	top: 136px;
	height: 100%;
	width: 46px; /*padding-right: 20px;*/ /*border-right: solid 2px white;*/
	z-index: 100001;
	overflow: hidden;
}
.panelMenuFull
{
	overflow: hidden;
	background-color: White;
	position: fixed;
	top: 136px;
	height: 100%;
	width: 116px; /*padding-right: 20px;*/ /*border-right: solid 2px white;*/
	z-index: 100001;
}
.PreviewPane
{
	background-color: white;
	border-right: solid 20px white;
	padding-top: 10px;
}
.menuTable
{
	/*width: 60px;*/ /*width:45px;*/
	border-right: solid 1px #a7a7a7; /*border-left: solid 1px #a7a7a7;*/
	background-color: #f5f5f5;
	text-align: left;
}
.MainMenuLink_Selected {
    outline:none;
}
.MainMenuLink
{
	/*position:relative;*/ /*top:2px;*/
	font-size: 15pt;
	font-weight: bold;
	color: Gray;
	text-decoration: none;
    outline:none;
}

a.MainMenuLink:hover
{
	position: relative; /*top:2px;*/
	font-size: 15pt;
	font-weight: bold;
	color: Red;
	text-decoration: none;
}
.MainMenuItem
{
	/*width:60px;*/ /*height: 54px;*/
	height: 45px; /*width:45px;*/
	left: 1px;
	position: relative; /*text-align:center;*/
	background-color: Transparent;
	border-bottom: solid 1px silver;
    outline:none;
}
.MainMenuIcon
{
	/*float: left;*/
	width: 45px;
	height: 45px;
    outline:none;
}
.panelMenuTable
{
	padding-bottom: 0px;
	padding-top: 0px;
}
.validator
{
	background-color: lemonchiffon;
}
.ajax__validatorcallout div, .ajax__validatorcallout td
{
	border: solid 1px Black;
	background-color: LemonChiffon;
}
.ajax__validatorcallout .ajax__validatorcallout_popup_table
{
	display: none;
	border: none;
	background-color: transparent;
	padding: 0px;
}
.ajax__validatorcallout .ajax__validatorcallout_popup_table_row
{
	vertical-align: top;
	height: 100%;
	background-color: transparent;
	padding: 0px;
}
.ajax__validatorcallout .ajax__validatorcallout_callout_cell
{
	width: 20px;
	height: 100%;
	text-align: right;
	vertical-align: top;
	border: none;
	background-color: transparent;
	padding: 0px;
}
.ajax__validatorcallout .ajax__validatorcallout_callout_table
{
	height: 100%;
	border: none;
	background-color: transparent;
	padding: 0px;
}
.ajax__validatorcallout .ajax__validatorcallout_callout_table_row
{
	background-color: transparent;
	padding: 0px;
}
.ajax__validatorcallout .ajax__validatorcallout_callout_arrow_cell
{
	padding: 8px 0px 0px 0px;
	text-align: right;
	vertical-align: top;
	font-size: 1px;
	border: none;
	background-color: transparent;
}
.ajax__validatorcallout .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv
{
	font-size: 1px;
	position: relative;
	left: 1px;
	border-bottom: none;
	border-right: none;
	border-left: none;
	width: 15px;
	background-color: transparent;
	padding: 0px;
}
.ajax__validatorcallout .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div
{
	height: 1px;
	overflow: hidden;
	border-top: none;
	border-bottom: none;
	border-right: none;
	padding: 0px;
	margin-left: auto;
}
.ajax__validatorcallout .ajax__validatorcallout_error_message_cell
{
	font-family: Verdana;
	font-size: 10px;
	padding: 5px;
	border-right: none;
	border-left: none;
	width: 100%;
}
.ajax__validatorcallout .ajax__validatorcallout_icon_cell
{
	width: 20px;
	padding: 5px;
	border-right: none;
}
.ajax__validatorcallout .ajax__validatorcallout_close_button_cell
{
	vertical-align: top;
	padding: 0px;
	text-align: right;
	border-left: none;
}
.ajax__validatorcallout .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv
{
	border: none;
	text-align: center;
	width: 10px;
	padding: 2px;
	cursor: pointer;
}

/*The rightmost panel - contains the main contents*/
div#content
{
	/*padding-left:80px;*/
	border: solid 0px black; /*width: 630px;*/ /*width:1000px;*/
	background-color: White; /* 	height:100%; 	position:absolute; 	top:0px; */
}
.panelMainContent
{
	background-color: White;
	position: absolute;
	left: 62px; /*width:630px;*/
	top: 0px;
	height: 100%;
	display: table; /*padding:20px;*/
	margin-left: 20px;
	padding-right: 20px;
	border: solid 0px black;
}
.updateProgress
{
	position: fixed;
	background-color: #fff;
	filter: alpha(opacity=70);
	mozopacity: 0.7;
	opacity: 0.7;
	padding: 0px;
	margin: 0px;
	height:100%;
}
.updateProgress div
{
	background-color: white;
	padding: 4px;
	position: absolute;
	/*top: 30%; 
	left: 50%;
	*/
	top:100px;
	left:50%;
	text-align: center;
}
.updateProgressMain
{
	position: absolute;
	background-color: #fff;
	filter: alpha(opacity=70);
	mozopacity: 0.7;
	opacity: 0.7;
	left: 52px;
	width: 1000px;
	top: 0px;
	height: 100%;
	overflow: hidden;
}
.updateProgressMain div
{
	background-color: white;
	padding: 4px;
	position: absolute;
	top: 40%;
	left: 285px;
	text-align: center;
}
/*------------------------ITEMVIEW CONTROL----------------------------------*/
.itemviewContainer
{
	padding-bottom: 7px;
}
.ItemViewHeaderTitle
{
	padding-left: 5px;
	white-space: nowrap;
	font-weight: normal;
}
.ItemViewHeaderFilter
{
	vertical-align: middle;
	text-align: left;
}
.itemviewHeaderTable
{
	width: 100%;
	height: 25px;
}
.btnTiles
{
	vertical-align: middle;
}
.btnList
{
	vertical-align: middle;
}
.btnSearch
{
	/*vertical-align:middle;*/
	position: relative;
	/*top: 2px;*/
}
.btnNextPageActive
{
	vertical-align: middle;
}
.btnPreviousPageActive
{
	vertical-align: middle;
	padding-right: 2px;
}
/*The span tag for the pager buttons */
.ItemViewPager
{
	text-align: right;
	padding-right: 5px;
	padding-left:10px;
	border-left:1px solid #A7A7A7;
}
.ItemViewCreateNew
{
	text-align: right;
	padding-right:9px;
}

/*The panel containing the tiled items - Has huge size for scroll effect*/
.ItemViewFolderPanel
{
	position: relative; /*padding: 0px 15px 0px 10px;*/
}
/*Panel surrounding the tiles or list*/
.ItemViewFolderPanelParent
{
	position: relative; /*background-color: #f5f5f5;*/
}
.accordion_toggle
{
	display: block;
	height: 25px; /*width: 580px;*/ /*padding: 0 10px 0 10px; */ /*line-height: 25px;*/
	outline: none;
	color: Black;
	text-transform: uppercase;
	letter-spacing: 1px;
	background-color: #e5e5e5;
	font-size: 11px; /*cursor: pointer;*/
	margin: 0 0 0 0;
}

.closed
{
	/*background-color: white;*/
}
.accordion_footer
{
	display: block;
	height: 19px;
	position: relative; /*width: 580px;*/
	padding: 0 10px 0 10px; /*line-height: 20px;*/ /*border-top: 1px solid #e7e7e9;*/
	text-align: right; /*background-color: #e1e1e1;*/
	margin: 0 0 0 0;
}
.panelAutoComplete
{
	z-index: 1000000;
	border: 1px solid silver;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	text-align: right;
}
.gridHeader a
{
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #595959;
	text-transform: uppercase;
}
.gridHeader
{
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #595959;
	text-transform: uppercase;
	height: 22px;
	border-bottom: 1px solid #cccccc;
}

.gridRow
{
	font-size: 10px;
	line-height: 21px;
	background-color: White;
	color: #666666;
	border-bottom: 1px dotted #d9d9d9;
    border-collapse:collapse;
}
.gridRow:hover
{
	border: 1px solid silver;
}
.gridRow a
{
	text-decoration: none;
	color: #666666;
}
.gridRow a:hover
{
	text-decoration: underline;
	color: #B31F24;
}
.ToolTip
{
	color: #555;
	display: block;
    padding-left:4px;
}
/*------------------------NEWTEMPLATE CONTROL--------------------------------*/

.FooterToolbar
{
	background-color: #e1e1e1;
	height: 30px; /*width: 600px;*/
	text-align: center;
	padding-top: 8px;
	padding-bottom: 7px;
}
/*------------------------ELEMENT VIEW----------------------------------*/
.panelOrder
{
	display: block;
	top: 0px; /*width:200px;*/
	padding-bottom: 10px; /*margin:5px;*/
	background-color: #e7e7e7;
}
.panelOrderHeader
{
	/*width:100%;*/
	background-color: #dadada;
	font-size: 10px;
	letter-spacing: 2px;
	text-align: center;
	padding: 4px;
	text-transform: uppercase;
}
.panelElementSpecs
{
	margin-top: 5px;
	margin-left: 1px;
	width: 100%;
	float: left;
}
.panelElementFiles
{
	/*background-color: #e7e7e9;*/
	background-color: #f6f6f6;
	float: right;
	width: 530px;
	border-top: 2px solid white;
	text-align: left;
	padding: 10px;
}
.gridHeaderWithDashedBorder
{
	border-bottom: dashed 1px gray;
}
.BasketHeader
{
	background-color: #e5e5e5;
	text-transform: uppercase;
	font-size: 11px;
}
/*------------------------ITEMPANEL CONTROL----------------------------------*/
/*The panel surrounding the tiled items*/
.panelItem a
{
	text-decoration: none; /*color:black;*/
}
.panelItem
{
	padding: 2px 2px 4px 0px;
	width: 102px;
	overflow: hidden;
}
.ItemPanelItem
{
	float: left;
}
.panelTop
{
	/*padding-left:5px;*/
	padding-right: 10px;
}
.ItemPanelCheckBox
{
	/*
	position: relative; 
	left: -2px;
	top: -156px;
*/
	position: absolute; 
	left: -2px;
	top: 0px;
}
.ItemPanelCheckBoxWithoutTitle
{
	position: relative;
	left: 0px;
	top: -10px;
}

.ItemPanelLabel
{
	font-size: 10px;
	display: block;
	width: 100px;
	height: 24px;
	color: #ababab;
	padding-bottom: 10px;
	padding-top: 5px;
	text-align: center;
}
.ItemPanelLabel_Hover
{
	width: 100px;
	font-size: 10px;
	display: block;
	height: 24px;
	color: #626262;
	padding-bottom: 10px;
	padding-top: 5px;
	text-align: center;
}
.ItemPanelLabel_Selected
{
	width: 100px;
	font-size: 10px;
	display: block;
	height: 24px;
	color: #626262;
	padding-bottom: 8px;
	padding-top: 8px;
	text-align: center;
}
.btnEnablePreview
{
	position: relative;
	top: -72px;
	left: 14px;
}
.imgItemPanelPreview
{
	cursor: pointer;
	vertical-align: middle;
	/*max-height:100px;*/
}
/*------------------------PREVIEW CONTROL----------------------------------*/
.panelPreviewHeader
{
	/* 	top: 20px; 	left: 5px; 	color: #979797; 	position: relative; 	*/
	height: 33px;
}
.panelInnerPreview
{
}
.previewInfotext
{
	/*background-color: #f5f5f5;*/ /*padding-left:5px;*/
	padding-right: 5px;
	display: block;
}
.panelImage
{
	/*background-color: #666;*/
	background-color: #e5e5e5;
	/*border: 1px solid #F2F2F2; */
	/*	height: 250px; 	line-height: 248px; 	width: 250px; */
	height: 400px;
	line-height: 398px;
	width: 400px;
	padding:2px 0px 2px 0px;
    overflow-x:hidden;
    overflow-y:auto;
}
.panelPreviewPopupOuter
{
	background-color: White;
	border: solid 0px black;
	font-size: 12px;
	padding: 10px;
	line-height: 20px;
	z-index: 2000000;
}
.modalBackground
{
	background-color: White;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup
{
	background-color: #ffffdd;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 250px;
}
/*---------------ITEM CONTROLLER -----------------------*/
.BigInputBox
{
	width: 200px;
	float: left; /*	top:15px; 	left:3px; 	position:relative; */
	font-size: 15px;
	color: #333;
	line-height: 21px;
	background-color: #F2F2F2;
	background-image: url(/mrm/images/StandardButtons/input_bg.gif);
	border: 1px solid #CCC;
	margin: 3px 15px 0 0;
	padding: 2px 5px 2px 5px;
}
.ToolTipBig
{
	color: Silver;
	width: 200px;
	float: left; /*	top:15px; 	left:3px; 	position:relative; */
	font-size: 15px;
	line-height: 21px;
	background-color: #F2F2F2;
	background-image: url(/mrm/images/StandardButtons/input_bg.gif);
	border: 1px solid #CCC;
	margin: 3px 15px 0 0;
	padding: 2px 5px 2px 5px;
}

.DropDownList
{
	float: left;
	font-size: 13px;
	color: #333;
	height: 21px;
	line-height: 21px;
	background-color: #F2F2F2;
	border: 1px solid #CCC;
	margin: 4px 8px 0 0;
}
.DescrText
{
	float: left;
	font-family: Calibri,Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 21px;
	color: #333;
	margin: 3px 15px 0 10px;
}

/*---------------------*/
.buttwrapper
{
	display: inline;
}
.buttwrapperCentered
{
	display: table;
	margin: 0 auto;
}
.buttwrapperLeft
{
	display: table; /*margin: 0 auto;*/
}
.buttwrapperRight
{
	display: table;
	margin: 0 0 0 auto;
}

/*---------------AJAX CALENDAR -----------------------*/
.ajax__calendar_container
{
	padding: 4px;
	cursor: default;
	width: 170px;
	font-size: 11px;
	text-align: center;
	font-family: tahoma,verdana,helvetica;
}
.ajax__calendar_body
{
	height: 139px;
	width: 170px;
	position: relative;
	overflow: hidden;
	margin: auto;
}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years
{
	top: 0px;
	left: 0px;
	height: 139px;
	width: 170px;
	position: absolute;
	text-align: center;
	margin: auto;
}
.ajax__calendar_container TABLE
{
	padding: 0px;
	margin: 0px;
	font-size: 11px;
}
.ajax__calendar_container TD
{
	padding: 0px;
	margin: 0px;
	font-size: 11px;
}
.ajax__calendar_header
{
	height: 20px;
	width: 100%;
}
.ajax__calendar_prev
{
	cursor: pointer;
	width: 15px;
	height: 15px;
	float: left;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(<%=WebResource("Calendar.arrow-left.gif")%>);
}
.ajax__calendar_next
{
	cursor: pointer;
	width: 15px;
	height: 15px;
	float: right;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(<%=WebResource("Calendar.arrow-right.gif")%>);
}
.ajax__calendar_title
{
	cursor: pointer;
	font-weight: bold;
	margin-left: 15px;
	margin-right: 15px;
}
.ajax__calendar_footer
{
	height: 15px;
}
.ajax__calendar_today
{
	cursor: pointer;
	padding-top: 3px;
}
.ajax__calendar_dayname
{
	height: 17px;
	width: 17px;
	text-align: right;
	padding: 0 2px;
}
.ajax__calendar_day
{
	height: 17px;
	width: 18px;
	text-align: right;
	padding: 0 2px;
	cursor: pointer;
}
.ajax__calendar_month
{
	height: 44px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
}
.ajax__calendar_year
{
	height: 44px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
}

.ajax__calendar .ajax__calendar_container
{
	border: 1px solid #646464;
	background-color: #ffffff;
	color: #000000;
}
.ajax__calendar .ajax__calendar_footer
{
	border-top: 1px solid #f5f5f5;
}
.ajax__calendar .ajax__calendar_dayname
{
	border-bottom: 1px solid #f5f5f5;
}
.ajax__calendar .ajax__calendar_day
{
	border: 1px solid #ffffff;
}
.ajax__calendar .ajax__calendar_month
{
	border: 1px solid #ffffff;
}
.ajax__calendar .ajax__calendar_year
{
	border: 1px solid #ffffff;
}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day
{
	background-color: #edf9ff;
	border-color: #0066cc;
	color: #0066cc;
}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month
{
	background-color: #edf9ff;
	border-color: #0066cc;
	color: #0066cc;
}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year
{
	background-color: #edf9ff;
	border-color: #0066cc;
	color: #0066cc;
}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day
{
	background-color: #ffffff;
	border-color: #ffffff;
	color: #646464;
}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year
{
	background-color: #ffffff;
	border-color: #ffffff;
	color: #646464;
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day
{
	background-color: #edf9ff;
	border-color: #daf2fc;
	color: #0066cc;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month
{
	background-color: #edf9ff;
	border-color: #daf2fc;
	color: #0066cc;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year
{
	background-color: #edf9ff;
	border-color: #daf2fc;
	color: #0066cc;
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title
{
	color: #0066cc;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today
{
	color: #0066cc;
}


/*--This is for ipad/tablets*/ 
@media only screen and (device-width: 768px) { 
    /* For general iPad layouts */ 
    div#header
	{
	    position: absolute;
    } 
	.panelMenuFull
	{
	    position: absolute;
	}
    .panelRightColumn {
	    position: absolute;
    }
}