/*
//---------------------------------------------------------------------
// <copyright file="Main.css" company="Absolute Software Corpration">
// Copyright (c)2010-2015 Absolute Software Corporation, All rights reserved.  Reproduction or transmission in
// whole or in part, in any form or by any means, electronic, mechanical or
// otherwise, is prohibited without the prior written consent of the copyright
// owner.
// </copyright>
//
// <summary>Main css.</summary>
// <remarks></remarks>
// <history>
// Date         Release             Task    Who     Summary
// ===================================================================================
// 13-May-2010  Geothe              30554    LLKT     CC 4.5 Installed Software Overview Report: UI does not give user page number information
// 02-Aug-2010  Bismarck            34911    NQB      CC: Device Groups modal dialog boxe is so large that the user cannot see the top or bottom parts of it [ComputerGroups.aspx]
// 08-Dec-2010  Barcelona           39976   SZS     Added z index to tooltip
// 07-Jan-2011  Barcelona           39976   SZS     Changed the implementation to AJAX to support the mouse over it to click such things as links to documents
// 08-Feb-2011  Barcelona           40895   SZS     QAcorp пїЅ Select Device(s) for Agent Removal пїЅпїЅ tooltip window is not always visible  [AgentRemovalSummary.aspx].
// 08-Feb-2011  Barcelona           41068   SZS     Added gridBarTextArea class
// 25-Feb-2011  HaNoi               39894      ATT     Zooming in on the CC login page does not increase the width of the language select drop-down.
// 13-Apr-2011  Hanoi               41878   VN      CC- Mouse over Identifier and lower part of webpage separates from rest of on AT-P IntelAtpDetails.aspx webpage in IE 9 browser. [IntelAtpDetails.aspx]
// 25-May-2011  Hanoi               39701   VN      New Widget: Favourite Reports
// 28-Jun-2011  Paris               43206   YS      Re-organize CSS files in CustomerCenterApp
// 03-Jul-2012  Vienna              47896   LP     Implement an Ad-Tile in Customer Center
// 01-Jul-2015  CC 5.24.1           66218   KV      Rebranding CC
// 04-Sep-2015  CC 5.24.4                   AM      Greenize the "Beta" Next Gen link
// </history>
------------------------------------------------------------------------------------
*/
body  {
font: 75% Arial, Helvetica, sans-serif;
	/*background: #666666;*/
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	/*text-align: center;  this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background: #FFFFFF;
	color: #000000;
}
H1	{
	font-size: 180%;
	font-weight: normal;
	font-family: Trebuchet MS, Arial, Helvetica, Sans-serif;
	border-bottom:1px solid #999999;
	padding: 0px 10px 3px 0px;
	margin-bottom: 5px;
	margin-top: 11px;
	color: #6DA7C9;
}
H2			{ font-size: 160%; font-weight: normal; font-family: Arial, Helvetica, Sans-serif; }
H3			{ color: #000000; font-size: 130%; margin-bottom: 3px; font-weight: bold; font-family: Arial, Helvetica, Sans-serif; }
H4			{ font-family: Arial, Helvetica, Sans-serif; color: #555555; font-size: 100%; margin-bottom: 0px; font-weight: bold; }
A			{color: #457FA1; text-decoration: underline;}
A:hover		{color: #001F3E; text-decoration: underline;}
img {	border:none;}
textarea {
	font-size: 120%;
	font-family: Arial, Helvetica, sans-serif;
}
/* Common */
.legendTitle {
	color: Black;
	font-weight: bold;
}
.errorMessage {
	color: Red;
	padding-top: 7px;
	padding-bottom: 7px;
}
.statusMessage {
	padding: 5px;
	margin: 11px 0px 11px 0px;
	border: 1px solid #808080;
	background-color: #CCFF99;
	display: block;
}
.messageBox {
	padding: 20px 0 0 0;
	margin: 0;
	border: 0;
	background: none;
	display: block;
	line-height:17px;
	/*border-top: 1px solid #DCDDDE;*/
}
.messageBoxTitle {
	color: Black;
	padding-bottom: 4px;
	font-weight: bold;
}
.gray {
	color: #6C6C6C;
}

.highlitedExample
{
	background-color: #C8D5EA;
}

hr {
	height: 1px;
	color: #D3D3D3;
	background-color: #D3D3D3;
}
ul.nomargin {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
}
/* Login */
.oneColumn #container {
	width: 680px;  /* main container width */
	background: #FFFFFF;
	margin: 20px auto 7px; /* the auto margins (in conjunction with a width) center the page */
	padding: 10px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	border: 1px solid #DCDDDE;
}
#loginMainContent .loginLeftPanel {
	float: left;
	padding: 11px 40px 0px 0px;
	text-align: left;
}
#loginMainContent .loginLeftPanel input {
	margin: 5px 0px 0px 0px;
	/*height: 20px;*/
	font-size: 15px;
}

