html, body  
{
	background-color: #fff;
}
*
{
	padding:0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

.FixedHeader /*Make header Static*/
{
    position: sticky;
    top: 0
} 

#pageFrame 
{
	width: 1000px;
	min-height: 750px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	border: 0;
	padding: 0;
	display:table;
	position:relative;
}
.labelCss {
	font-family: Arial;
	font-size: 14px;
	font-weight: 600;
	color: #564848;
}
.labelCssText {
	font-family: Arial;
	font-size: 14px;
	font-weight: 500!important;
}
a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#85c5e1;
}
a:hover
{
	color:#20377c /*#20377c*/;
}
.aHref
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#19388a;

}
.aHref a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#19388a;
}
.aHref a:hover
{
	color:#20377c /*#20377c*/;
}
.regularfont
{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
.bigfont
{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;

}
.biggerfont
{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.stepfont
{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;

}
.fontsel
{
	float:right;
	text-align:right;
	margin-right:-10px;
	margin-top:5px;
}

#topheader {
	/*background-image:url('/images/headerbg.jpg');
	background-position:center;
	background-repeat:no-repeat;*/
	/*background-image: linear-gradient(rgba(249,249,251,0.5), rgba(133,197,225,0.5));*/
	height: 96px;
	width: 100%;
	position: relative;
}
#topheader .logo
{
	background-image:url('/images/pplogo.png');
	background-position:center;
	background-repeat:no-repeat;
	width:180px;
	margin-top:5px;
	margin-left:10px;
	height:80px;
	float:left;
	position:relative;
}
#topheader .topcenter
{
	left:0px;
	top:60px;
	width:100%;
	text-align:center;
	position:absolute;
	z-index:10;
}

.ptitle
{
	font-size:16px;
	font-weight:bold;
	color:#20377c /*#20377c*/;
}
#searchbox
{
	margin-right:20px;
	margin-top:7px;
	float:right;
	width:300px;
	position:relative;
}
#google_translate_element
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
#google_translate_element select
{
	font-size:10px;
}
.langSelector
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
#maincontent
{
	text-align:left;
	width:100%;
	min-height:600px;
	margin-top:15px;
}
#lowfooter
{
	background-color:#ccc;
	height:18px;
	font-size:9px;
	text-align:center;
}
#highfooter
{
	height:18px;
	font-size:12px;
	text-align:center;
}
#lowfooter p
{
	margin-top:2px;
}
.WelcomeUserid
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
}
.bigboldfont
{
	font-size:12px;
	font-weight:bold;
}
.txtwater
{
	width:174px;
	background-color:#F4E3E3;
	color:#808080;
	border: 1px #20377c /*#20377c*/ solid;
	font-style:italic;
}
.floatleft
{
	float:left;
	position:relative;
}
.txtTextBox
{
	width:174px;
	border: 1px #20377c /*#20377c*/ solid;
    
}
.txtTextLongSkinny
{
	font-size:10px;
	width:300px;
	height:13px;
}
.btnSmall
{
	height:20px;
	font-size:10px;
	padding-right:1px;
	padding-left:1px;
}
.textAlignLeft
{
	text-align:left;
}
.textAlignRight
{
	text-align:right;
}
.formleft
{
	float:left;
	width:49%;
}
.formright
{
	float:left;
	width:49%;
}
.formleftPanel
{
	float:left;
	width:18%;
}
.formrightPanel
{
	float:left;
	width:79%;
}


.FormViewRecord
{
	padding:4px;
	width:100%;
	clear:both;
}
.FormViewData
{
	text-align:right;
	float:left;
	width:35%;
}

.FormViewDataMentorDeb
{
	text-align:right;
	float:left;
	width:15%;
}

.FormViewWizData
{
	text-align:left;
	float:left;
	width:40%;
}


.FormViewInput
{
	margin-left:2px;
	float:left;
}

.FormViewInputRadioButtons
{
	margin-left:2px;
	float:left;
	width:50%;	
}

.FormViewInputCheckBox
{
	margin-left:2px;
	float:none;
	clear:none;
	text-align:left;
}


.inCenter
{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	width:100%;
	clear:both;
}
.inLeft
{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	width:100%;
	clear:both;
}
.inRight
{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	width:100%;
	clear:both;
}
.divider
{
	margin-top:20px;
	height:15px;
	width:100%;
	border-top:2px #ccc solid;
	clear:both;
}

