﻿body
{
    overflow:auto;
}

td
{
	vertical-align:top;	
}

th
{
	text-align:left;
}

.loginError
{
	color:#F00;	
}

.validationError
{
	color:#F00;	
}
/********* 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_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: 0px 7px;	
}

.defaultGridHeader
{
	background:#5D7B9D;
	color:#FFF;
	font-weight:bold;
}

#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;
}

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 **********************/
#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:3px;
}
/*************************/

.hiddenDatalistItem
{
	display:none;
}

.pdfLink
{
	text-decoration:none;	
}

/* Formview controls */
.FormViewSingleLineField
{
    width: 500px;
}

.FormViewLabel
{
    font-weight: bold;
}

.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;
}

.AdvancedSearchLink
{
    font-size:8pt;
    position:relative;
    float:left;
    text-decoration:none;
    margin-left:10px;
}

#master_content a.AdvancedSearchLink:link, #master_content a.AdvancedSearchLink:visited, #master_content a.AdvancedSearchLink:active
{
    color:#999;
}

.FormViewMultiLineField
{
    /*width: 500px;aml*/
    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;
}

.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;
}

.gridView
{

}

.gridView th
{

}

.infoBox
{
	background:#FAFAB1;
	width:150px;
	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;	
}

.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;  
}

.LaunchMessage
{
    margin-top: 15px;
    margin-bottom: 20px;
}

.alignLeft
{
	text-align: left;	
}

/**** 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;
}
