﻿body
{
    overflow:auto;
    font-family:Verdana, Arial, Sans-Serif;
    font-size:9pt;
}

td
{
	line-height:1.5em;
}

th
{
	text-align:left;
	line-height:1.5em;
}

h1
{
	color: black;
	font-weight: bold;
	font-size: 12pt;
}

.loginError
{
	color:#F00;	
}

.validationError
{
	color:#F00;	
}

a.subMenu
{
    display:block;
}

#master_content .dxtvControl UL, #master_content .dxheControl UL
{
    margin:0px;
}

/********* gridView ***********/

.gridView
{
	border-color:#fff;
	/*Tomas Increase the width of the Gridviews*/
	width: 100%;
	border-style:none;
}

.GridViewHeader
{
	background:#CCC;
	color:#000;
	text-align:left;
	padding:0px;
	border-style:none;
}

#master_content .GridViewHeader a
{
    /*color:#FFF;*/
}
#master_contentplaceholder
{
    min-height:240px;
    /*line-height:1.5em;*/
}

#master_headertop
{
    vertical-align:bottom;
    background:#f00;
}

/*.master_contentfooter
{
font-size: 10px; 
font-family: Verdana
}
*/

.GridViewHeader td, .GridViewHeader th
{
	/*padding: 0px 5px;	*/
	border-style:none;
}

.GridViewHeader a
{
    text-decoration:none;
}

.GridViewRow
{
	background:#eee;
	border-style:none;
	padding: 0px 5px;
}

.GridViewAlternatingRow
{
	background:#FFF;
	border-style:none;
}

.GridViewRow td, .GridViewAlternatingRow td
{
    padding: 0px 5px;
    /*border-width: 1px;
    border-style: solid;*/
}

.pagerRow
{
    width:100%;
    text-align:center;
    background:#DDD;
}

/************* defaultGrid ******************/

.defaultGrid
{
	border-color:#fff;
	width: 100%;
	border-style:none
}

.defaultGrid td
{
	border:solid 2px #FFF;	
	padding: 0px 7px;
}

.defaultGrid th
{
	padding: 3px 7px;	
}

.defaultGridHeader
{
	background:#5D7B9D;
	color:#FFF;
	font-weight:bold;
}

#master_content .gridHeader, #master_content .gridHeader a
{
    color:#FFF;
}

#master_content .defaultGridHeader a
{
	color:White;
	text-decoration:none;
}

.defaultGridFooter
{
	background:#5D7B9D
	font-weight:bold;
	color:#FFF;
}

.defaultGridPager
{
	background:#5D7B9D;
	color:#FFF;
}

.defaultGridPager td
{
    border: none;
    font-weight:bold;
}

#master_content .defaultGridPager a
{
	color:#FFF;
	font-weight:bold;
}

/************* treeList ***************/

.treeList
{
	border-color:#fff;
	width: 100%;
	border-style:none;
	background:#fff;
}

.treeList .dxtlNode td.dxtl, .treeList .dxtlAltNode td.dxtl, .treeList .dxtlSelectedNode td.dxtl, 
.treeList .dxtlFocusedNode td.dxtl, .treeList .dxtlEditFormDisplayNode td.dxtl, .treeList .dxtlCommandCell
{
	/*font-family: Verdana,Arial, sans-serif;*/
	font-size:10pt;
	line-height: normal;
}

tr .treeListHeader
{
	background:#5D7B9D;
	font-weight:bold;
	border-width:0px;
	color:#FFF;
}

tr .treeListPager
{
	background:#DDD;
	margin-top:20px;
	padding: 3px 0px;
}

tr .treeListPager td.dxpCurrentPageNumber
{
	font-weight:normal;
}

tr .treeListPager td
{
	padding: 0px 5px;
}

.treeListNode
{
    cursor:pointer;
}

.treeListSelectedNode .dxtl
{
	color:#000;
	background:#DDD;
}

/********************* Splitter ************************/
table.splitter
{
    width:100% !important;
    table-layout:fixed;
}

/***************** checkboxlist ******************/
.checkboxlist
{
	background:transparent;
	border-width:0px;
	margin:0px;
	padding:0px;
}

.checkboxlist td, .checkboxlist input, .checkboxlist span
{
	background:transparent;
	border-width:0px;
	margin:0px;
	padding:0px;
}

.scrollCkBxContainer
{
	height:100px;
	overflow:auto;
	border: solid 1px #8699ba;
}

/**************** Learner Home **********************/

.LearnerBreadCrumb
{
    display:none;
}

#pnlContainer
{
	position:relative;
	margin-bottom:7px;
	_width:100%;
}

.pnlSpace
{
	padding: 10px 0px;	
}

.pnlFilter
{
	padding: 20px 0px 0px 0px;
}

