/*Org Tree*/
.OrgTreeContainer {
	min-width: 250px;
	background-color: rgba(255, 255, 255, 1);
	border: solid 1px #d5d5d5;
	position:relative;	
	min-height: 400px;

}

#OrgTreeScrollPage, #DeptOrgTreeScrollPage {
	overflow-y:scroll;
	height: 400px;
	min-height: 400px;
	width: 100%; 	
}

#SelectOrgTreeScrollPage {
	overflow-y:scroll;
	height: 200px;
	min-height: 200px;
	width: 100%; 	
}
/*Department search box container*/
.SchTplGridContainer {
	min-width: 200px;
	width: 100%;
	background-color: rgba(255, 255, 255, 1);
	border: solid 1px #d5d5d5;
	position:relative;
	height: calc(100% - 110px);
	min-height: 200px;
}

.OTFDetailGridContainer {
	min-width: 200px;
	width: 100%;
	background-color: rgba(255, 255, 255, 1);
	border: solid 1px #d5d5d5;
	position: relative;
	height: calc(100% - 110px);
	min-height: 250px;
}
#OTFDetailGridScrollPage {
	overflow-y: scroll;
	height: 215px;
	width: 100%;
	min-width: 200px;
}

#SchTplGridScrollPage {
	overflow-y:scroll;	
	height: 320px;
	width: 100%;
	min-width:200px;
}

.DeptGridContainer {
	min-width: 200px;
	width: 100%;
	background-color: rgba(255, 255, 255, 1);
	border: solid 1px #d5d5d5;
	position:relative;
	height: calc(100% - 110px);
	min-height: 400px;
}

#DeptGridScrollPage {
	overflow-y:scroll;	
	height: 365px;
	width: 100%;
	min-width:200px;
}

/*Employee Sch. Group & Employee search box container*/
.EmpSrchGridContainer {
	min-width: 200px;
	width: 100%;
	background-color: rgba(255, 255, 255, 1);
	border: solid 1px #d5d5d5;
	position:relative;
	height: calc(100% - 110px);
	min-height: 200px;
	height: 230px;

}

#EmpSchGrpSrchGridScrollPage, #EmpSrchGridScrollPage {
	overflow-y:scroll;
	overflow-x:scroll;
	height: 195px;
	width: 100%;
}

/* Grid Cell Contents*/
.GridCell-Title {
	font-weight:bold;
	font-size: 1.4em;
	color: rgba(0, 0, 0, 0.7);
}

.GridCell-Sub-Title {
	font-weight:700;
	font-size: 1em;
	color: rgba(0, 0, 0, 0.6);
	word-wrap:break-word;
	overflow-wrap:break-word;
}

/* Grid Cell selected Contents*/
.BrowserSelectedRowStyle .GridCell-Title {
	font-weight:bold;
	font-size: 1.4em;
	color: rgba(255, 255, 255, 1);
}

.BrowserSelectedRowStyle .GridCell-Sub-Title {
	font-weight:700;
	font-size: 1em;
	color: rgba(255, 255, 255, 0.9);
}

/*Gridview style*/
.BrowserGridSearchBox {
	background-color: #FFFFFF;	
}

.BrowserGridViewStyle
{
    font-family: 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    font-size:small;
    background-color: rgba(255, 255, 255, 1);
    border: solid 0px #d5d5d5;
    table-layout: auto;
    border-collapse: collapse;
	color: #000000;	
}


.BrowserGridViewStyle tr:hover, .BrowserGridViewStyle .BrowserAltRowStyle:hover
{
	background-color: rgba(192, 212, 232, 0.5);
	cursor: pointer;
   
}

.BrowserFooterRowStyle {
	border-top-color: rgba(59, 121, 183, 1);
	border-top-width:1px;
	border-top-style:solid;

}

.BrowserRowStyle {
	background-color: rgba(255, 255, 255, 1);
    padding: 5px;
    border-right: solid 0px #e4e4e4;
	font-family: 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
	font-size: 8pt;
	height:20px;
	border:0px;
}

