/* ================================================================================================================ */
/*    OVERRIDE TO STYLE DEFAULTS																					*/
/* ================================================================================================================ */

body
{
    background-color: #6C8B8E; /*#7090B0;*/ /*#C5C0AB;*/
    background-attachment: fixed;
    margin: 0px 0px 0px 0px;
    
    font-family: Segoe UI;
    font-size: 12px;
    color: #000000;
}

a
{
	font-size: 12px;
	
    color: #0044CC;
    cursor: pointer;
}

a:hover
{
    color: #0088FF;
}

select
{
	font-family: Segoe UI, Trebuchet MS;
	font-size: 13px; 
	font-weight: normal; 
	width: 320px; 
}

option
{
    color: #002142;
    background-color: #F4F8FF;
}

option.AlternateOption
{
    background-color: #E8F0F4;
}

option.AlternateOptionStyle
{
    background-color: #E8F0F4;
}

input[type=text] 
{ 
	font-family: Segoe UI, Trebuchet MS;
	font-size: 12px; 
	font-weight: normal; 
	height: 18px;
	padding-top: 2px;
    color: #002142;
    background-color: #F4F8FF;
	border: solid 1px #004488;
	width: 320px; 
	padding-left: 4px;
}

input[type=file] 
{ 
	font-family: Segoe UI, Trebuchet MS;
	font-size: 12px; 
	font-weight: normal; 
	height: 18px;
	padding-top: 2px;
    color: #002142;
    background-color: #F4F8FF;
	border: solid 1px #004488;
	width: 320px; 
	padding-left: 4px;
}

textarea
{
	font-family: Segoe UI, Trebuchet MS;
	font-size: 12px; 
	font-weight: normal; 
	padding-top: 2px;
    color: #002142;
    background-color: #F4F8FF;
	border: solid 1px #004488;
	width: 320px; 
	padding-left: 4px;
}


input[type=password]
{ 
	font-family: Segoe UI, Trebuchet MS;
	font-size: 12px; 
	font-weight: normal; 
	height: 18px;
	padding-top: 2px;
    color: #002142;
    background-color: #F0F8F8;
	border: solid 1px #004488;
	width: 320px; 
	padding-left: 4px;
}

input
{
    font-size: 12px;
    font-weight: bold;
	color: #301800;
}

span
{
}

td
{
}

/* ================================================================================================================ */
/*  TOP MENU																										*/
/* ================================================================================================================ */

div.SonarLogo
{
	background-image: url('../images/SonarLogo.png');

	position: absolute;
	top: 0px;
	left: 12px;

	width: 173px;
	height: 38px;
}

div.ClickToChat
{
	float: right;
	width: 150px;
	text-align: right;
	padding-right: 8px;
	height: 1px;
}

div.TopMenuDivision
{
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #FFFFFF;
	background-image: url('../images/TopMenuBg.png');
	border-bottom: solid 1px #666666;

	text-align: center;

	height: 30px;
}

#TopMenuCentraliser
{
	margin: auto;
	height: 1px;
	padding-top: 1px;
}

div.TopMenuSidePadding
{
	float: left;
	width: 185px;
	height: 1px;
}

div.TopMenuOption
{
	float: left;
	width: 120px;
	height: 21px;

	line-height: 15px;

	border: solid 1px #000000;
	background-image: url('../images/NeoButton26.png');

	color: #FFFFFF;

	padding-top: 5px;

	font-family: Cambria, Times New Roman;
	font-size: 13px;

	margin-left: 2px;
	margin-right: 2px;

	cursor: pointer;
}

div.TopMenuOption:hover
{
	background-image: url('../images/NeoButton26_Focus.png');
}

object.TopMenuObject
{
	margin-left: 4px;
	margin-right: 4px;
}

/* ================================================================================================================ */
/* COMMON CLASSES																									*/
/* ================================================================================================================ */

body.WhiteBody
{
	background-color: #FFFFFF;
}

#TitleContainer
{
	height: 48px;
	width: 100%;
	cursor: default;
}

#PageTitle
{
	position: absolute;
	top: 40px;
	left: 0px;

	padding-left: 16px;

	background-image: url('../images/CompanyName.png');
	height: 45px;
	width: 584px; /* 400 - left padding */

	text-align: left;

	font-family: Cambria, Times New Roman;
	font-size: 32px;

	color: #FFFFFF;
	cursor: default;
}

#PageSubtitle
{
	position: absolute;
	top: 40px;
	left: 356px;
	
	font-family: Cambria, Times New Roman;
	
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
    color: #FFEE88;
    margin-top: 15px;

	white-space: nowrap;
	overflow: hidden;
	width: 240px;
}

div.IrregularBevel
{
	font-family: Calibri;
	font-size: 18px;
	color: #FFFFFF;
	height: 32px;
	background-image: url('../images/IrregularBevelButton38.png');
	cursor: pointer;
	padding-left: 8px;
	padding-top: 6px;
}