.pnlSearch
{
	padding: 20px 0px 0px 0px;
}

/*.btnShowGrid
{
	
	background-position: 5px center;
	padding: 0px 5px 0px 20px;
	border:solid 1px #8699ba;
	position:relative;
	right:0px;
	bottom:0px;
}*/

.btnShowTree
{
	position:absolute;
	left:8px;
	top:4px;	
}

.ActivityContainer
{
    position:relative;
}

.loadingImg
{
	position:absolute;
	top:300px;
	left:300px;
	z-index:100;
}

.pnlActivities
{
    position:relative;
}

/******** DropDownTree ************/

.DropDownTreeText
{
    /*padding-top:1px;*/
}

/******** DropDownTreeList ********/
.UC_DropDownTree .DropDownTree
{
    width:310px;
}

.UC_DropDownTree .DropDownTreeMedium
{
    width:210px
}

* html .DropDownTreeContainer{ 
   height: expression( this.scrollHeight > 599 ? "600PX" : "auto" ); /* sets max-height for IE */
}

.DropDownTreeContainer
{
    max-height:600px;
    overflow:auto;
}

* html .DropDownTreeContainerMedium{ 
   height: expression( this.scrollHeight > 399 ? "400PX" : "auto" ); /* sets max-height for IE */
}

.DropDownTreeContainerMedium
{
    max-height:400px;
    overflow:auto;
}

/*************************/

.DropDownTreeText td
{
    vertical-align:middle;
}

.hiddenDatalistItem
{
	display:none;
}

.pdfLink
{
	text-decoration:none;	
}

/* Formview controls */
.DisplayInline
{
    display:inline;
}

.FormViewSingleLineField
{
    width: 500px;
}

.BoldLabel
{
    font-weight: bold;
    font-size:9pt;
    margin-top:5px;
}

.BoldBlockLabel
{
    font-weight: bold;
    font-size:9pt;
    margin-top:5px;
    display:inline-block;
}

.BlockLabel
{
    font-size:9pt;
    margin-top:5px;
    display:inline-block;
}

.FormviewNumberInput
{
    width: 25px;
}

.FormviewTextInputMedium
{
    width: 203px;
    /*font-family: Verdana, Arial, Sans-Serif;*/
}

.FormviewTextInputMediumDisabled
{
    border: 0px;
    background: #EFEFEF;
    width: 203px;
    /*font-family: Verdana, Arial, Sans-Serif;*/
}

.formviewPanel
{
	padding: 8px;
	/*width:400px;aml*/
	background:#fff;
	border:1px solid #999999;
}

.DisableOverlay
{
    position:absolute;
    z-index:1000;
    background:#EEE;
    width:100%;
    height:100%;
    filter:alpha(opacity=50); /* for internet explorer */
	opacity: 0.50; /* CSS3 standard */
	-moz-opacity:0.50; /* for older gecko browsers */
	-khtml-opacity: 0.50;
}

.marginBottom
{
    margin-bottom: 15px;
}

.marginAfter
{
    margin-right: 15px;
}

.panel100
{
    border: solid 1px #ccc;
    padding:5px;
}

.deleteLink
{
    width:12px;
    height:12px;
    padding:0px;
    margin:0px;
    cursor:pointer;
}

.AdvancedSearchLink
{
    font-size:8pt;
    position:relative;
    float:left;
    text-decoration:none;
    margin-left:10px;
    cursor:pointer;
}

.textLink
{
    font-size:8pt;
    cursor:pointer;
}

#master_content a.AdvancedSearchLink:link, #master_content a.AdvancedSearchLink:visited, #master_content a.AdvancedSearchLink:active
{
    color:#999;
}

.FormViewMultiLineField
{
    width: 500px;
    margin-bottom: 20px;
}

a.formviewLink
{
	text-decoration: none;
}

.formviewInnerPanel
{
	background:#ddd;
	width: 100%;
}

.formviewInnerPanel td
{
	padding: 8px;
}

.FormviewTextInputMax
{
	width: 90%;
}

.FormviewMultiTextInputMax
{
	width:410px;	
}

.FormviewTextInputMin
{
	width:130px;
}

.FormviewNumberInput
{
	width:25px;
}

.FormviewLargeNumberInput
{
    width:40px;
}

.FormviewDateInput
{
	width:65px;
}

.FormviewCurrencyInput
{
	width:40px;	
}

.FormviewTextInputMedium
{
	width: 203px;
	/*font-family:Verdana, Arial, Sans-Serif;*/
}

input[type="text"].Medium
{
	width: 203px;
	/*font-family:Verdana, Arial, Sans-Serif;*/
}

.FormviewTextInput300
{
	width: 300px;
}