#loginMainContent .loginLeftPanel img {
	margin: 5px 0px 0px 0px;
}

#loginMainContent .loginRightPanel {
	padding: 11px 0px 11px 11px;
	text-align: left;
}
#languageSelection {
	float:right;
	margin: 10px 10px 0px 10px;
	padding: 3px;
}
#languageSelection select {
	height:20px;
	width:100px;

}
.alertBox {
	border: 1px solid #FF6600;
	background-color: #FFFF99;
	color: Black;
	padding: 7px;
	margin: 11px 0px 11px 0px;
	display: block;
}
.alertBoxTitle {
	color: Black;
	padding-bottom: 4px;
	font-weight: bold;
}
.oneColumn #top {
	width: auto;
	border-bottom: 1px solid #DCDDDE;
	background-color: #fff;
	background-image: none;
	background-repeat: repeat-y;
	background-position: left top;
}
.oneColumn #bottom {
	width: 680px;
	margin: 0px auto 11px; /* the auto margins (in conjunction with a width) center the page */
	padding: 0px;
	text-align: left;
	background: #FFFFFF;
}
#bottom .left {
	float:left;
}
#bottom .right {
	text-align:right;
}

#loginMainContent .loginLeftPanel input#LoginButton,
#loginMainContent .loginLeftPanel input#ForgotPasswordButton,
#loginMainContent .loginLeftPanel input#btnCancel{
    height:auto;
}
/* Post login */
.twoColumns #container {
	width: auto;  /* main container width */
	background: #ffffff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.twoColumns #top {
	width: auto;
  height: 65px;
  border-bottom: 1px solid #78BE20;
  background: #fff;
}

/* Tips for leftPanel:
1. since we are working in percentages, it's best not to use padding on the sidebar. It will be added to the width for standards compliant browsers creating an unknown actual width.
2. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColumns #leftPanel p" rule.
3. Since Explorer calculates widths after the parent element is rendered, you may occasionally run into unexplained bugs with percentage-based columns. If you need more predictable results, you may choose to change to pixel sized columns.
*/
.twoColumns #leftPanel {
	float: left;
	width: 198px; /* since this element is floated, a width must be given */
	background: #FFF; /* the background color will be displayed for the length of the content in the column, but no further */
	/*padding: 15px 0;  top and bottom padding create visual space within this div  */
}
.twoColumns #target_bar {
	width: 197px;
	background: #FFF; /* the background color will be displayed for the length of the content in the column, but no further */
	/*padding: 15px 0;  top and bottom padding create visual space within this div  */
	border-bottom: 0;
	border-right: 0;
}
.expandcollapseTab {
	background-color: #FFF;
	border-left: 1px solid #78BE20;
}
/* Tips for mainContent:
1. the space between the mainContent and leftPanel is created with the left margin on the mainContent div.  No matter how much content the leftPanel div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #leftPanel space when the content in #leftPanel ends.
2. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContent div should be 430px or smaller (this includes images).
3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs.
*/
.twoColumns #mainContent {
	margin: 0px 10px 0px 197px; /* the right margin can be given in percentages or pixels. It creates the space down the right side of the page. */
	padding: 5px 7px 7px 25px;
	border-left: 1px solid #78BE20;
}
.twoColumns #content {
	padding: 0px;
}
.twoColumns #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
}