div.IrregularBevel:hover
{
	background-image: url('../images/IrregularBevelButton38_hover.png');
}

div.CompanyName
{
	position: absolute;
	top: 40px;
	left: 0px;

	padding-left: 16px;

	background-image: url('../images/CompanyName.png');
	height: 45px;
	width: 584px; /* 400 - left padding */

	text-align: left;

	font-family: Cambria, Times New Roman;
	font-size: 32px;

	color: #FFFFFF;
}

/* ================================================================================================================ */
/*    COMMON CLASSES																								*/
/* ================================================================================================================ */

.Floater
{
	float: left;
}

.FloatingLeft
{
	float: left;
}

.FloatingRight
{
	float: right;
}







.PageWorkArea
{
    position: absolute;
    top: 0px;
    
    width: 100%;
	text-align: center;
}

.PageContents
{
    margin: 8px 8px 8px 8px;
    width: auto;
	
	text-align: left;
}

.CenteredImage
{
    margin: auto;
}

.BlueText
{
	color: #004488;
	/*color: #FFFF88;*/
}

select.ClientsList
{
	width: 240px;
    margin-left: 4px;
}

.DraggableObject
{
	cursor: move;
}

/* ====================================================================================================
	MANAGER CC STYLES
   ==================================================================================================== */

div.ManagerCC_Options
{
	margin-top: 4px;
	margin-bottom: 16px;
	margin-left: 600px;
	
	width: auto;
	height: 28px;
	
	white-space: nowrap;
	overflow-x: hidden;
}

#divManagerName
{
	float: left;
	width: 340px;
	white-space: nowrap;
	/*overflow-x: hidden;*/
}

#divControlCenter
{
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
    color: #FFEE88;
    margin-top: 15px;
}

/* ==================================================================================================== */

div.HiddenDivision
{
	display: none;
}

*.HiddenObject
{
	display: none;
}

*.InvisibleObject
{
	visibility: hidden;
}

/* ================================================================================================================ */
/*    TOP MENU      																								*/
/* ================================================================================================================ */

table.TopMenuTable
{
    background-image: url("../images/TopMenuBg.png");
    color: White;
    width: 100%;
    letter-spacing: 2px;
}

tr.TopMenuRow
{
    background-image: url("../images/TopMenuCell.png");
    height: 28px;
}

td.TopMenuCell
{
    text-align: center;
    width: 25%;
    cursor: pointer;
}

td.TopMenuCell:hover
{
    background-image: url("../images/TopMenuCellHover.png");
}



/* ================================================================================================================ */
/*    NEO BUTTON																									*/
/* ================================================================================================================ */

div.NeoButtonContainer
{
	float: left;
	
	width: 120px;
	height: 27px;

	margin-right: 6px;
	
	background-image: url('../images/NeoButton26_Focus.png');
	
	color: #FFFFFF;
}

div.NeoButton
{
	width: 120px;
	height: 23px;
	
	line-height: 17px;

	border: solid 1px #000000;
	background-image: url('../images/NeoButton26.png');
	
	color: #FFFFFF;

	padding-top: 3px;

	font-family: Segoe UI, Arial;
	font-size: 13px;

	cursor: pointer;
	
	text-align: center;
}

div.NeoButton:hover
{
	background-image: url('../images/NeoButton26_Focus.png');
}

/* ================================================================================================================ */
/*    NEO BUTTON RED																								*/
/* ================================================================================================================ */

div.NeoButtonRedContainer
{
	float: left;
	
	width: 120px;
	height: 27px;

	margin-right: 6px;
	
	background-image: url('../images/NeoButton26r_Focus.png');
	
	color: #FFFFFF;
}

div.NeoButtonRed
{
	width: 120px;
	height: 23px;
	
	line-height: 17px;

	border: solid 1px #000000;
	background-image: url('../images/NeoButton26r.png');
	
	color: #FFFFFF;

	padding-top: 3px;

	font-family: Segoe UI, Arial;
	font-size: 13px;

	cursor: pointer;
	
	text-align: center;
}

div.NeoButtonRed:hover
{
	background-image: url('../images/NeoButton26r_Focus.png');
}

/* ================================================================================================================ */
/*    NEO BUTTON 26 WIDE																							*/
/* ================================================================================================================ */

div.NeoButton26wideContainer
{
	float: left;

	width: 160px;
	height: 26px;

	background-image: url('../images/NeoButton26_Focus.png');

	margin-right: 4px;
}

div.NeoButton26wide
{
	width: 160px;
	height: 23px;
	
	line-height: 17px;

	border: solid 1px #000000;
	background-image: url('../images/NeoButton26.png');
	color: #FFFFFF;

	padding-top: 3px;

	font-family: Segoe UI, Arial;
	font-size: 13px;

	cursor: pointer;
	
	text-align: center;
}

div.NeoButton26wide:hover
{
	background-image: url('../images/NeoButton26_Focus.png');
}

/* ================================================================================================================ */
/*    NEO BUTTON 17																									*/
/* ================================================================================================================ */

