body
{
	padding-top: 140px;
}

.page
{
	border: 1px solid #a5acb5;
	margin: 0px;
	padding: 2px;
	-webkit-box-shadow: #000000 0px 0px 10px;
	-moz-box-shadow: #000000 0px 0px 10px;
	box-shadow: #000000 0px 0px 10px;
	background: #FFF;
	behavior: url(/PIE.htc);
    min-height: 420px;
    max-height:60%;
    overflow-y:auto;
}

#xribbon
{
	/*font-family: Arial,Helvetica,sans-serif;*/

	cursor: default;
	
	padding-top: 10px;
	background-color: #eaedf1;
	border-bottom: 1px solid #8b9097;
	-webkit-box-shadow: #8b9097 0px 1px 3px;
	-moz-box-shadow: #8b9097 0px 1px 3px;
	box-shadow: #8b9097 0px 1px 3px;
	overflow: hidden;
	behavior: url(/PIE.htc);
	z-index: 25;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 135px;
}
.xrobbon-tabs-header{
    margin: 5px 0 0 10px;
	/*white-space: nowrap;*/
}
.xribbon-tab-header
{
	display: inline;
	margin: 0 5px;
	padding: 5px 10px;
	/*font-size: 8pt;*/
	color: #444; /*border: 1px solid #eaedf1;*/
	border-bottom: 1px solid rgba(182, 186,191,0);/*#b6babf;*/
	-webkit-border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
	position: relative;
	z-index: 40;
}
.xribbon-tab-header-title{

}
.xribbon-tab-header:hover
{
	background: #f1f3f4;
	border: 1px solid #b6babf;
	margin: -1px 4px;
	cursor: pointer;
}
.xribbon-tab-header.select, .xribbon-tab-header.select:hover
{
	background: #fff;
	margin: -1px 4px;
	border: 1px solid #b6babf;
	border-bottom: 1px solid #fff;
	cursor: default;
	z-index: 45;
}
.xrobbon-tabs-content-panel{
    position:relative;
    top:-2px;
    height: 80px;
	padding: 5px;
	margin-top: 5px;
	border-top: 1px solid #b6babf;
	background: #FFF repeat-x bottom;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#eaedf1));
	background: -moz-linear-gradient(#ffffff, #eaedf1); /*-pie-background: linear-gradient(#ffffff, #eaedf1);*/
	overflow: hidden;
	min-width: 500px;
	behavior: url(/PIE.htc);
	z-index: 30;
	-pie-watch-ancestors: 2;
}
.xribbon-tab{
    display:none;
    float: left;
	position: relative;
	height: 82px;
	margin: 0 5px;
	height: 75px;
}
.xribbon-tab-section{
    float: left;
	position: relative;
	height: 82px;
    border-left: 1px solid #E0E0E0;
	border-right: 1px solid #fff;
	height: 75px;
    display:inline-block;
}
.xribbon-tab-section-title{
    color: rgba(62, 88, 143, 1);/*#5B626C;*/
	text-align: center;
	clear: left;
	display: block;
	position: absolute;
	bottom: -10px;
	left: 0;
	right: 0;
    font-weight:bold;
    /*border-top: 1px solid #E0E0E0;*/
}
.xribbon-button
{
	padding: 2px 2px;
	border: 1px solid transparent;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
    font-size: 8pt;
}
.xribbon-button-large
{
	text-align: center;
	height: 58px;
	min-width: 40px;
	float: left;
}
.xribbon-button:hover
{
	border: 1px solid #F1C43F;
	background: #fdeeb3;
	cursor: pointer;
}
.xribbon-button:active
{
	border: 1px solid #F1C43F;
	background: #F1C43F;
	cursor: pointer;
}
.xribbon-icon {

}
.xribbon-normal{

}
.xribbon-button-title{
    clear: left;
	display: block;
    font-size: 7pt;
}
.xribbon-taskbar{
    position:absolute;
    left:0px;
    bottom:0px;
    height:25px;
    width:100%;
    background: rgba(62, 88, 143, 0.8);
    /*border:solid 1px rgba(62, 88, 143, 1)*/
}
.ribbon-taskbar-content{
    color:#fff;
    padding-left:7px;
    padding-right:7px;
    position:relative;
    top:2px;
}
.ribbon-taskbar-content input, .ribbon-taskbar-content span{
    height:25px;
    color:#fff;
    text-align:center;
    padding-left:5px;
    padding-right:5px;
    /*border-left:solid 1px #f7f7f7; */  
}
.ribbon-taskbar-content b{
    color:#fff;
} 
.ribbon-taskbar-content .spanTerminatedStatus{
    height:25px;
    color:rgb(255, 0, 0);
    text-align:center;
    padding-left:5px;
    padding-right:5px;
    /*border-left:solid 1px #f7f7f7; */  
}
.ribbon-taskbar-content .spanUnTerminatedStatus{
    height:25px;
    color:rgb(70, 242, 13);
    text-align:center;
    padding-left:5px;
    padding-right:5px;
    /*border-left:solid 1px #f7f7f7; */  
}
.ribbon-taskbar-content input{
    width:50px;
    height:23px;
    border:none;
    text-align:center;
    background-color:rgba(189,215,238,0.5);
}
.xribbon-tooltip
{
	/*font-family: Arial,Helvetica,sans-serif;
	font-size: 10pt;*/
	position: fixed;
	z-index: 5000;
	border: 1px solid #8b9097;
	background-color: #e5e5f0;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#e5e5f0));
	background: -moz-linear-gradient(#ffffff, #e5e5f0);
	-pie-background: linear-gradient(#ffffff, #e5e5f0);
	padding: 5px;
	-webkit-box-shadow: #c6c9cd 1px 1px 3px;
	-moz-box-shadow: #c6c9cd 1px 1px 3px;
	box-shadow: #c6c9cd 1px 1px 3px;
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	width: 200px;
	top: 150px !important;
}
.headerArea{
    display:inline;
}
.headerAreaItem{
    display:inline;
    margin-left:5px;
    margin-right:5px;
    cursor:pointer;
}

/*@media only screen and (max-width:1365px) {
    .page
{
	border: 1px solid #a5acb5;
	margin: 0px;
	padding: 2px;
	-webkit-box-shadow: #000000 0px 0px 10px;
	-moz-box-shadow: #000000 0px 0px 10px;
	box-shadow: #000000 0px 0px 10px;
	background: #FFF;
	behavior: url(/PIE.htc);
    min-height: 420px;
    max-height:100%;
    overflow-y:auto;
}
}*/

@media only screen and (max-width:1920px) {
    .page {
        border: 1px solid #a5acb5;
        margin: 0px;
        padding: 2px;
        -webkit-box-shadow: #000000 0px 0px 10px;
        -moz-box-shadow: #000000 0px 0px 10px;
        box-shadow: #000000 0px 0px 10px;
        background: #FFF;
        behavior: url(/PIE.htc);
        min-height: 720px;
        max-height: 100%;
        overflow-y: auto;
    }
}
