﻿@import url('/MRM/GUI/WriteCSS.ashx');

html, body 	{
    margin:0;
    padding:0;		
    height:100%;
    overflow:hidden; 	
    } 
    
.startPuffHeadLine
{
    color:#ffffff;
    font-family:Arial, Helvetica, sans-serif; 
    font-weight:bold; 
    font-size:14px; 
}

.startPageHeadLine
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:30px; 
	line-height:36px; 
	font-weight: bold;
	color:#292828
}

.startPageSubHeadLine
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	line-height:15px; 
	color:#292828
}

.ModuleHeadLine
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px; 
	xline-height:18px; 
	color:#292828;
}
.ModuleDescription
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	line-height:14px; 
	color:#292828
}
.ModuleDescription A
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	font-weight:bold;
	line-height:14px; 
	color:#292828
}
.PositionRelative
{
    position: relative;
}

a.RadGridPosition
{
	font-weight: bold;
}

.MenuArrow
{
    position:absolute;
    left:-1px;
    bottom:-1px;
}

.MediaPreviewDIV
{	
	border-right: #e5e5e5 1px solid;
	border-top: #e5e5e5 1px solid;
	border-left: #e5e5e5 1px solid;
	border-bottom: #e5e5e5 1px solid;
	width: 100%;	
	height: 100%;
	background-color: white;
	text-align: center;
	vertical-align:  middle;	 
}

.LinkDefault
{
	font-weight: normal;		 
	font-family: Arial;	
	color:#515151;
	font-size: 11px;
	text-decoration:none;	
}


 A:hover.LinkDefault
{				
	text-decoration:underline;
	color:#333;
}

.ButtonMedium
{
	background-repeat: no-repeat;
	background-color:White;	
	background-image: url('GFX/BtnMedium.gif');
	border: 0px solid white;
	padding:0px;
	margin:0px;
	height: 18px;
	width: 77px;
	font: normal 11px Arial, Verdana, Sans-serif;
	color:#666;
}

.ButtonLarge
{
	background-repeat: no-repeat;
	background-color:White;	
	background-image: url('GFX/BtnLarge.gif');
	border: 0px solid white;
	padding:0px;
	margin:0px;
	height: 18px;
	width: 115px;
	font: normal 11px Arial, Verdana, Sans-serif;
	color:#666;
}

.ButtonSmall
{
	border: 0px;
	background: transparent url('GFX/BtnSmall.gif') no-repeat;
	font: normal 11px Arial, Verdana, Sans-serif;
	color: #666;
	height: 18px;
	width: 68px;	
}

.LinkButtonMediumRight
{
	border:NONE;
	background-color:Transparent;
	font: normal 11px Arial, Verdana, Sans-serif;
	color:#999;
	text-align:right;
}

.RadTreeLoaderClass
{	
	background-color: #ffffff;
	color: Black;
}

.LinkNormal, .GridRow_IconsView a, .GridAltRow_IconsView a
{				
	font-weight: normal;		 
	font-family: Arial;	
	color:#515151;
	font-size: 11px;
	text-decoration:none;
}

 A:hover.LinkNormal
{				
	text-decoration:underline;
	color:#333;
}

.LinkNormalMenu
{				
	font-family: Arial, Helvetica, sans-serif;	
	color:#1d1d1d;
	font-size: 12px;
	text-decoration:none;
}

A:hover.LinkNormalMenu
{				
	text-decoration:underline;
	color:#1d1d1d;
}


.LinkMedium
{				
	font-weight:  normal;		 
	font-family: Arial;	
	color:#6d6d6d;
	font-size: 18px;
	text-decoration:none;
}

 A:hover.LinkMedium
{				
	text-decoration:underline;
}

.LinkBold
{				
	font-weight:  bold;		 
	font-family: Arial;	
	color:#515151;
	font-size: 11px;
	text-decoration:none;
}

 A:hover.LinkBold
{				
	text-decoration:underline;
}

 A:hover.GridRow_IconsView,  A:hover.GridAltRow_IconsView
{				
	text-decoration:underline;
	color:#333;
}

.HeaderText a
{
	font-weight:bold;
	font-size: 21px;
}

.PanelPosition
{
 width:100%; 
}

.RadGridPosition
{
 width:100%;  
}

.ToolbarDiv
{		
	background-repeat: repeat-x;
	vertical-align: middle;	
	height: 29px;
	text-align: right;
	BORDER-LEFT: #e5e5e5 1px solid; 	
	BORDER-RIGHT: #e5e5e5 1px solid; 
	BORDER-TOP: #e5e5e5 1px solid; 		
	width:100%;
}

.MiddleSpaceDiv
{
	margin-left: 20px;
}

.ContentDiv
{
	position:relative;
	width:100%;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:5px;
}

.BorderDiv
{	
	padding-left:0px;
	padding-top:5px;
	padding-bottom:5px;
	BORDER-RIGHT: #e5e5e5 1px solid; 
	BORDER-LEFT: #e5e5e5 1px solid; 
	BORDER-BOTTOM: #e5e5e5 1px solid; 
	width:100%;
}

