﻿/*-------------------------------*/
/*Body and HTML supported classes*/
/*-------------------------------*/
body
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	height: 100%;
	min-height: 100%;
}
html
{
	height: 100%;
	min-height: 100%;
	width: 100%; /* Full width and height */
	margin: 0px; /* No space between browser edge and content */
	padding: 0px;
}
*
{
	margin: 0px;
	padding: 0px;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
}

/*-------------------------------*/
/*Container supported classes*/
/*-------------------------------*/
/*Main wrapper class*/
.ContainerWrapper
{
	background-color: #DFE8F6;
	border-right: 1px solid #9ABBE8;
	border-bottom: 1px solid #9ABBE8;
	border-left: 1px solid #9ABBE8;
	width: 100%;
}
/*Gap between wrapper and container*/
.ContainerMargin
{
	padding: 4px;
}
/*Container*/
.Container
{
	border: 1px solid #99BBE8;
	background-color: White;
}
/*Header of each container*/
.ContainerHeader
{
	background-image: url(../Images/Container_Header.gif);
	height: 23px;
	font-size: 12px;
	font-weight: bold;
	color: #133047;
}
/*Margin of Header of each container*/
.ContainerHeader td
{
	padding: 4px;
}

/*-------------------------------*/
/*Messages Status supported classes*/
/*-------------------------------*/
/*General class for Message*/
#tblMessage
{
	height: 23px;
	width: 100%;
}
/*Message for Successful*/
#tblMessage.Success
{
	border: solid 1px #5AAD0D;
	background-color: #E5F7D5;
}
/*Message for Information*/
#tblMessage.Information
{
	border: solid 1px #88B5E9;
	background-color: #E2EDF8;
}
/*Message for Warning*/
#tblMessage.Warning
{
	border: solid 1px #FD7B04;
	background-color: #FFF7E7;
}
/*Message for Error*/
#tblMessage.Error
{
	border: solid 1px #FF0001;
	background-color: #FFEAEA;
}

/*-------------------------------*/
/*Messages Status Icon supported classes*/
/*-------------------------------*/
/*General class for Message Icon*/
#dvIcon
{
	line-height: 23px;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding-left: 38px;
}
/*Message Icon for Successful*/
#dvIcon.Success
{
	background-image: url('../Images/Message_Success.png');
}
/*Message Icon for Information*/
#dvIcon.Information
{
	background-image: url('../Images/Message_Information.png');
}
/*Message Icon for Warning*/
#dvIcon.Warning
{
	background-image: url('../Images/Message_Warning.png');
}
/*Message Icon for Error*/
#dvIcon.Error
{
	background-image: url('../Images/Message_Error.png');
}

/*-------------------------------*/
/*Progressbar supported classes*/
/*-------------------------------*/
/*Progressbar container wrapper*/
#dvProgressContainer
{
	border-left: solid 1px #CFCFCF;
	border-right: solid 1px #CFCFCF;
	width: 300px;
	height: 12px;
	background-image: url(../Images/Progressbar_Wrapper.gif);
}
/*Progressbar container*/
#dvProgress
{
	background-image: url(../Images/Progressbar_Content.gif);
	height: 100%;
	width: 0px;
}

/*-------------------------------*/
/*Grid supported classes*/
/*-------------------------------*/
/*Grid Header Row*/
.GridHeader
{
	background-image: url(../Images/Grid_Header.gif);
	height: 25px;
}
/*Grid Header row separator */
.GridHeader td.Separator
{
	border-right: solid 1px #C9CACA;
	padding: 0px 2px 0px 2px;
}
/*Grid row height for empty, normal, selected and hovered */
.GridRow, .GridEmptyRow, .GridNumberRow, .GridNormalRow, .GridAlternate, .GridHoverRow
{
	height: 20px;
}
/*Grid Empty row */
.GridEmptyRow
{
	vertical-align: middle;
	text-align: center;
	color: Gray;
}
/*Grid Numbered row */
.GridNumberRow
{
	background-image: url(../Images/Grid_RowNumber.gif);
}
/*Grid Normal row */
.GridNormalRow
{
	background-image: url(../Images/Grid_RowNormal.gif);
}
/*Grid Alternate row */
.GridAlternate
{
	background-image: url(../Images/Grid_RowAlternate.gif);
}
/*Grid Hover row */
.GridHoverRow
{
	background-image: url(../Images/Grid_RowHover.gif);
}
/*Grid Footer row*/
.GridFooter
{
	background-image: url(../Images/Grid_Footer.gif);
	height: 25px;
}
/*Grid Footer row left and right margin*/
.GridFooter td
{
	padding: 0px 3px 0px 3px;
}
.StartUpload
{
	/* for IE */
	filter:alpha(opacity=20);
	/* CSS3 standard */
	opacity:0.2;
}


.panelPopup{border-radius: 10px;overflow: hidden;}
.ContainerWrapper{ background:#fff; border-radius:10px;}
.ContainerHeader{
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc904), to(#ffb305));
    background-image: -webkit-linear-gradient(top, #ffc904, #ffb305);
    background-image: -moz-linear-gradient(top, #ffc904, #ffb305);
    background-image: -ms-linear-gradient(top, #ffc904, #ffb305);
    background-image: -o-linear-gradient(top, #ffc904, #ffb305);
    background-image: linear-gradient(top, #ffc904, #ffb305);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc904', endColorstr='#ffb305');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc904', endColorstr='#ffb305')";
}
.ContainerHeader span[id$="lbl_service_heading"]{color: #111111;font-size: 14px;display: block;padding: 6px 8px;}
.ContainerHeader input[id$="_btn_close"]{color: #111111; font-size:14px; text-transform: capitalize; padding:4px 14px;border: 0px;cursor: pointer;border-radius: 5px; outline:0px;  box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; font-weight:bold;

background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#bababa));
background-image: -webkit-linear-gradient(top, #f7f7f7, #bababa);
background-image: -moz-linear-gradient(top, #f7f7f7, #bababa);
background-image: -ms-linear-gradient(top, #f7f7f7, #bababa);
background-image: -o-linear-gradient(top, #f7f7f7, #bababa);
background-image: linear-gradient(top, #f7f7f7, #bababa);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#bababa');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#bababa')";
}

.ContainerMargin {padding: 0px 5px 5px 5px;border-radius: 0px 0px 10px 10px;}
.ContainerMargin .Container{ border:0px;
box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#b0b0b0));
    background-image: -webkit-linear-gradient(top, #dddddd, #b0b0b0);
    background-image: -moz-linear-gradient(top, #dddddd, #b0b0b0);
    background-image: -ms-linear-gradient(top, #dddddd, #b0b0b0);
    background-image: -o-linear-gradient(top, #dddddd, #b0b0b0);
    background-image: linear-gradient(top, #dddddd, #b0b0b0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#b0b0b0');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#b0b0b0')";
}

.ContainerMargin .Container table[id$="grd_service_type_one"]{ background:transparent !important;}
.ContainerMargin .Container table tr{ background:transparent !important;}
.ContainerMargin .Container tr th,
.ContainerMargin .Container tr td{ background:transparent !important; padding:3px; height:1px; border:0px;}
.ContainerMargin .Container tr th{color:#111; text-align:left; font-size:12px; white-space:nowrap;}
.ContainerMargin .Container table[id$="grd_service_type_one"] tr td > div{background: #f1f1f1;height: 100%;padding: 4px;box-sizing: border-box;}