div.NeoButton17Container
{
	float: left;

	width: 36px;
	height: 17px;

	background-image: url('../images/NeoButton17_Focus.png');

	margin-right: 4px;
}

div.NeoButton17
{
	width: 36px;
	height: 15px;

	border: solid 1px #000000;
	background-image: url('../images/NeoButton17.png');
	color: #FFFFFF;

	font-family: Segoe UI, Arial;
	font-size: 11px;

	padding-top: 2px;

	cursor: pointer;
	
	text-align: center;
}

div.NeoButton17:hover
{
	background-image: url('../images/NeoButton17_Focus.png');
}

/* ================================================================================================================ */
/*    NEO BUTTON 17 TINY																							*/
/* ================================================================================================================ */

div.NeoButton17tinyContainer
{
	float: left;

	width: 22px;
	height: 17px;

	background-image: url('../images/NeoButton17_Focus.png');

	margin-right: 4px;
}

div.NeoButton17tiny
{
	width: 22px;
	height: 15px;

	border: solid 1px #000000;
	background-image: url('../images/NeoButton17.png');
	color: #FFFFFF;

	font-family: Segoe UI, Arial;
	font-size: 11px;

	padding-top: 2px;

	cursor: pointer;
	
	text-align: center;
}

div.NeoButton17tiny:hover
{
	background-image: url('../images/NeoButton17_Focus.png');
}

/* ================================================================================================================ */
/*    NEO BUTTON 21																									*/
/* ================================================================================================================ */

div.NeoButton21Container
{
	float: left;

	width: 96px;
	height: 21px;

	background-image: url('../images/NeoButton21_Focus.png');

	margin-right: 6px;
}

div.NeoButton21
{
	width: 96px;
	height: 18px;

	border: solid 1px #000000;
	background-image: url('../images/NeoButton21.png');
	color: #FFFFFF;

	font-family: Segoe UI, Arial;
	font-size: 11px;

	padding-top: 3px;

	cursor: pointer;
	
	text-align: center;
}

div.NeoButton21:hover
{
	background-image: url('../images/NeoButton21_Focus.png');
}

/* ================================================================================================================ */
/*    NEO BUTTON 21																									*/
/* ================================================================================================================ */

div.NeoButton21aContainer
{
	float: left;

	width: 110px;
	height: 21px;

	background-image: url('../images/NeoButton21_Focus.png');

	margin-right: 4px;
}

div.NeoButton21a
{
	width: 110px;
	height: 18px;

	border: solid 1px #000000;
	background-image: url('../images/NeoButton21.png');
	color: #FFFFFF;

	font-family: Segoe UI, Arial;
	font-size: 11px;

	padding-top: 3px;

	cursor: pointer;
	
	text-align: center;
}

div.NeoButton21a:hover
{
	background-image: url('../images/NeoButton21_Focus.png');
}

/* ================================================================================================================ */
/*    NEO BUTTON 21tiny																								*/
/* ================================================================================================================ */

div.NeoButton21tinyContainer
{
	float: left;

	width: 22px;
	height: 21px;

	background-image: url('../images/NeoButton21_Focus.png');

	margin-right: 4px;
}

div.NeoButton21tiny
{
	width: 22px;
	height: 18px;

	border: solid 1px #000000;
	background-image: url('../images/NeoButton21.png');
	color: #FFFFFF;

	font-family: Segoe UI, Arial;
	font-size: 11px;

	padding-top: 3px;

	cursor: pointer;
	
	text-align: center;
}

div.NeoButton21tiny:hover
{
	background-image: url('../images/NeoButton21_Focus.png');
}

/* ================================================================================================================ */
/*    NEO BUTTON 21short																							*/
/* ================================================================================================================ */

div.NeoButton21shortContainer
{
	float: left;

	width: 64px;
	height: 21px;

	background-image: url('../images/NeoButton21_Focus.png');

	margin-right: 4px;
}

div.NeoButton21short
{
	width: 64px;
	height: 18px;

	border: solid 1px #000000;
	background-image: url('../images/NeoButton21.png');
	color: #FFFFFF;

	font-family: Segoe UI, Arial;
	font-size: 11px;

	padding-top: 3px;

	cursor: pointer;
	
	text-align: center;
}

div.NeoButton21short:hover
{
	background-image: url('../images/NeoButton21_Focus.png');
}


















.drag
{
	position: relative; 
	cursor: pointer;
}

.MenuBar
{
    margin: auto;
    width: 763px;
    text-align: left;
}

.PageContentsLeftOuter
{
    width: 573px;
    height: 400px;
    /*background-color: #4F717B;*/
	background-image: url("../Images/InnerPageBackground.png");
    float: left;
}

.PageContentsRightOuter
{
    width: 190px;
    height: 400px;
    background-color: #C5C0AB;
    float: right;
}

.PageContentsFullOuter
{
    width: 763px;
    height: 100%;
    /*background-color: #4F717B;*/
	background-image: url("../Images/InnerPageBackground.png");
}