.BorderDivMargin
{	
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	BORDER-RIGHT: #e5e5e5 1px solid; 
	BORDER-LEFT: #e5e5e5 1px solid; 
	BORDER-BOTTOM: #e5e5e5 1px solid; 
	width:100%;
	height:100%;
	
}

.LeftMarginDiv
{
	margin-left:6px;
	margin-right:6px;	
	margin-top:6px;
	margin-bottom:6px;	
}

.BodyStyle
{			
	overflow:hidden;	
	height:100%;		
}

.ScrollStyle, .BodyStyle
{				
	SCROLLBAR-FACE-COLOR: #e9e9e9; 
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
	SCROLLBAR-SHADOW-COLOR: #e9e9e9; 
	SCROLLBAR-3DLIGHT-COLOR: #dbdbdb; 
	SCROLLBAR-ARROW-COLOR: #787878; 
	SCROLLBAR-TRACK-COLOR: #f5f5f5; 
	SCROLLBAR-DARKSHADOW-COLOR: #aeaeae; 
	SCROLLBAR-BASE-COLOR: #f0f0f0;	
}

/*Size 1*/
.ThumbnailSize1DIV
{	
	border-right: #cdcdcd 1px solid;
	border-top: #cdcdcd 1px solid;
	border-left: #cdcdcd 1px solid;
	border-bottom: #cdcdcd 1px solid;
	width: 59px;	
	height: 42px;
	xbackground-color: white;
	text-align: center;
	vertical-align:  middle;	
}

.ThumbnailSize1IMG
{	
	max-height:34px;
	max-width:50px;	
	xheight:34px;	
	padding-right:3px;
}

.ThumbnailSize1IMG_Landscape
{	
	max-height:34px;
	max-width:50px;	
	width:50px;
}

.ThumbnailSize1TABLE
{
	width:58px;
	padding-top:42px;	
	border-left:SOLID 1px BLACK;
}

/*Size 2*/
.ThumbnailSize2DIV
{	
	border-right: #cdcdcd 1px solid;
	border-top: #cdcdcd 1px solid;
	border-left: #cdcdcd 1px solid;
	border-bottom: #cdcdcd 1px solid;
	width: 122px;	
	height: 76px;
	xbackground-color: white;
	text-align: center;
	vertical-align:  middle;	 	
}

.ThumbnailSize2IMG
{	
	max-height:62px;
	max-width:108px;
	xheight:60px;		
}

.ThumbnailSize2IMG_Landscape
{	
	max-height:62px;
	max-width:108px;
	width:108px;	
}

.ThumbnailSize2TABLE
{
	width:122px;
	padding-top:4px;	
}

/*Size 3*/
.ThumbnailSize3DIV
{	
	border-right: #cdcdcd 1px solid;
	border-top: #cdcdcd 1px solid;
	border-left: #cdcdcd 1px solid;
	border-bottom: #cdcdcd 1px solid;
	width: 161px;	
	height: 100px;
	xbackground-color: white;
	text-align: center;
	vertical-align:  middle;		
}

.ThumbnailSize3IMG
{		
	max-height:82px;
	max-width:143px;
	noheight:82px;	
}

.ThumbnailSize3IMG_Landscape
{		
	max-height:82px;
	max-width:143px;
	width:140px;	
}

.ThumbnailSize3TABLE
{
	width:161px;
	padding-top:4px;	
}

/*Size 4*/
.ThumbnailSize4DIV
{	
	border-right: #cdcdcd 1px solid;
	border-top: #cdcdcd 1px solid;
	border-left: #cdcdcd 1px solid;
	border-bottom: #cdcdcd 1px solid;
	height: 133px;
	width: 246px;		
	xbackground-color: white;
	text-align: center;
	vertical-align:  middle;		 
}

.ThumbnailSize4IMG
{	
	max-height:111px;
	max-width:224px;	
	xheight:110px;	
}

.ThumbnailSize4IMG_Landscape
{	
	max-height:111px;
	max-width:224px;	
	width:200px;	
}
.ThumbnailSize4TABLE
{
	width:246px;
	padding-top:4px;	
}

/*Size 5*/
.ThumbnailSize5DIV
{	
	border-right: #cdcdcd 0px solid;
	border-top: #cdcdcd 0px solid;
	border-left: #cdcdcd 0px solid;
	border-bottom: #cdcdcd 0px solid;
	width: 512px;	
	height: 273px;
	xbackground-color: white;
	text-align: center;
	vertical-align:  middle;		
}

.ThumbnailSize5IMG
{	
	max-height:247px;
	max-width:486px;
	xheight:	246px;
}

.ThumbnailSize5TABLE
{
	width:512px;
	padding-top:4px;	
}

.ThumbnailSize5IMG_Landscape
{	
	max-height:247px;
	max-width:486px;
	width: 486px;
}

