.myLoginBody
{
    margin:0px;
    text-align:center;
    overflow:auto;
}
form{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#myTableMain{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width:100%;
font-size:100%;
width:expression(document.body.clientWidth>778?document.body.clientWidth:778);
}
#myTopBrandBannerTable{
width:100%;
border:none 0px #FFFFFF ;
background-color:#1e61a9;
}
#myTopBrandBanner1{}
.brandImg{
width:136px;
height:42px;
border:none 0px #FFFFFF;
}
#myTopBrandBanner{
width:100%;
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#82ade2', endColorStr='#FFFFFF', gradientType='0');
}
#myMiddleBannerTable
{
width:99.5%;
/*font:100% Tahoma, Helvetica;*/
font:100% Verdana, Helvetica;
}
#myMiddleBrandBannerTable{
width:100%;
border:none 0px #FFFFFF ;
background-color:#82ade2;
}
#myMiddleBrandBanner{}
.brandImg{
width:136px;
height:42px;
border:none 0px #FFFFFF;
}
#myMiddleBanner{
width:100%;
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#82ade2', endColorStr='#FFFFFF', gradientType='1');
}
#myMiddleBrandBannerBlank
{
background-color:#4B92E9;
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#FFFFFF', gradientType='1');
}
#myBottomBannerTable{
background-color:dodgerblue;
width:99.5%;
border:none 0px #FFFFFF;
}
#myBottomBrandBannerTable{
width:100%;
border:none 0px #FFFFFF ;
background-color:#1e61a9;
}
#myBottomBrandBanner{}
.brandImg{
width:136px;
height:42px;
border:none 0px #FFFFFF;
}
#myBottomBanner{
width:100%;
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#82ade2', gradientType='0');
}
.myHeaderLink
{
	border-right: #a1c6eb 1px;
	padding-right: 5px;
	border-top: #a1c6eb 1px;
	display: block;
	padding-left: 5px;
	padding-bottom: 1px;
	font: bold 70% Helvetica, Tahoma;
	border-left: #a1c6eb 1px;
	width: 100%;
	color: #000000;
	padding-top: 1px;
	border-bottom: #a1c6eb 1px;
	text-decoration: none;
}
.myHeaderLink:hover
{
	padding-right: 5px;
	display: block;
	padding-left: 5px;
	padding-bottom: 1px;
	font: bold 70% Helvetica, Tahoma;
	width: 100%;
	cursor: hand;
	color: #cc33cc;
	padding-top: 1px;
	background-color: #ffffff;
	text-decoration: underline;
}
.myLoginTopFrame
{
	font-weight: bold;
	font-size: 16pt;
	color: black;
	font-family:Helvetica;
	background:transparent;
}
.myLoginBodyText
{
	margin:0px;
	font-weight: normal;
	font-size: 9pt;
	color:Black;
	font-family: Verdana;
	background-color:Transparent;
	padding-top:0px;
	padding-bottom:5px;
	padding-left:2px;
	padding-right:12px;
	vertical-align:super;
}
.myLoginText
{
  border-style:solid;
  border-width:1px;
  border-color:#000000;
  background-color:floralWhite;
  font-family: Verdana;
  font-size: 9pt;
  color:Black;

}
.myLoginButton
{
 font-size: 9pt;
 font-family:Verdana;
}
.myLoginTopLabel
{
 font-weight:bold;
 font-size: 9pt;
 font-family:Verdana;
 background-color:#82ade2;
 color:#000000;
}
.myLoginLabel
{
	font-weight: normal;
	font-size: 10pt;
	color: black;
	font-family:Verdana;
	background-color: #e5eff8;
}
.myLoginMessage
{
	font-weight:bold;
	font-size:8pt;
	color:black;
	font-family:Verdana;
	background-color: #e5eff8;
}
.myLoginInfo
{
	font-weight: normal;
	font-size: 8pt;
	color: #003399;
	font-family:Verdana;
	text-align:left;
}
.myError
{
	color:Red;
	font-family:verdana;
	font-size:8pt;
}
.myLeftMenu
{
	font-weight: normal;
	font-size: 8pt;
	color:Black;
	font-family: Verdana;
	background-color: White;
	ForeColor:black;
}
.myLeftMenuBody
{
    margin-left:0px;
    margin-top:5px;
    margin-right:0px;
    background-color:#c3d9ff;
}
.myLeftMenuTable
{
    padding:0;
    border:0;
    width:190px;
    background-color:White;          
}
.myTopMenu
{
	font-weight: normal;
	font-size: 8pt;
	color:Black;
	font-family: Verdana;
	background:transparent;
}
.myPanel
{ 
	border: 1px ridge Blue;
    width:500px;	
}
.myPanelLogin
{ 
	border: 1px ridge Blue;
    width:300px;	
}
.myPageHeader
{
	background:#c3d9ff;
	font-weight:bold;
	color:Black;
	font-family:Verdana;
	font-size: 10pt;
	text-align:center;
}
.myError
{
	color:Red;
	font-family:verdana;
	font-size:8pt;
}
.myLabel
{
	font-weight: bold;
	font-size: 8pt;
	color: #3399ff;
	font-family: Verdana;
}
.myLabelAlt
{
	font-weight: bold;
	font-size: 8pt;
	color: #3399ff;
	font-family: Verdana;
	background-color:#f4f4f4;
}
.myInput
{	
	font-size: 8pt;
	COLOR:black; 
	font-family:Verdana;
}
.myHyperlink
{
	font-family:Verdana;
	font-size:8pt;
	text-align:left;
}
.myStar
{
	color:#cc0000;
	font-family:Verdana;
	font-size:8pt;
	text-align:left;
	font-weight:bold;
}
.myButton
{
	font-size: 8pt;
	COLOR:black; 
	font-family:Verdana;
}
.myGridHeader
{
    background: #82ade2;
    font-weight: bold;
    color: white;
    font-family: Verdana;
    font-size: 8pt;
    text-align: center;
}
.myGridAlternatingItemStyle
{
	background-color:#e5eff8;
	font-family:Verdana;
	font-size:8pt;
}
.myGridTextItem
{
	font-family:Verdana;
	font-size:8pt;
}
.myGridTextItemAlt
{
	font-family:Verdana;
	font-size:8pt;
	background-color:#f4f4f4;
}