.PageContentsLeftInner
{
    text-align: justify;
    float: left;
    padding: 8px 8px 8px 8px;
    width: 100%;    
    background-repeat: no-repeat;
}

.PageContentsRightInner
{
    text-align: right;
    float: right;
    padding: 15px;
    padding-left: 0px;
    padding-top: 180px;
}

.PageContentsFullInner
{
    text-align: justify;
    padding: 8px 8px 8px 8px;
    background-repeat: no-repeat;
}

.FooterOuterArea
{
    font-family: Trebuchet MS; /*Trebuchet MS;*/
    font-size: 10pt;
    width: 763px;
    margin: auto;
}

.FooterLeft
{
    font-family: Trebuchet MS; /*Trebuchet MS;*/
    font-size: 12px;
    text-align: left;
    color: #FFFFFF;

    height: 24px;
    width: 573px;
    padding-top: 2px;

	background-image: url("../Images/InnerPageBackground.png");
    float: left;
}

.FooterRight
{
    font-family: Trebuchet MS; /*Trebuchet MS;*/
    font-size: 12px;
    text-align: left;
    color: #FFFFFF;

    margin: auto;
    height: 24px;
    width: 190px;
    padding-top: 2px;
    
    background-color: #C5C0AB;
    float: right;
}

.FooterFull
{
    font-family: Trebuchet MS; /*Trebuchet MS;*/
    font-size: 12px;
    text-align: left;
    color: #FFFFFF;

    height: 24px;
    width: 100%;
    padding-top: 2px;

	background-image: url("../Images/InnerPageBackground.png");
    /*float: left;*/
}

.HiddenPicture
{
	display: none;
}

/* ================================================================================================================ */
/*    BUTTON STYLES																									*/
/* ================================================================================================================ */

.Button
{
    width: 109px;
    height: 20px;
    text-align: center;
    font-family: Trebuchet MS; /*Trebuchet MS;*/
    font-size: 12px;    
    font-weight: bold;
    color: #FFFFFF;
    background-image: url("../Images/Button.png");
    clear:none;
    padding-top: 2px;
    cursor: pointer;
}

.ButtonFocus
{
    width: 109px;
    height: 20px;
    text-align: center;
    font-family: Trebuchet MS; /*Trebuchet MS;*/
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-image: url("../Images/ButtonFocus.png");
    clear:none;
    padding-top: 2px;
    cursor: pointer;
}

.ButtonPressed
{
    width: 109px;
    height: 20px;
    text-align: center;
    font-family: Trebuchet MS; /*Trebuchet MS;*/
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-image: url("../Images/ButtonPressed.png");
    clear:none;
    padding-top: 2px;
    cursor: pointer;
}

.BiggerButton
{
    width: 200px;
    height: 29px;
    text-align: center;
    font-family: Trebuchet MS; /*Trebuchet MS;*/
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    background-image: url("../Images/BiggerButton.png");
    clear: none;
    padding-top: 8px;
    cursor: pointer;
}

.BiggerButtonFocus
{
    width: 200px;
    height: 29px;
    text-align: center;
    font-family: Trebuchet MS; /*Trebuchet MS;*/
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    background-image: url("../Images/BiggerButtonFocus.png");
    clear: none;
    padding-top: 8px;
    cursor: pointer;
}

.BiggerButtonPressed
{
    width: 200px;
    height: 29px;
    text-align: center;
    font-family: Trebuchet MS; /*Trebuchet MS;*/
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    background-image: url("../Images/BiggerButtonPressed.png");
    clear: none;
    padding-top: 8px;
    cursor: pointer;
}

.SmallButton
{
    width: 48px;
    height: 21px;
    text-align: center;
    font-family: Trebuchet MS; /*Trebuchet MS;*/
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-image: url("../Images/SmallButton.png");
    clear: none;
    padding-top: 1px;
    cursor: pointer;
}

.SmallButtonFocus
{
    width: 48px;
    height: 21px;
    text-align: center;
    font-family: Trebuchet MS; /*Trebuchet MS;*/
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-image: url("../Images/SmallButtonFocus.png");
    clear: none;
    padding-top: 1px;
    cursor: pointer;
}

.SmallButtonPressed
{
    width: 48px;
    height: 21px;
    text-align: center;
    font-family: Trebuchet MS; /*Trebuchet MS;*/
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-image: url("../Images/BiggerButtonPressed.png");
    clear: none;
    padding-top: 1px;
    cursor: pointer;
}

.MediumButton
{
    width: 60px;
    height: 20px;
    text-align: center;
    font-family: Trebuchet MS; /*Trebuchet MS;*/
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-image: url("../Images/MediumButton.png");
    clear: none;
    padding-top: 2px;
    cursor: pointer;
}

.MediumButtonFocus
{
    width: 60px;
    height: 20px;
    text-align: center;
    font-family: Trebuchet MS; /*Trebuchet MS;*/
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-image: url("../Images/MediumButtonFocus.png");
    clear: none;
    padding-top: 2px;
    cursor: pointer;
}