.ThumbContainer
{
    border-color: White;
    border-width: 0px;
    border-style: Solid;
    height: 100%;
    border-collapse: collapse;
    text-align: center;
}

.SmallContainer
{
    overflow:hidden;
    border:5px solid grey;
    layout-flow:horizontal;
    float:right;
}

.SmallMenu
{
    cursor:pointer;
    top:-2px;
    left:1px;
    position:relative;    
}

.SmallLink
{
    cursor:hand;
    position:relative; 
    top:-2px;
}

.Grid_Pager
{
	border: 0px;
	border-top: 0px !important;
	font-family: Tahoma, Verdana;
	font-size: 8pt;	
	color: #333;
}

/*Skin styles*/
.input
{
	FONT-FAMILY: arial, Verdana, helvetica, sans-serif; 
	COLOR: #000000; 
	FONT-SIZE: 11px; 
	BORDER: #cccccc 1px solid; 
	BACKGROUND-COLOR: #ffffff;
	height:18px;
	padding:0px;
	margin:0px;
}

.button
{
	background-repeat: repeat-x;
	background-color:White;	
	background-image: url('GFX/BtnBackground.gif');
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #adadad;
	padding:0px;
	margin:0px;
	font: normal 11px Arial, Verdana, Sans-serif;
	color:#666;
}

.divPaddigNormal
{
	padding-bottom: 6px;
	padding-top: 6px;
	padding-right: 6px;
	padding-left: 6px;
	overflow:hidden;
}

.label
{
	font-size: 12px;
	color: #6d6d6d;
	font-family: Arial, Verdana, helvetica, sans-serif; 
}

.labelGrey
{
	font-size: 12px;
	color:#A9A9A9;
	font-family: Arial, Verdana, helvetica, sans-serif; 
}

.label LABEL
{
	padding-right:12px;
	padding-left:2px;
}

.labelBold
{
	font-size: 12px;
	color: #666666;
	font-family: Arial, Verdana, helvetica, sans-serif; 	
	font-weight: bold;
}

.labelBold LABEL
{
	padding-right:12px;
	padding-left:2px;
}

.labelHeader
{
	font-size: 14px;
	color: #666666;
	font-family: Arial, Verdana, helvetica, sans-serif; 	
	font-weight: bold;
}

.labelHeading
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color: #6d6d6d;
	line-height:22px;
	font-weight: normal;
}

.labelHeadingWhite
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #ffffff;
	line-height:20px;
	font-weight: normal;

}

.labelHeadingMedium
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #6d6d6d;
	line-height:20px;
	font-weight: normal;
}

.labelHeadingMediumGrey
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #A9A9A9;
	line-height:20px;
	font-weight: normal;
}

.labelHeadingSmall
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #6d6d6d;
	line-height:18px;
	font-weight: normal;
}

.labelSubHeader
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:24px;
	color: #333333;
	font-weight:bold;
}

.labelText
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color: #333333;
    
}

.labelTextSmall
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
	color: #333333;
    
}    


.labelTextSmallBold
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:12px;
	color: #333333;
    
}   

.LoginRubrik
{font-family:Arial, Helvetica, sans-serif !Important;
    font-size:16px; 
    color: #333333;
    line-height:20px;
}

.LoginText
{font-family:Arial, Helvetica, sans-serif; 
    font-size:11px; 
    line-height:14px; 
    color: #333333;
}

.LoginTextBox
{font-family:Arial, Helvetica, sans-serif; 
    font-size:11px; 
    line-height:14px; 
    color: #333333;
}

.LoginText A
{
   font-family:Arial, Helvetica, sans-serif; 
    font-size:11px; 
    line-height:14px; 
    color: #666666;
    TEXT-DECORATION: underline
}

.LoginText A:active
{
    color: #000000;
        TEXT-DECORATION: underline
}
 A:hover.LoginText
{
    color: #000000;
    TEXT-DECORATION: underline
}
/*
//In the future...
.GridEditRow_WithinWindow
{
	background: #818181 !important;
}
*/
    
.gridStyleWhiteBottom, .gridStyleWhiteBottom td {
    border-bottom: #cfcfcf 1px solid;
    border-left: #cfcfcf 0px solid;
    border-right: #cfcfcf 0px solid;
    border-top: #cfcfcf 0px solid;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color: #ffffff;
    font-weight: normal;
    height:20px; 
}

.gridStyleBottom, .gridStyleBottom td {
    border-bottom: #cfcfcf 1px solid;
    border-left: #cfcfcf 0px solid;
    border-right: #cfcfcf 0px solid;
    border-top: #cfcfcf 0px solid;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight: normal;
    height:20px; 
    color: #6d6d6d;
}

.gridHeaderStyle
{
    font-size:13px;
}

.GridNormalRow
{
    background-image: url('/RadControls/Grid/Skins/DefaultVer451/Resolut/fade_top.png');
    background-repeat: repeat-x;
}
.GridNormalHeader
{
}