.myGridEditTextItem
{
	background-color:PeachPuff;
	font-family:Verdana;
	font-size:8pt;
}
.myGridSelectedItemStyle
{
	background-color:PeachPuff;
	font-family:Verdana;
	font-size:8pt;
}
.myInputDisplay
{
	font-size: 8pt;
	color:black;
	font-family:Verdana;
	background-color:AliceBlue;
	border-width:0;
}
.myValidator
{
	font-size: 8pt;
	color: red;
	font-family:Verdana;
	text-align: left;
}
.myTopMenuDynamicHoverStyle
{
    border-color:Black;
    border-width:1px;
    background-color:Silver;
    font-size: 8pt;
    color: black;
   	font-family:Verdana;
}

.myTopMenuStaticHoverStyle
{
	border-color:Black;
	background-color:white;
	border-width:1px;
	font-size: 8pt;
	color: black;
	font-family:Verdana;
}
.myTopMenuDynamicMenuItemStyle
{
    border-color:white;
    border-width:1px;
	font-size: 8pt;
	color: black;
	font-family:Verdana;
}
.myTopMenuDynamicMenuStyle
{
    border-color:black;
    background-color:white;
    border-width:1px;
    color : Black;
}
.myTopMenuStaticMenuItemStyle
{
   	padding-left:0px;
   	padding-left:0px;
   	font-size: 8pt;
	color: black;
	font-family:Verdana;
	font-weight:bold;
}
.myTopMenuStaticMenuStyle
{
 
}
.tdGToolbar{
border:solid 0px #1E77D3;
padding:0px 4px 0px 4px;
font-size:100%;
}
.tdGToolbarEnd{
padding-right:30px;
}
.sortable
{     
    cursor: default;
}
.sortabletr
{      
    background: #82ade2;
    font-weight: bold;
    color: white;
    font-family: Verdana;
    font-size: 8pt;
    text-align: center;
    padding: 13px;
    cursor: hand;
}

/*====================================================
	- HTML Table Filter Generator v1.9.4
	stylesheet
	- do not hesitate to edit classes below to 
	change filter grid appearance
=====================================================*/

/* FILTERS BAR
=====================================================*/
.fltrow{ /* filter grid row appearance */
	height:20px;
	background-color:#f4f4f4;
}
.btnflt{ /* button appearance */
	font-size:11px;
	margin:0 2px 0 2px; padding:0 1px 0 1px;
	text-decoration:none; color: #fff;
	background-color:#666;
	vertical-align:middle;
}
.flt{ /* filter (input) appearance */
	background-color:#fff; font-size:10px;
	border-left:1px solid #999; border-right:1px solid #ccc;
	border-top:1px solid #ccc; border-bottom:1px solid #999;
	margin:0; width:100%; vertical-align:middle;
}
select.flt{ /* select filter */
	background-color:#fff; border:1px solid #ccc; 
	margin:0 1px 1px 0; width:100%; font-size:9px; vertical-align:middle;
}
select.flt_multi{ /* multiple select filter */
	background-color:#fff; border:1px solid #ccc; 
	margin:0 1px 1px 0; width:100%; height:100px;
	font-size:9px; vertical-align:middle;
}
.flt_s{ /* small filter (input) appearance */
	background-color:#fff; font-size:10px;
	border-left:1px solid #999; border-right:1px solid #ccc;
	border-top:1px solid #ccc; border-bottom:1px solid #999;
	margin:0; width:80%; vertical-align:middle;
}
.single_flt{ /* single filter appearance (input) */
	background-color:#fff; font-size:11px;
	border-left:1px solid #999; border-right:1px solid #ccc;
	border-top:1px solid #ccc; border-bottom:1px solid #999;
	margin:0; width:120px; vertical-align:middle;
}