.BrowserAltRowStyle {
	background-color: rgba(239, 239, 239, 1);
}

/*RowStyles*/
.BrowserRowStyle td, .BrowserAltRowStyle td, .BrowserSelectedRowStyle td, .BrowserEditRowStyle td
{
    padding: 5px;
    border-right: solid 0px #e4e4e4;
	font-family: 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
	font-size: 8pt;
	height:20px;
}


.BrowserSelectedRowStyle td
{
    background-color: rgba(59, 121, 183, 1);
    background-position:center;
    background-repeat:repeat-x;
	color: #ffffff;
	padding: 5px;
    border-right: solid 0px #e4e4e4;
	font-family: 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
	font-size: 8pt;
	height:20px;
}

.BrowserEmptyRowStyle td{
	font-family: 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
	font-size: 9pt;
	font-weight: bold;	
	Color: #000000;
	text-align:center
}


/*Header styles*/
.BrowserHeaderStyle
{
    background-image: url(images/gridhdr.jpg);
	background-size:contain;
    background-position:top;
    background-repeat:repeat-x;
    background-color: rgba(68, 68, 68, 1);
	height:25px;	
}

.BrowserGridViewStyle .BrowserHeaderStyle th
{
    background-image: url(images/gridhdr.jpg);
	background-size:contain;
    background-position:top;
    background-repeat:repeat-x;
    background-color: rgba(68, 68, 68, 1);
	height:25px;	
}

.BrowserGridViewStyle .BrowserHeaderStyle th:hover
{
    background-image: url(images/gridhdrover.jpg);
	background-size:contain;
    background-position:top;
    background-repeat:repeat-x;
	height:25px;	
}


.BrowserHeaderStyle td
{
	border: solid 0px #d5d5d5;
	
}


.BrowserHeaderStyle th
{
    color: #000000;
    border-bottom: solid 1px #d5d5d5;
    border-right: solid 1px #d5d5d5;
	text-align : center;
}

.BrowserHeaderStyle a
{
    text-decoration:none;
    color:#000000;
    display:block;
	font-family: 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
	/*font-size: 9pt;*/
	font-weight: bold;	
}

.BrowserHeaderStyle a:hover 
{
    text-decoration:none;
    color:#000000;
    display:block;
	font-family: 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
	/*font-size: 9pt;*/
	font-weight: bold;	
}

/*Pager Control*/
.BrowserGridPagerStyle 
{
	background-image: url(images/gridhdr.jpg);
	background-color:#d5d5d5;
	width: 100%;
	font-family: 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
	font-size: 8pt;
	font-weight:bold;
	color: #747474;
	text-align:center;
}
.BrowserGridPagerStyle table
{
    text-align:center;
    margin:auto;
 
}

.BrowserGridPagerStyle table td
{
    border:0px;
    padding:0px;
    padding: 0px 5px 0px 0px;
    text-align:center;
}

.BrowserGridPagerStyle td
{
    text-align:center;
    padding:5px;
}


.BrowserGridPagerStyle a
{
	Color: #000000;
}

.BrowserGridPagerStyle a:Hover
{
    text-decoration: underline;
	Color: #747474;
}

/*Normal Grid*/
.GridContainer {
	min-width: 500px;
	background-color: rgba(255, 255, 255, 1);
	border-top: solid 1px #d5d5d5;
	position:relative;
	height: calc(100% - 110px);
	min-height: 500px;
	border: solid 1px #d5d5d5;
}

.GridContainer_Detail {
	min-width: 500px;
	background-color: rgba(255, 255, 255, 1);
	border-top: solid 1px #d5d5d5;
	position:relative;
	height: calc(100% - 110px);
	min-height: 210px;
	border: solid 1px #d5d5d5;
}

.sch_emp_availability_week_GridContainer {
	background-color: rgba(255, 255, 255, 1);
	border-top: solid 1px #d5d5d5;
	position:relative;
	height: calc(100% - 110px);
	min-height: 500px;
	border: solid 1px #d5d5d5;
	width: 300px;
}

