﻿/*---------------------------------------------------------------------- 
Global styles used for all pages. Only style classes used by the masterpage goes here . 
Specific page element classes must be put in their own css file
-------------------------------------------------------------------------*/



/* -------------------------------------Global Tagname styles -----------------------------------------*/
BODY
{
	text-align: left;
	background-image: url(../Images/Background.gif);
	background-attachment: fixed;
	background-color: Gray;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Sans-Serif;
	font-size: 8pt;
}


INPUT
{
	font-size: 8pt;
	color: #000000;
	font-family: Verdana, Sans-Serif;
}
SELECT
{
	font-size: 8pt;
	color: #000000;
	background-color: white;
	z-index: -1;
	text-align: left;
	font-family: Verdana, Sans-Serif;
}
TEXTAREA
{
	font-size: 8pt;
	color: #000000;
	background-color: white;
	font-family: Verdana, Sans-Serif;
}

button
{
	font-size: 8pt;
	color: #000000;
	font-family: Verdana, Sans-Serif;
}

.TRB /* Table Right Border */
{
	border-right: solid 1px #000000;
}

.OutlineButton
{
	border: double 3px black;
	background-color: #fc7010;
	color: White;
	font-size: 11px;
	font-weight: 600; /*font-weight: bold;*/
}

.OutlineButton:Hover
{
	cursor: pointer;
	border: solid 3px black;
}

a
{
	text-decoration: none;
	color: black;
	font-family: Verdana, Sans-Serif;
	cursor: auto;
}
a:hover
{
	text-decoration: none;
	color: #FC7010;
	font-family: Verdana, Sans-Serif;
	cursor: pointer;
}

td
{
	font-family: Verdana, Sans-Serif;
	font-size: 8pt;
}


h1
{
	font-size: 10px;
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
}
h2
{
	font-size: 10px;
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
}

h3
{
	font-size: 12px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	display: inline;
}



h4
{
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	display: inline;
	font-weight: bold;
}



/* --------------------------------- Overall page structure elements --------------------------------*/
div#canvas
{
	text-align: left;
	border-left: solid 1px #BEBEBE;
	border-right: solid 1px #BEBEBE;
	border-bottom: solid 1px #BEBEBE;
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	height: 100%;
	background-color: #FFFFFF;
	padding: 0px 4px 4px 4px;
}

div.Center
{
	text-align: center;
	width: 100%;
}

div.CenterBox
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 98%;
}

#topBar
{
	text-align: left;
	height: 69px;
}

#topBar #QmanagerLogo
{
	margin-left: 16px;
	margin-top: 10px;
	float: left;
}

#topBar #companyLogo
{
	margin-top: 10px;
	float: right;
}

#menuBar
{
	width: 980px;
	height: 27px;
	background-image: url(../images/menubg.gif);
}

#headerBar
{
	height: 48px;
	text-align: left;
	padding-left: 16px;
	padding-right: 11px;
	clear: both;
}