.div_checklist{ /* div containing checklist  */
	width:100%; height:100px;
	border:1px solid #ccc;
	overflow:auto; 
	background-color:#fff;
}

.div_checklist ul.flt_checklist{ padding:0; margin:0; list-style: none; }
.div_checklist li.flt_checklist_item{ /*check list item*/
	padding:1px; margin:0; font-size:10px;
	border-bottom:1px solid #ccc;
}
.div_checklist li.flt_checklist_item:hover{
	background-color:#335EA8;
	color:#fff;
}
.flt_checklist_slc_item{ /*selected check list item*/
	background-color:#335EA8;
	color:#fff;
}
.div_checklist label{ display:block; }
.div_checklist input{ vertical-align:middle; margin:2px 5px 2px 1px; }


/* PAGING ELEMENTS
=====================================================*/
.inf{ /* div containing left, middle and right divs */
	clear:both; width:auto; height:25px; 
	background:#f4f4f4; font-size:11px; 
	margin:0; padding:1px 3px 1px 3px; 
	border:1px solid #ccc;
}
.ldiv{ /* left div */
	float:left; width:30%; position:inherit; 
}
.mdiv{ /* middle div */
	float:left; width:38%; position:inherit; text-align:center;
	padding:1px 0;
}
.rdiv{ /* right div */
	float:right; width:30%; position:inherit; text-align:right; 
}
select.pgSlc{ height:20px; vertical-align:middle; }/*paging drop-down list*/
input.pgNbInp{ 
	width:25px; height:16px; 
	font-size:11px; vertical-align:middle;  
	margin:1px;
}/*paging text-box*/
input.pgInp{ /*paging buttons (Next/Previous)*/
	font-size:10px; font-weight:bold; vertical-align:middle; 
	padding:1px 1px 2px 1px; background-color:#ccc; 
	border:1px outset #666; margin:1px;
}
span.nbpg{ padding:0 5px 0 0; }/*paging nb pages*/
div.inf a{ color:#CC0000; }/*link appearence in .inf div*/
div.inf a:hover{ text-decoration:none; }/*link appearence in .inf div*/
div.tot{ /* rows counter appearance */
	float:left; overflow:hidden;
	width:150px; height:15px;
	border-right:1px solid #ccc;
	margin:0 5px 0 2px;
	padding:0 2px 0 2px;
}
div.tot span{ font-weight:bold; font-size:11px; }
select.rspg{ width:50px; margin:1px 5px 0 5px; vertical-align:middle; }/*results per page select*/
span.rspgSpan{ font-size:11px; } /*results per page select label*/

/* BEHAVIOURS
=====================================================*/
span.keyword{ background-color: #ffcc00;}/*highlighted word*/

.even{ background-color:#fff; }/*row bg alternating color*/
.odd{ background-color:#e5eff8; }/*row bg alternating color*/

.loader{ /* loader appearance */
	position:absolute; padding: 5px 10px 5px 10px;
	margin:20px 0 0 20px; width:auto; 
	z-index:1000; font-size:12px; font-weight:bold;
	border:1px solid #666; background:#f4f4f4; 
	vertical-align:middle;
}

div.status{ /* status bar appearance */
	float:left; overflow:hidden;
	width:150px; height:15px;
	border-right:1px solid #ccc;
	margin:0 5px 0 2px;
	padding:0 2px 0 2px;
}
div.status span{ font-weight:bold; font-size:11px; }

div.cont{ /*table container div*/
	height:200px; overflow: auto;
}
div.head{
	width:auto; overflow:hidden;
}


/* WEB FX Sortable table
/* Remove safely if not used
=====================================================*/

.sort-arrow {
	width:11px;
	height:11px;
	background-position:center center;
	background-repeat:no-repeat;
	margin:0 2px;
}

.sort-arrow.descending {
	background-image:url("../images/downsimple.png");

}

.sort-arrow.ascending {
	background-image:url("../images/upsimple.png");
}