.dividerLongitude
{
	
	height:50%;
	width:5px;
	border-right:2px #ccc solid;
	clear:both;
}
.hide
{
	visibility:hidden;
	display:none;
}
.BarIndicatorWeak
{
    color:#F4E3E3;
    background-color:#F4E3E3;
}
.BarIndicatorAverage
{
    color:#d3d3d3;
    background-color:#d3d3d3;
}
.BarIndicatorAverageGroupSelect
{
    color:#add8e6;
    background-color:#add8e6;
}
.BarIndicatorGood
{
    color:#9CE79C;
    background-color:#9CE79C;
}
.BarIndicatorText
{
	font-size:14px;
	font-weight:bold;
}
.BarIndicatorBorder
{
	text-align:left;
    border:1px #000 solid;
    width:308px;
}
.BarIndicatorBorderGroup
{
	text-align:left;
    border:1px #000 solid;
    width:235px;
}
.BarIndicatorBorderGroupNew
{
	border:1px #000 solid;
    text-align:left;
    width:135px;
}

.BarIndicatorBorderGroupNewGroupSelect
{
	border:1px #000080 solid;
    text-align:left;
    width:135px;
}
.dashHead
{
	width:98%;
	margin:5px;
	font-weight:bold;
	font-size:14px;
	background-color:#33b5e5;
	clear:both;
	height:28px;
	vertical-align:middle;
	text-align:center;
}
.accordHeader
{
	border:1px #3a181a solid;
	margin:2px;
	padding-top:3px;
	padding-left:5px;
	text-align:left;
	height:20px;
	background-color:#20377c /*#20377c*/;
	color:#fff;
	font-weight:bold;
}
.accordContent
{
	padding:5px;
	margin-right:2px;
	margin-left:2px;
	margin-bottom:5px;
	border-right:1px #20377c /*#20377c*/ dashed;
	border-left:1px #20377c /*#20377c*/ dashed;
	border-bottom:1px #20377c /*#20377c*/ dashed;
	background-color:#ebf5fc;
}
.accordHeaderLight
{
	border:1px #999 solid;
	margin:1px;
	padding-top:3px;
	padding-left:5px;
	text-align:left;
	min-height:15px;
	background-color:#ccc;
	color:#000;
	font-weight:bold;
}

.accordContentLight
{
	padding:2px;
	margin-right:2px;
	margin-left:2px;
	margin-bottom:3px;
	border-right:1px #ccc dashed;
	border-left:1px #ccc dashed;
	border-bottom:1px #ccc dashed;
}

.accordHeader a
{
	text-decoration:none;
	color:#fff;

}
.accordHeader a:hover
{
	text-decoration:underline;
	color:#fff;
}
.accordHeaderLight a
{
	text-decoration:none;
	color:#000;

}
.accordHeaderLight a:hover
{
	text-decoration:underline;
	color:#000;
}
.accordHeaderNoFill
{
	border-bottom:1px #999 solid;
	border-left:1px #999 solid;
	margin:1px;
	padding-top:3px;
	padding-left:5px;
	text-align:left;
	min-height:15px;
	color:#000;
	font-weight:bold;
}
.accordHeaderNoFill a
{
	text-decoration:none;
	color:#000;

}
.accordHeaderNoFill a:hover
{
	text-decoration:underline;
	color:#000;
}

.ordList
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.ordList li
{
	list-style:none;
}
.ordListItem
{
	border:1px #20377c /*#20377c*/ solid;
	margin-top:2px;
	margin-bottom:3px;
}
.ordReOrderItem
{
	border:1px #000 dashed;
	width:99.5%;
	margin-top:2px;
	margin-bottom:3px;
}

.ordListField
{
	margin-left:2px;
	padding-left:3px;
	text-align:left;
	float:left;
	white-space:normal;
}
.ordListField a
{
	font-weight:bold;
	text-decoration:none;
	color:#19388a;
}
.ordListField a:hover
{
	color:#20377c /*#20377c*/;
}
.ordListDrag
{
	background-color:#20377c /*#20377c*/;
	color:#fff;
	padding-left:1px;
	text-align:left;
	border-left:1px #20377c /*#20377c*/ solid;
	float:left;
	cursor:move;
}
.tdRight
{
	text-align:right;
}
.upProgressBox
{
	text-align:center;
	background-color:#fff;
	border:1px #000 dashed;
	width:200px;
	height:50px;
	padding-top:20px;
}
.grdStyle
{
	clear:both;
	margin:3px;
	border:1px #20377c /*#20377c*/ solid;
}
.grdHeader
{
	text-align:left;
	height:18px;
	background-color:#20377c;/*#20377c */
	color:#fff;
}