.FormviewTextInputMediumDisabled
{
	border: 0px;
    background: #EFEFEF;
	width: 203px;
	/*font-family:Verdana, Arial, Sans-Serif;*/
}

.FormviewMultiTextInput
{
	overflow-x: visible;
    overflow-y: auto;
	width: 300px;
	/*font-family:Verdana, Arial, Sans-Serif;*/
}

.Questions .FormviewMultiTextInput
{
	overflow-x: visible;
    overflow-y: auto;
	width: 280px;
	/*font-family:Verdana, Arial, Sans-Serif;*/
}

.timeInput
{
	border-style: none;
	border-color: inherit;
	border-width: 0px;
	position:relative;
	width:55px;
	z-index:10;
}

.timeInputImg
{
	position:relative;
	left:-151px;
	top: 6px;
	z-index:5;
}

.timeSelector
{
	position:relative;
	height:100px;
	width:84px;
	left: -63px;
	top: 100px;
	visibility:hidden;
}

.infoBox
{
	background:#FAFAB1;
	width:150px;
	padding:5px;
	border: solid 1px #CACFA7;
	z-index:1000;
}

.infoBoxMedium
{
	background:#FAFAB1;
	width:300px;
	padding:5px;
	border: solid 1px #CACFA7;
	z-index:1000;
}

.infoBoxLarge
{
	background:#FAFAB1;
	width:500px;
	padding:5px;
	border: solid 1px #CACFA7;
	z-index:1000;
}

.autoGeneratedSum
{
	font-style:italic;
}

.pseudoHiddenField
{
	display:none;
}

.login
{ 
	margin-left:-3px;	
}

.login td
{
	text-align:left;
}

.loginTextbox
{
	width:150px;	
}

.loginCheckbox input
{
	margin-left:-4px;	
}

.profileLink
{
    color: #ffffff;
    font-size: 10pt;
    /*font-family: Verdana, Arial;*/
    position: relative;
    top: 5px;
    font-weight: normal;
    text-decoration: none;
    margin-right:10px;
    border:0px;
    min-height:17px;
    padding-left:15px;
    background: transparent url(../graphics/icons/Profile.gif) no-repeat left;
}

.MultiLineFieldMedium
{
	width: 400px;
    margin-bottom: 20px;
    height: 100px;
}

.SingleLineFieldMedium
{
	width: 400px;
}

.PaddingLeft
{
	padding-left:17px;	
}

.PanelHidden
{
	display:none;	
}

.PanelVisible
{
	display:block;	
}

.toggleImage
{
	padding-right: 5px;	
}

.noUnderline
{
	text-decoration: none;
}

.AmountToPay
{
	Font-weight:bold;
	position:relative;
	text-align:right;
}

.alignRightBottom
{
    position:absolute;
    right: 0px;
    bottom:0px;
}

/*** Shopping Basket ***/
.WizardSteps
{
	color: #CCC;
}

.WizardSteps .WizardStepActive
{
	font-size:1.0em;
	font-weight:bold;
	color:#003173;
	margin:0px 0px 5px 0px;
}

.WizardSteps .WizardStepInActive
{
	font-size:1.0em;
	font-weight:bold;
	color:#CCC;
	margin:0px 0px 5px 0px;
}

.leftPanel
{
    position:relative;
    float:left;
    width:295px;
    padding-right: 5px;
}

.rightPanel
{
      position:relative;
      float:left;
      width:458px;  
}

.floatLeft
{
    position:relative;
    float:left;
    margin-right:20px;
}

.LaunchMessage
{
    margin-top: 15px;
    margin-bottom: 20px;
}

.alignLeft
{
	text-align: left;	
}

.breadCrumbs
{
    display:none;
}

.ChartBreadCrumbs span, .ChartBreadCrumbs a
{
    font-weight:bold;
}

/**** Sliding Doors button *****/

/* REQUIRED BUTTON STYLES: */		
button { 
	position: relative;
	border: none; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner{ 
	padding:0; 
	border:none; /* overrides extra padding in Firefox */ 
} 

button span  
{
	display:block;
	position: relative;
	white-space: nowrap;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}


/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.submitBtn { 
	padding: 0px 9px 0 0;
	height: 27px;
	margin-right:5px; 
	text-align: center;
	background: transparent url(../graphics/icons/CabairBtnSprite.png) no-repeat right -140px;
}
	
button.submitBtn span {
	padding: 1px 0 0 9px;
	height:27px; 
	background: transparent url(../graphics/icons/CabairBtnSprite.png) no-repeat left top;
	color:#22475a;
	line-height:20px;
}
	
button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -210px; 
}
	
button.submitBtn:hover span, button.submitBtnHover span {
	background-position: 0 -70px;
}