.MediumButtonPressed
{
    width: 60px;
    height: 20px;
    text-align: center;
    font-family: Trebuchet MS; /*Trebuchet MS;*/
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-image: url("../Images/BiggerButtonPressed.png");
    clear: none;
    padding-top: 2px;
    cursor: pointer;
}

.ExtendedPageContents
{
    margin: auto;
    width: 1100px;
    
    font-family: Trebuchet MS; /*Trebuchet MS;*/
    font-size: 10pt;
    color: #FFFFFF;
    
    text-align: left;
}

/* ================================================================================================================ */
/*    OTHER IMPORTANT STYLES																						*/
/* ================================================================================================================ */

.TemperusFormDiv
{
    background-image: url("../images/SectionBackground.png");
    background-attachment: fixed;    
    padding: 8px 8px 8px 8px;
}

.SectionBackground
{
    background-image: url("../images/SectionBackground.png");
}

.TdBackgroundImageFocus
{
    background-image: url("../images/SectionBackgroundFocus.png");
}

.TdBackgroundImageNone
{
	background-image: none;
}

/* ================================================================================================================ */
/*    STYLES FOR SPANS																								*/
/* ================================================================================================================ */

.Explanation
{
    font-size: 11px;
    font-style: italic;
    font-weight: normal;
}

.StandardLabel
{
    font-family: Trebuchet MS; /*Trebuchet MS;*/
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
}

.SpecialLabel
{
    font-family: Trebuchet MS; /*Trebuchet MS;*/
    font-size: 11px;
    
    color: #FFFF88;
}

.BoldLabel
{
    font-family: Trebuchet MS; /*Trebuchet MS;*/
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
}

.ItalicLabel
{
    font-family: Trebuchet MS; /*Trebuchet MS;*/
    font-size: 11px;
    font-style: italic;
}

.HeadingText
{
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	padding-left: 4px;

	color: #FFFFFF;
}

.StandardText
{
    font-family: Trebuchet MS; /*Trebuchet MS;*/
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
}

.StandardLink
{
    font-family: Trebuchet MS; /*Trebuchet MS;*/
    font-size: 11px;
    font-style: normal;
}

.StandardTextBox
{
    font-family: Trebuchet MS; /*Trebuchet MS;*/
    font-size: 12px;
    font-weight: bold;
    color: #002142;
    background-color: #BBB8B0;
}

.TinyTextBox
{
    font-family: Trebuchet MS; /*Trebuchet MS;*/
    font-size: 12px;
    font-weight: bold;
    color: #002142;
    background-color: #BBB8B0;

	width: 48px;
	text-align: center;
}

.UndecoratedLink
{
    font-family: Trebuchet MS; /*Trebuchet MS;*/
    font-size: 12px;
    font-style: normal;
    text-decoration: none;
}

.BoldBlackUndecoratedLink
{
    font-family: Trebuchet MS; /*Trebuchet MS;*/
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
}

.BoldBlackUndecoratedLink:hover
{
    color: #2266AA;
}

.WhiteUndecoratedLink
{
    font-family: Trebuchet MS; /*Trebuchet MS;*/
    font-size: 11px;
    font-style: normal;
    text-decoration: none;
    color: White;
}

.SubsetsListUndecoratedLink
{
    font-family: Trebuchet MS; /*Trebuchet MS;*/
    font-size: 18px;
    font-style: normal;
    text-decoration: none;
    color: White;
}

.ClientsListUndecoratedLink
{
    font-family: Trebuchet MS; /*Trebuchet MS;*/
    font-size: 14px;
    font-style: normal;
    text-decoration: none;
    color: White;
}

.ListboxItemBluesh
{
    background-color: #204050;
    color: #CCDDFF;    
}

.ListboxItemBluesh_AlternateBackground
{
    background-color: #204C60;
    color: #CCDDFF;    
}

.ListboxItemWhite
{
    background-color: #204050;
    color: #FFFFFF;
}

.ListboxItemWhite_AlternateBackground
{
    background-color: #204C60;
    color: #FFFFFF;
}

.ListboxItemYellow
{
    background-color: #204050;
    color: #FFEE88;    
}

.ListboxItemHighlight
{
    color: #4488FF;
}

.AlternateBackground
{
    background-color: #204C60; /* was #204454; */
}

/* ================================================================================================================ */
/*    CHART ENGINE STYLES																							*/
/* ================================================================================================================ */

.ChartEngineColumn1
{
	width: 30%;
	padding-left: 8px;
}

.ChartEngineColumn2
{
	width: 5%;
}

.ChartEngineColumn12
{
	padding-left: 8px;
}

.ChartEngineColumn123
{
	padding-left: 8px;
}

.ChartEngineColumn3
{
	width: 65%;
}

.ChartEngineCellBorder
{
	border: solid 1px white;
	padding-top: 8px;
	padding-bottom: 8px;
}