.grdHeaderBlue
{
	text-align:left;
	height:18px;
	background-color:#0099E5;
	color:#fff;
}
.grdHeaderRater
{
	text-align:left;
	height:18px;
	background-color:green;
	color:#fff;
}
.grdHeader th
{
	padding:4px;
	border:1px #fff solid;
}
.grdHeader th a
{
	text-decoration:underline;
	color:#fff;
}
.grdHeader th a:hover
{
	text-decoration:underline;
	color:#fff;
}
.grdFooter
{
	background-color:#999;
	font-weight:bold;
}
.grdFooter td
{
	padding-left:2px;
	text-align: left;
	border:1px #e1e1e1 solid;
}
.grdRowStyle td
{
	padding-left:2px;
	text-align:left;
	border:1px #e1e1e1 solid;
}
.grdRowAlt
{

}
.grdRowAlt td
{
	padding-left:2px;
	text-align:left;
	border:1px #e1e1e1 solid;	
}
.grdRowStyle:hover
{
    background-color: Silver;
    color:black;
}
.grdRowAlt:hover
{
     background-color:Silver;
    color:black;
}

.grdDropDown
{
	color:#fff;
	background-color:#20377c /*#20377c*/;
	border:1px #fff solid;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.grdPageBtn td
{
	text-align:center;
}
.grdPageBtn a
{
	margin-right:4px;
	display:inline-block;
	font-size:12px;
	border:1px #19388a solid;
	text-decoration:none;
	color:#19388a;
	padding:3px;
	width:250px;
}
.grdPageBtn a:hover
{
	border:1px #20377c /*#20377c*/ solid;
	text-decoration:none;
	color:#20377c /*#20377c*/;
	background:#e9e9e9;
}

.tabcon
{
	width:95%;
}

.formBtn
{
	display:inline-block;
	font-size:12px;
	border:1px #19388a solid;
	text-decoration:none;
	color:#19388a;
	padding:3px;
	margin-top:5px;
	width:190px;
}
.formBtn:hover
{
	border:1px #20377c /*#20377c*/ solid;
	text-decoration:none;
	color:#20377c /*#20377c*/;
	background:#e9e9e9;
}
.formBtnBig
{
	width:190px;
	height:50px;
	font-weight:bold;
	 background-color:#99FF66;
}
.formBtnBigValidator
{
	width:150px;
	height:50px;
	font-weight:bold;
	 background-color:#99FF66;
}
.formBtnBigValidatorSave
{
	width:150px;
	height:50px;
	font-weight:bold;
	background-color:#65bcff;
}

.wizard
{
	vertical-align:top;
	width:98%;
}
.wizard td
{
	vertical-align:top;
}
.wizard table
{
	vertical-align:top;
	margin-top:15px;
}
.wizardStep
{
	vertical-align:bottom;
	text-align:left;
	padding:1px;
}
.wizardSide
{
	text-align:left;
	vertical-align:top;
	width:22%;
	padding:2px;
}
.wizardSide div
{
	padding:4px;
	margin-bottom:2px;
	width:93%;
	border:1px #20377c /*#20377c*/ solid;
}
.wizardSide a
{
	font-size:12px;
}
.wizHeading
{
	text-align:center; 
	font-size:25px; 
	font-weight:bold;

	
}
.wizTxtBox
{
	width:300px;
	border: 1px #20377c /*#20377c*/ solid;
}
.wizQuestions td
{
	padding:4px;
	text-align:left;
	vertical-align:top;
}
/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
}

.modalPopupBlue {
	background-color:#e1f1f6;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
}

.hoverPopup {
	width:125px;
	background-color:#9CE79C;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	padding:1px;
}
.hoverBackCSS
{
	cursor:pointer;
	text-align:center;
	background-color:#9CE79C;
}
.radioListCSS
{
	margin-left:20px;
	border:0;
	padding:0;
}
.radioListCSS label
{
	margin-right:30px;
}
.radioListCSS td
{
	border: 0;
}

.checkListCSS
{
	
	border:0;
	padding:0;
	float:none;
}
.checkListCSS label
{
	margin-right:30px;
}
.checkListCSS td
{
	border: 0;
}
/* Main Menu Nav */
#menu {
	text-align: left;
	width: 100%;
	background-color: #85c5e1;
	display: table;
	border-bottom: 2px #85c5e1 solid;
	height: 30px;
	padding-top: 5px;
}
	#menu div {
/*		padding-top: 3px;
		display: block;
		height: 20px;
		border-left: 1px #85c5e1 solid;*/
		float: left;
	}
		#menu div a {
			padding: 9px 8px 9px 8px;
			/*background-color: #85c5e1;*/
			color: #fff;
			text-decoration: none;
			font-size: 14px;
		}