.oneColumnWide #container {
	width: auto;  /* main container width */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColumnWide #top {
	width: auto;
	border-bottom: solid 1px black;
	background-color: #9BC6EA;
	background-image: url(/images/top_banner_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

.oneColumnWide #mainContent {
	margin: 0px 10px 0px 10px;
	padding: 5px 7px 7px 11px;
}
.oneColumnWide #content {
	padding: 0px;
}
.oneColumnWide #footer {
	padding: 0 10px;
	background:#DDDDDD;
}

/* Miscellaneous classes for reuse */
.floatright { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.floatleft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
   height:0;
   font-size: 1px;
   line-height: 0px;
}
.paddingleft7 {
	padding-left: 7px;
}
.paddingbottom7 {
	padding-bottom: 7px;
}
.nowrap {
	white-space: nowrap;
}
.buttonsLeftToRight input {
	margin-bottom: 7px;
}
#topbanner {
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 0px 15px;
	display: block;
	border-bottom: 0;
	border-top: 0;
	border-left: 0;
	border-right: 0;
}

#topbannerlogo {
	display: block;
	  margin: 18px 5px;
}

#logoutbox {
	float:right;
	border: 0px solid #E1EBF0;
	margin: 3px 15px 0px 10px;
	padding: 3px;
	font-size: 100%;
	color: #666666;
}
#logoutbox a {
	text-decoration: underline;
	color: #62B5E5;
}
#logoutbox a:hover {
	color: Black;
}
#logoutbox .linkUserName {
	text-decoration: none;
	font-weight: normal;
	}
#logoutbox .linkLogout {
	text-decoration: underline;
	color: #62B5E5;
}
#skipnavigation {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

.buttonSeparator {
	font-size:20px;
	font-family:"Courier New", Courier, monospace;
	font-weight: normal;
	padding-left: 6px;
	padding-right: 3px;
	line-height:0px;
	color:#FFF;
}
.buttonDownload {
	margin: 0px 3px 0px 0px;
	background: transparent url(/Images/icon_download.gif) no-repeat center;
	width: 24px;
	height: 24px;
	cursor: hand;
	border: 0px outset #ECF0F9;
}
.buttonPrint {
	margin: 0px 3px 0px 0px;
	background: transparent url(/Images/icon_printer.gif) no-repeat center;
	width: 24px;
	height: 24px;
	cursor: hand;
	border: 0px outset #ECF0F9;
}
.buttonSave {
	margin: 0px 11px 0px 0px;
	background: transparent url(/Images/icon_save.gif) no-repeat center;
	width: 24px;
	height: 24px;
	cursor: hand;
	border: 0px outset #ECF0F9;
}
.buttonDownloadDisabled {
	margin: 0px 5px 0px 5px;
	background: transparent url(/Images/icon_download_disabled.gif) no-repeat center;
	width: 24px;
	height: 24px;
	border: 0px outset #ECF0F9;
}
.buttonPrintDisabled {
	margin: 0px 5px 0px 5px;
	background: transparent url(/Images/icon_printer_disabled.gif) no-repeat center;
	width: 24px;
	height: 24px;
	border: 0px outset #ECF0F9;
}
.buttonSaveDisabled {
	margin: 0px 11px 0px 5px;
	background: transparent url(/Images/icon_save_disabled.gif) no-repeat center;
	width: 24px;
	height: 24px;
	cursor: hand;
	border: 0px outset #ECF0F9;
}
.barButtonDefault {
	/*font-size: 110%;*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	/*margin: 5px 0px 5px 3px;*/
}
.barButtonImportant {
	/*font-size: 110%;*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-left: 3px;
}
#bottom
{
   width: 100%;
	margin-top:0;
	background-color: White;
}

#BottomLineLevel1 {
	border-top: 1px solid #78BE20;
	border-bottom: 0;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	background-color: #FFFFFF;
}

#BottomLineLevel2 {
	border-top: 1px solid #666666;
	margin: 0px 0px 0px 0px;
	padding: 10px 15px 10px 15px;
	background-color: #DBDBDB;
}

/* Ad-Tile */
#adTile img
{
    padding: 5px 0px 0px 0px;
}

.resize
{
    border: 0px;
}

/* All common styles in /Stylesheets/Main.css
This will be used only for custom styles related to this theme */