.UnWidthGridContainer, .WorkflowGridContainer {
	background-color: rgba(255, 255, 255, 1);
	border-top: solid 1px #d5d5d5;
	position:relative;
	height: calc(100% - 110px);
	min-height: 500px;
	border: solid 1px #d5d5d5;
}

.UnWidth-hight-GridContainer {
	background-color: rgba(255, 255, 255, 1);
	border-top: solid 1px #d5d5d5;
	position:relative;
	height: calc(100% - 110px);
	border: solid 1px #d5d5d5;
}

.CriteriaResultGridContainer {
	min-width: 195px;
	background-color: rgba(255, 255, 255, 1);
	border-top: solid 1px #d5d5d5;
	position:relative;
	height: calc(100% - 110px);
	min-height: 195px;
	border: solid 1px #d5d5d5;
}

.GridContainerFreeHeight {
	min-width: 500px;
	background-color: rgba(255, 255, 255, 1);
	border-top: solid 1px #d5d5d5;
	position:relative;
	height: calc(100% - 110px);
	border: solid 1px #d5d5d5;
}

#GridScrollPage, .GridScrollPage {
	overflow-y:scroll;
	height: 465px;
	width: 100%; 	
}

#MarketPlaceGridScrollPage, .MarketPlaceGridScrollPage {
	overflow-y:scroll;
	height: 350px;
	width: 100%; 	
}

.MarketplaceGridContainer {
	min-width: 500px;
	background-color: rgba(255, 255, 255, 1);
	border-top: solid 1px #d5d5d5;
	position:relative;
	height: calc(100% - 110px);
	min-height: 385px;
	border: solid 1px #d5d5d5;
}

#WorkflowGridScrollPage, .WorkflowGridScrollPage {
	overflow-y:scroll;
	height: 465px;
	width: 100%; 	
}

/*Pager Container*/
.gridPagerWorkFlow {
    background-position:top;
    background-repeat:repeat-x;    
	background-image: url(images/gridhdr.jpg);
	background-size:contain;
	height:25px;
	padding:5px;
	border-top: solid 1px #d5d5d5;

	position:absolute;
    bottom: 0px;
	
	width: calc(100% - 20px);
	text-align:center;
}


div.gridPagerWorkFlow > span {
	display: inline-block;
	width: 100%
}

.gridPagerWorkFlow span a {
	font: 14px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
	font-size: 14px ;
	color: rgba(0, 0, 0, 1);
	text-decoration:none;
	display:inline-block;
	text-align:center;
	padding: 1px 6px;
}

.gridPagerWorkFlow span a:hover {
	background-color: rgba(192, 212, 232, 0.7);
}

.gridPager {
    background-position:top;
    background-repeat:repeat-x;    
	background-image: url(images/gridhdr.jpg);
	background-size:contain;
	height:25px;
	padding:5px;
	border-top: solid 1px #d5d5d5;

	position:absolute;
    bottom: 0px;
	
	width: calc(100% - 10px);
	text-align:center;
}


div.gridPager > span {
	display: inline-block;
	width: 100%
}

.gridPager span a {
	font: 14px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
	font-size: 14px ;
	color: rgba(0, 0, 0, 1);
	text-decoration:none;
	display:inline-block;
	text-align:center;
	padding: 1px 6px;
}

.gridPager span a:hover {
	background-color: rgba(192, 212, 232, 0.7);
}


.currentPageCss {
	font: 14px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
	font-size: 14px ;
	color: rgba(255, 255, 255, 1);
	background-color: rgba(59, 121, 183, 1);
    padding: 1px 6px;
	display:inline-block;
	text-align:center;
}

.NextCss {
}

.PriorCss {

}

.aspNetDisabled{
	color: #c1c1c1;
}


.gridPager.NextPriorCSS a{
	font: 14px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
	font-size: 30pt ;

}

.NumericCSS{
}