#menu div a:hover
{
	color:#fff;
	background-color:#20377c /*#20377c*/;
	padding-top: 5px;
	font-size: 14px;
}
/* Close Main Menu Nav */
/* SubMenu Nav */
#submenu
{
	margin-top:10px;
	text-align:left;
	width:100%;
	display:table;
}
#submenu div .menuheading
{
	margin-top:-3px;
	font-size:16px;
	font-weight:bold;
	color:#20377c /*#20377c*/;
}
#submenu .sublink
{
	border:1px #20377c /*#20377c*/ solid;
	display:block;
	float:left;
	margin-left:10px;
}
#submenu div
{
	display:block;
	float:left;
	margin-left:10px;
}
#submenu div a
{
	color:#000;
	text-decoration:none;
	padding: 3px 7px 3px 7px;
}
#submenu div a:hover
{
	color:#fff;
	background-color:#20377c /*#20377c*/;
}
/* Close Main Menu Nav */

/* AJAX TABS */
.custom__tab_xp .ajax__tab_header {font-family:Arial, Helvetica, sans-serif; white-space:normal !important; font-size:14px;font-weight:bold;background :url('/images/tab-line.gif') repeat-x bottom;}
.custom__tab_xp .ajax__tab_outer {padding-left:6px;padding-right:3px;background:url('/images/tab-right.gif') no-repeat right;height:21px;}
.custom__tab_xp .ajax__tab_inner {padding-left:3px;background:url('/images/tab-left.gif') no-repeat;}
.custom__tab_xp .ajax__tab_tab {height:13px;padding:4px;margin:0;cursor:pointer;background:url('/images/tab.gif') repeat-x;}
.custom__tab_xp .ajax__tab_hover .ajax__tab_outer {background:url('/images/tab-hover-right.gif') no-repeat right;}
.custom__tab_xp .ajax__tab_hover .ajax__tab_inner {background:url('/images/tab-hover-left.gif') no-repeat;}
.custom__tab_xp .ajax__tab_hover .ajax__tab_tab {background:url('/images/tab-hover.gif') repeat-x;}
.custom__tab_xp .ajax__tab_active .ajax__tab_outer {background:url('/images/tab-active-right.gif') no-repeat right;}
.custom__tab_xp .ajax__tab_active .ajax__tab_inner {background:url('/images/tab-active-left.gif') no-repeat;}
.custom__tab_xp .ajax__tab_active .ajax__tab_tab {color:#fff;background:url('/images/tab-active.gif') repeat-x;}
.custom__tab_xp .ajax__tab_body {font-family:Arial, Helvetica, sans-serif;font-size:11px;border:1px solid #999999;border-top:0;padding:8px;background-color:#ffffff;}

/* DevExpress Styles */
.devxp_td
{
	width:300px;
}


  .accordHeaderLightCollapse
{
	border:1px #999 solid;
	margin:1px;
	padding-top:3px;
	padding-left:5px;
	text-align:left;
	min-height:15px;
	background-color:#ccc;
	color:#000;
	font-weight:bold;
    background-image:url("/images/toggleCollapse.png");	
	background-repeat: no-repeat; 
} 

.accordHeaderLightExpanded 
{ 
    border:1px #999 solid;
	margin:1px;
	padding-top:3px;
	padding-left:5px;
	text-align:left;
	min-height:15px;
	background-color:#ccc;
	color:#000;
	font-weight:bold;        
  background-image: url('/images/toggleExpand.png') ; 
  background-repeat: no-repeat; 
}

.formleftPanelTitle
{
	float:left;
	width:45%;
}
#caja_flotante 
{
    position: absolute; 
    border: 1px solid #CCC; 
    background-color: #F2F2F2; 
    float:left; 
	width:170px;
    /*left: 0px;*/
    
}

.verticaltext

{
font:bold 10px Tahoma;
writing-mode: vertical-lr;
filter: flipH() flipV()  ;
}

.verticaltextRed
{
background-color: red ;
font:bold 10px Tahoma;
color: white;
writing-mode: vertical-lr ;
filter: flipH() flipV()  ;
}

.verticaltextYellow
{
background-color: yellow ;
color: black;
font:bold 10px Tahoma;
writing-mode: vertical-lr ;
filter: flipH() flipV()  ;


}

.verticaltextGreen
{
background-color: green ;
color:white;
font:bold 10px Tahoma;
writing-mode: vertical-lr ;
filter: flipH() flipV()  ;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.25em + .75rem + 1px);
  padding: 0.25rem .25rem;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #687281;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #c5ccd6;
  border-radius: 0.15rem;
  -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}