.TemplateCreatorVerticalSplitterColumn
{
    background-image: url("../Images/SilverVerticalBar.png");
    width: 10px;
    cursor: pointer;
    vertical-align: middle;
}

.TemplateCreatorVerticalSplitterColumnFocus
{
    background-image: url("../Images/BlueVerticalBar.png");
    width: 10px;
    cursor: pointer;
    vertical-align: middle;
}

.TemplateCreatorAccountSelectionColumn
{
	width: 300px; 
	border: solid 1px white;
}

.TemplateCreatorQuickChartMatrixColumn
{
	width: 480px; 
	border: solid 1px #AF977B;
}

.TemplateCreatorChartParametersColumn
{
	width: 360px;
	border: solid 1px white;
}

.LodCheckboxIndent
{
	margin-left: 16px;
}

.ChartEngineListBox
{
    width: 200px;
}

.ChartEngineHundredPcWideControl
{
    width: 100%;
}

.ChartEngineListItemBackColor
{
    background-color: #CCC8C0;
}

.ChartEngineListItemAlternate
{
    background-color: #DDD8D0;
}

.ChartEngineSelectedItemsTitle
{
    font-family: Trebuchet MS; /*Trebuchet MS;*/
    font-size: 11px;
    font-style: normal;
    font-weight: normal;

    padding-left: 8px;

    color: #FFFF88;
}

.ChartEngineSelectedItemsLines
{
    font-family: Trebuchet MS; /*Trebuchet MS;*/
    font-size: 11px;
    font-style: normal;
    font-weight: normal;

    padding-left: 32px;
}

.DateRangeTextBox
{
    text-align: center;
    width: 80px;
    background-color: #CCC8C0;
}

.ValueTextBox
{
    text-align: right;
    padding-right: 8px;
    width: 73px;
    background-color: #CCC8C0;
}

.NameTextBox
{
	font-family: Trebuchet MS;
	font-size: 12px;
	text-align: left;
	padding-left: 2px;
	width: 320px;
    background-color: #CCC8C0;
}

.W200TextBox
{
	text-align: left;
	padding-left: 2px;
	width: 200px;
    background-color: #CCC8C0;
}

.W200ListBox
{
	padding-left: 2px;
	width: 200px;
    background-color: #CCC8C0;
}

.GeneratedChartTable
{
    font-family: Trebuchet MS; /*Trebuchet MS;*/
	font-size: 12px;
	color: #FFFFFF;
}

.PostGeneratedLeftPanel
{
	width: 30%;
}

.PostGeneratedRightPanel
{
	width: 70%;
}

.PostGeneratedChartColumn1
{
	width: 20%;
}

.PostGeneratedChartColumn2
{
	width: 5%;
}

.PostGeneratedChartColumn3
{
	width: 25%;
}

.PostGeneratedChartColumn4
{
	width: 25%;
}

.PostGeneratedChartColumn5
{
	width: 25%;
}

.TemplateManagementColumn1
{
	width: 70%;
}

.TemplateManagementColumn2
{
	width: 6%;
	text-align: center;
}

.TemplateManagementColumn3
{
	width: 24%;
}

.TemplatesListColumn1
{
	width: 20px;
}

.TemplatesListColumn2
{
	width: auto;
}

.TemplatesListColumn3
{
	width: 135px;
}

.TemplatesListColumn4
{
	width: 100px;
}

.spanGeneratingChart
{
	color: #FFFFFF;
	width: 100%;
	height: 100%;
	background-color: Red;
}

.divGeneratingChart
{
	font-family: Trebuchet MS;
	font-size: 16px;
	color: #FFFFFF;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	margin-top: 24px;
}

.GeneratingChartBody
{
	background-image: url("../images/SectionBackground.png");
}   

.YellowText
{
    color: #FFEE88;    
} 

/* ================================================================================================================ */
/*    ARTICLE DESIGN STYLES
/* ================================================================================================================ */

.ArticleDesignColumn1
{
	width: 20%;
}

.ArticleDesignColumn2
{
	width: 20%;
}

.ArticleDesignColumn3
{
	width: 60%;
	text-align: right;
}

.ArticleDesignListBox
{
	width: 240px;
    background-color: #CCC8C0;
}

/* ================================================================================================================ */
/*    WELCOME PAGE AND CLIENT HOME FRAME
/* ================================================================================================================ */

.WelcomePageIFrame
{
	width: 100%;
	height: 800px;
}

.ClientHomeTable
{
    font-family: Trebuchet MS; /*Trebuchet MS;*/
	font-size: 12px;
	
	width: 100%;
}

.ClientHomeHeader
{
    color: #FFFF88;

	text-align: left;
	padding: 8px 8px 8px 8px;
}

.ClientHomeContents
{
    color: #FFFFFF;

	text-align: justify;
	padding: 8px 8px 8px 20px;
}

.ClientHomeInactiveContents
{
    color: #FFFFFF;

	text-align: justify;
	padding: 8px 8px 8px 20px;
}