div#footerBar
{
	background-image: url(../images/menubg.gif);
	height: 26px;
	line-height: 26px;
	clear: both;
	width: 100%;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

div#footerBar .userInfo
{
	float: left;
	width: 33%;
	text-align: left;
	padding-left: 16px;
}

div#footerBar .footerText
{
	color: White;
}

div#footerBar .QmanagerText
{
	width: 24%;
	text-align: right;
	float: left;
	line-height: 26px;
	height: 26px;
	vertical-align: middle;
	color: Gray;
}

div#footerBar .logOut
{
	text-align: right;
	float: right;
	padding-right: 16px;
}

div#footerBar .Novaq
{
	color: Gray;
	font-family: Lucida Sans;
	font-size: 8pt;
	text-transform: uppercase;
}

div#footerBar .as
{
	font-size: 7pt;
	text-transform: lowercase;
}

#maintenance
{
	text-align: right;
	width: 980px;
	margin: 0px auto 0px auto;
}

#pageHeader
{
	float: left;
	margin-top: 15px;
}

#currentCompanyHeader
{
	float: right;
	margin-top: 15px;
	margin-right: 16px;
}

.helpMenuItem
{
	background-image: url(../images/menubg_darker.gif);
	width: 110px;
	height: 26px;
	line-height: 26px;
	float: right;
	padding-right: 16px;
	text-align: right;
}

#progressIndicatorImage
{
	position: absolute;
	z-index: 10002;
}

.breadCrumbArrow
{
	margin-left: 10px;
	margin-right: 10px;
}

a.findCompanyLink
{
	cursor: pointer;
}

a.helpLink
{
	color: White;
	cursor: pointer;
	font-size: 12px;
}

a.helpLink:hover
{
	color: #FC7010;
}

#divRadMenu
{
	float: left;
}



div#content
{
	text-align: left;
	height: 100%;
	min-height: 600px;
}





#menuBar
{
	width: 980px;
	background-color: Black;
	border-bottom: solid 2px #FC7010;
	background-image: url(../images/menubg.gif);
}

div#mode
{
	padding-right: 70px;
	color: #FC7010;
}

#progressIndicatorDiv
{
	position: absolute;
	z-index: 10002;
}

/* -------------------------------- Global classnames --------------------- */
.bold
{
	font-weight: bold;
}
.noBreak
{
	display: inline;
}
.boldNoBreak
{
	font-weight: bold;
	display: inline;
}

.white
{
	color: White;
}

.dot
{
	padding-left: 11px;
	padding-right: 11px;
}

.ImageButton
{
	cursor: default;
}

.ImageButton:Hover
{
	cursor: pointer;
}

.breadCrumbArrow
{
	margin-left: 10px;
	margin-right: 10px;
}

.CheckBoxPointer
{
	cursor: pointer;
}


/* ------------------------------------- ToolTip Style Start -------------------------------------- */

.ToolTipFrameBackGround
{
	background-color: White;
	border: solid 1px #FC7010;
}

.ToolTipCaptionBackGround
{
	padding: 0px 0px 0px 0px;
	height: 16px;
	margin-bottom: 1px;
}

.CaptionTable
{
	padding: 2px 8px 2px 8px;
	background-color: #FC7010;
	width: 100%;
	height: 16px;
}

.ToolTipContentBackGround
{
	text-align: left;
	background-color: #DEDEDE;
	padding: 4px 8px 4px 8px;
}

.LeftHeader
{
	text-align: left;
	vertical-align: middle;
}

.Qfont
{
	font-size: 12px;
	color: #FFFFFF;
}

.ManagerFont
{
	font-size: 8px;
	color: #FFFFFF;
}

.RightHeader
{
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
}

.OrangeLine
{
	height: 1px;
	border-bottom: solid 1px #fc7010;
}

/* Task, Container, etc IDs that are HyperLink */
.GridItemLink, .Link
{
	text-decoration: underline;
	text-align: right;
	padding-right: 6px;
}

.GridItemLink:Hover, .Link:Hover
{
	cursor: pointer;
	color: #FC7010;
}


/* ToolTip Style End */

.SpanLink:Hover
{
	cursor: pointer;
	color: #FC7010;
}

.WatermarkText
{
	color: gray;
}

/* Test til WasteReport dropdown på 700 px... */
#ctl00_ReportPlaceHolder_ReportViewer_ReportViewer_ctl00_ctl11_ddValue
{
	width: 200px;
}

.FloatLeft
{
	float: left;
}

.FloatRight
{
	float: right;
}

/* SpanButton classes */

span.SpanButton
{
	border: solid 1px #111111;
	padding: 4px 16px 4px 16px;
	line-height: 28px;
	font-weight: bold;
	font-family: Tahoma;
}

button.SpanButton
{
	border: solid 1px #111111;
	padding: 0px 8px 0px 8px;
	line-height: 16px;
	font-weight: bold;
	font-family: Tahoma;
}

input.SpanButton
{
	margin: 4px 4px 4px 4px;
	border: solid 1px #111111;
	padding: 0px 8px 0px 8px;
	line-height: 16px;
	font-weight: bold;
	font-family: Tahoma;
}

.ActiveSpanButton
{
	background-color: #CECECE;
}

.ActiveSpanButton:Hover
{
	cursor: pointer;
	background-color: #FFFFFF;
	color: #FC7010;
}

.SelectedSpanButton
{
	background-color: #FC7010;
	color: #FFFFFF;
}

button.QButton
{
	border: solid 1px #111111;
	line-height: 16px;
	font-weight: bold;
	font-family: Tahoma;
	background-color: #CECECE;
}
button.QButton:Hover
{
	cursor: pointer;
	background-color: #FFFFFF;
	color: #FC7010;
}

input.QButton
{
	margin: 4px 4px 4px 4px;
	border: solid 1px #111111;
	padding: 0px 8px 0px 8px;
	line-height: 16px;
	font-weight: bold;
	font-family: Tahoma;
	background-color: #CECECE;
}
input.QButton:Hover
{
	cursor: pointer;
	background-color: #FFFFFF;
	color: #FC7010;
}

.textarea
{
	border-top: solid 1px #7f9db9;
	border-left: solid 1px #7f9db9;
	border-right: solid 1px #7f9db9;
	border-bottom: 0px;
	padding: 3px 15px 3px 3px;
	margin-bottom: -1px;
	overflow: auto;
}

.textarea-handle
{
	height: 5px;
	display: block;
	background: #fc7010;
	background-image: url('../Images/DragHandle.gif');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	padding: 1px 15px 1px 3px;
	border: solid 1px #7f9db9;
}

/* jQuery Popup */
.PopupUIOverlay
{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	width: 0px;
	height: 0px;
	background-color: #000;
	opacity: .30;
	filter: alpha(opacity=30);
	z-index: 1500;
	cursor: crosshair;
}

.PopupUIPopup
{
	width: 500px;
	height: 500px;
	border: 1px solid #FC7010;
	background-color: #FFFFFF;
	padding: 1px;
	display: none;
	position: absolute;
	z-index: 1501;
}

.PopupUIPopup .PopupUITitlebar
{
	background-color: #FC7010;
	color: White;
	font-weight: bold;
	font-size: larger;
	text-align: left;
	border-bottom: solid 1px #fc7010;
	margin-bottom: 1px;
	height: 23px;
	line-height: 23px;
	padding-left: 16px;
	padding-right: 6px;
}

.PopupDraggable
{
	cursor: move;
}

.PopupUIPopup .PopupUITitlebar .PopupUICloseIcon
{
	float: right;
	cursor: pointer;
	width: 20px;
	background-image: url(../images/close.gif);
	background-position: center;
	background-repeat: no-repeat;
}


.PopupUIPopup .PopupUIBody
{
	background-color: #FFFFFF;
	color: Black;
	padding: 10px;
	border-top: solid 1px #FC7010;
	border-bottom: solid 1px #7B7D7B;
	overflow-y: scroll;
}

.PopupUIPopup .PopupUIBody .PopupUIButtonRow
{
	border-top: solid 1px #FC7010;
	padding-top: 8px;
	text-align: right;
}

.TableCenterAlignedCell
{
	text-align: center;
}

.AlignCenter
{
	text-align: center;
}