.ClientHomeFooter
{
    color: #FFFF88;

	text-align: right;
	padding: 8px 8px 8px 8px;
}

/* ================================================================================================================ */
/*    COMPANY INFO AND USERS MANAGEMENT FORM STYLES																							*/
/* ================================================================================================================ */

.CompanyInfoColumn1
{
	width: 160px;
	vertical-align: top;
	padding-top: 2px;
}

.CompanyInfoColumn2
{
	width: 200px;
	vertical-align: top;
}

.CompanyInfoColumn3
{
	width: 450px;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.CompanyInfoColumn23
{
	width: auto;
}

.CompanyInfoColumn34
{
	width: auto;
}

.CompanyInfoColumn4
{
	width: auto;
}

.WeeklyReportTableColumn1
{
	width: 420px;
	border: solid 1px white; 
	padding-left: 8px;
}

.WeeklyReportTableColumn2
{
	width: auto;
	border: solid 1px white; 
	padding-left: 8px;
}

.ManageUsersColumn1
{
	width: 25%;
}

.ManageUsersColumn2
{
	width: 75%;
	
	vertical-align: top;
	padding: 8px 8px 8px 8px;
}

.ManageUsersEmployeesListBox
{
	width: 100%;
}

.StandardListItem
{
    background-color: #CCC8C0;
}

.StandardListItem_Alternate
{
    background-color: #DDD8D0;
}

.SpecialListItem
{
	color: Red;
    background-color: #CCC8C0;
}

.SpecialListItem_Alternate
{
	color: Red;
    background-color: #DDD8D0;
}

.ManageUsersColumn2_1
{
	width: 30%;
}

.ManageUsersColumn2_2
{
	width: 70%;
}

/* =========================================================================== */
/* CUSTOMER EDITION STYLES                                                     */
/* =========================================================================== */

.GrayishCell
{
	background-color: #BBB8B0;
}

.AuthorizedUsersColumn1
{
	width: 35%;
}

.AuthorizedUsersColumn2
{
	width: 65%;
}

.AuthorizedUsersTextBox
{
    font-family: Trebuchet MS; /*Trebuchet MS;*/
    font-size: 12px;
    font-weight: bold;
    width: 95%;
    color: #002142;
    background-color: #BBB8B0;
}

/* =========================================================================== */
/* MANAGER C.C.                                                                */
/* =========================================================================== */

.ManagerCC_MonthlyBudget
{
    font-family: Trebuchet MS; /*Trebuchet MS;*/
    font-size: 12px;
    font-weight: bold;
    width: 80px;
    color: #002142;
    background-color: #BBB8B0;
	text-align: right;
}

.ManagerCC_BudgetUtilization
{
	font-family: Segoe UI, Trebuchet MS;
	font-size: 14px;
}

.ManagerCC_FiguresLow
{
	font-family: Segoe UI, Trebuchet MS;
	font-size: 14px;
	color: #66CCFF;
	text-align: right;
}

.ManagerCC_FiguresNormal
{
	font-family: Segoe UI, Trebuchet MS;
	font-size: 14px;
	color: #CCFFCC;
	text-align: right;
}

.ManagerCC_FiguresHigh
{
	font-family: Segoe UI, Trebuchet MS;
	font-size: 14px;
	font-weight: bold;
	color: #FF8844;
	text-align: right;
}

/* =========================================================================== */
/* BID MANAGEMENT                                                              */
/* =========================================================================== */

.BmRuleTextBox
{
    font-family: Segoe UI, Trebuchet MS;
    font-size: 14px;
    font-weight: 600;
    color: #002142;
    background-color: #BBB8B0;
	text-align: right;
	width: 100px;
	padding-right: 4px;
}

.BmRuleListBox
{
    font-family: Segoe UI, Trebuchet MS;
    font-size: 14px;
    font-weight: 600;
    color: #002142;
    background-color: #BBB8B0;
	text-align: left;
	width: 160px;
}

.BmRuleLink
{
    font-family: Segoe UI, Trebuchet MS;
    font-size: 14px;
}

/* =========================================================================== */
/* CHART MATRIX - SCOPE STYLES                                                 */
/* =========================================================================== */

.TemplateCreatorScopeDiv
{
    font-family: Trebuchet MS; /*Trebuchet MS;*/
	font-size: 11px;
	color: #FFFFFF;
	width: 100%;
	padding-bottom: 8px;
	cursor: none;
	text-align: left;
}

.TemplateCreatorScopeOption
{
	font-size: 11px;
	padding-left: 4px;
	border: solid 1px #AF977B;
	height: 24px;
	cursor: pointer;
}

.TemplateCreatorScopeOption_Focus
{
	font-size: 11px;
	padding-left: 4px;
	border: solid 1px #AF977B;
	height: 24px;
	cursor: pointer;
    background-image: url("../images/SectionBackgroundFocus.png");
}


/* =========================================================================== */
/* QUICKCHART MATRIX                                                           */
/* =========================================================================== */

 .QuickChartMatrixTitle
 {
	font-size: 11px;
	background-color: #DDD8D0; /*AF977B*/
	color: #301800; /*301800*/
	height: 20px;
	padding-left: 4px;
 }
 
 .QuickChartMatrixDiv
{
    font-family: Trebuchet MS; /*Trebuchet MS;*/
	font-size: 11px;
	color: #FFFFFF;
	width: 100%;
	padding-bottom: 1px;
	cursor: none;
	text-align: left;
}
 
.QuickChartMatrixLeftColumn
{
	padding-left: 4px;
	border: solid 1px #AF977B;
	width: 178px;
	height: 24px;
	padding-top: 4px;
	text-align: left;
}

.QuickChartMatrixCell
{
	border: solid 1px #AF977B;
	text-align: center;
	width: 130px;
	height: 24px;
	padding-top: 4px;
}

.QuickChartMatrixCell_disabled
{
	border: solid 1px #AF977B;
	text-align: center;
    background-image: url("../images/SectionBackgroundDisabled.png");
	width: 130px;
	height: 24px;
	padding-top: 4px;
}

.QuickChartMatrixCellFocus
{
	border: solid 1px #AF977B;
	text-align: center;
    background-image: url("../images/SectionBackgroundFocus.png");
    cursor: pointer;
	width: 130px;
	height: 24px;
	padding-top: 4px;
}

.QuickChartMatrixTr
{
	height: 24px;
}

/* =========================================================================== */
/* CALENDAR STYLES                                                             */
/* =========================================================================== */

.CalendarTable
{
    width: 200px; 
    height: 180px; 
    font-size: 8pt; 
    font-family: Segoe UI; 
    color: Black; 
    border-width: 1px; 
    border-style: solid; 
    border-color: #999999; 
    background-color: White; 
    border-collapse: collapse;
    position: absolute;
    display: none;
    visibility: hidden;
}

.CalendarTopTdTable
{
    font-family: Verdana; 
    font-size: 8pt; 
    font-weight: bold; 
    width: 100%; 
    border-collapse: collapse;
}

.CalendarTopTd
{
    color: #FFFFFF; 
    background-color: #004488; 
    border-color: Black;
}

.CalendarTopLink
{
    color: #FFFFFF;
	padding-left: 8px;
	padding-right: 8px;
}

.CalendarTopLink:hover
{
    color: #FFFF00;
}

.CalendarWeekday
{
    background-color: #CCD0DD;
    font-size: 7pt;
    font-weight: bold;
}

td.CalendarTdCurrentDate
{
    width: 14%;
    background-color: #6688AA;
    cursor: pointer;
}

td.CalendarTdCurrentDate:hover
{
	font-weight: bold;
    background-color: #0088FF;
}

td.CalendarTdToday
{
    width: 14%;
    background-color: #BBBBBB;
    cursor: pointer;
}

td.CalendarTdToday:hover
{
	font-weight: bold;
    background-color: #FFFF00;
}

td.CalendarTdWeekday
{
    width: 14%;
    background-color: #FFFFFF;
    cursor: pointer;
}

td.CalendarTdWeekday:hover
{
	font-weight: bold;
    background-color: #FFFF00;
}

td.CalendarTdWeekend
{
    width: 14%;
    background-color: #DDEEFF;
    cursor: pointer;
}

td.CalendarTdWeekend:hover
{
	font-weight: bold;
    background-color: #FFFF00;
}

.CalendarLink
{
    color: #000000;
}

/*
.CalendarLink:hover
{
    color: #000000;
}
*/

.CalendarLinkCurrentDate
{
    color: #FFFFFF;
}

.CalendarLinkCurrentDate:hover
{
    color: #FFFFFF;
    font-weight: bold;
}

.CalendarLinkToday
{
    color: #000000;
    text-decoration: none;
}

.CalendarLinkToday:hover
{
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

.CalendarLinkOtherMonth
{
    color: #888888;
    text-decoration: none;
}

.CalendarLinkOtherMonth:hover
{
    color: #888888;
    text-decoration: none;
    font-weight: bold;
}

.CalendarLinkNormal
{
    color: #000000;
    text-decoration: none;
}

.CalendarLinkNormal:hover
{
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

/* ================================================================================================================ */
/*    SIMPLE CONTEXT MENU																							*/
/* ================================================================================================================ */

ul.SimpleContextMenu 
{
	display: none;
	position: absolute;
	margin: 0px;
	padding: 0px;
	font-family: verdana;
	font-size: 12px;
	list-style-type: none;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}
 
ul.SimpleContextMenu li 
{
	border-bottom: 1px solid #000000;
}
 
ul.SimpleContextMenu li a 
{
	display: block;
	width: 100px;
	padding: 2px 10px 3px 10px;
	text-decoration: none;
	color: #ff0000;
	background: #eeeeee;
}

ul.SimpleContextMenu li a:hover 
{
	text-decoration: none;
	color: #ffffff;
	background: #ff0000;
}
		
/* ================================================================================================================ */