BODY, html
{
	background: #fff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	height: 100%;
}

TH, TD, DIV
{
	font-size: 11px;
	color: #555;
	font-family: Tahoma,Arial,Helvetica;
}

#wrapper
{
	position: relative;
	height: 258px;
}
#logo
{
	z-index: 3;
	position: absolute;
	left: 25px;
	width: 228px;
	top: 25px;
	height: 60px;
}
#user
{
	z-index: 3;
	position: absolute;
	right: 8px;
	top: 8px;
	height: 18px;
	text-align: right;
}
#header
{
	z-index: 2;
	position: absolute;
	width: 100%;
	bottom: 40px;
}
#menu
{
	z-index: 1;
	position: absolute;
	background: transparent;
	width: auto;
	bottom: 0px;
	height: 54px;
}

.bannerpanecss
{
	padding: 0px;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

.lt
{
	text-align: left;
	vertical-align: top;
}
.rt
{
	text-align: right;
	vertical-align: top;
}
.lb
{
	text-align: left;
	vertical-align: bottom;
}
.rb
{
	text-align: right;
	vertical-align: bottom;
}
.cm
{
	text-align: center;
	vertical-align: middle;
}
.ct
{
	text-align: center;
	vertical-align: top;
}
.cb
{
	text-align: center;
	vertical-align: bottom;
}
.rm
{
	text-align: right;
	vertical-align: middle;
}
.lm
{
	text-align: left;
	vertical-align: middle;
}
.logo
{
	padding: 5px 5px 0px 5px;
}

.wh
{
	height: 100%;
	width: 100%;
}
.w
{
	width: 100%;
}
.h
{
	height: 100%;
}
.w50
{
	width: 50%;
}
.panecss
{
	padding: 5px 10px 5px 10px;
}
.norwar
{
	white-space: nowrap;
}

.pp
{
	padding: 10px;
}

.hs
{
	text-align: right;
	vertical-align: middle;
	font-size: 22px;
	color: #ffffff;
	font-weight: bold;
	font-family: Arial;
}
.hp
{
	text-align: right;
	vertical-align: middle;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	font-family: Arial;
}
.hn
{
	text-align: right;
	vertical-align: middle;
	font-size: 17px;
	color: #ffffff;
	font-weight: bold;
	font-family: Arial;
}
.hb
{
	text-align: right;
	vertical-align: middle;
	font-size: 15px;
	color: #ffffff;
	font-weight: bold;
	font-family: Arial;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

/* Title, Module Title */
.Head
{
	font-size: 11px;
	color: #4f4f4f;
	font-weight: bold;
}
.SubHead
{
	font-size: 11px;
	color: #4f4f4f;
}
.SubSubHead
{
	font-size: 11px;
	color: #000;
}
.Normal
{
	font-size: 11px;
	color: #555;
}

.CommandButton, A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active
{
	color: #000000;
	text-decoration: underline;
}
A.CommandButton:hover
{
	color: #89BD00;
	text-decoration: none;
}

A, A:link, A:visited, A:active
{
	color: #000000;
	text-decoration: none;
}
A:hover
{
	color: #89BD00;
	text-decoration: underline;
}

.topcss, A.topcss:link, A.topcss:active, A.topcss:visited
{
	font-weight: normal;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
A.topcss:hover
{
	font-weight: normal;
	font-size: 11px;
	color: #57A81D;
	text-decoration: underline;
}

.usercss, A.usercss:link, A.usercss:active, A.usercss:visited
{
	font-weight: normal;
	font-size: 11px;
	color: #000;
	text-decoration: none;
}
A.usercss:hover
{
	font-weight: normal;
	font-size: 11px;
	color: #57A81D;
	text-decoration: underline;
}


.searchcss, A.searchcss:link, A.searchcss:active, A.searchcss:visited
{
	font-weight: normal;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
A.searchcss:hover
{
	font-weight: normal;
	font-size: 11px;
	color: #57A81D;
	text-decoration: underline;
}

.links, A.links:link, A.links:active, A.links:visited
{
	font-weight: normal;
	font-size: 11px;
	font-weight: bold;
	color: Black;
	text-decoration: none;
}
A.links:hover
{
	font-weight: normal;
	font-size: 11px;
	font-weight: bold;
	color: #395005;
	text-decoration: underline;
}

.bottomcss, A.bottomcss:link, A.bottomcss:active, A.bottomcss:visited
{
	font-weight: normal;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
A.bottomcss:hover
{
	font-weight: normal;
	font-size: 11px;
	color: #57A81D;
	text-decoration: underline;
}

/*--------------------------------------------------------------------------------------------------------------------------*/

/* Pane Structure */
.leftpane
{
	padding: 0px 10px 0px 0px;
}
.rightpane
{
	padding: 0px 0px 0px 10px;
}
.toppane
{
	padding: 0px 0px 3px 0px;
}
.bottompane
{
	padding: 3px 0px 0px 0px;
}
.contentpane
{
	padding: 0px 0px 0px 0px;
}
.myleftpane
{
	padding: 0px 0px 0px 0px;
}
.mycontentpane
{
	padding: 0px 0px 0px 0px;
}
.myrightpane
{
	padding: 0px 0px 0px 0px;
}
.mybottompane
{
	padding: 0px 0px 0px 0px;
}
.logopane
{
	padding: 0px 0px 0px 0px;
}
.showcasepane
{
	padding: 0px 0px 0px 0px;
}
.bannerpane
{
	padding: 0px 4px 0px 4px;
}
.vspacepane
{
	padding: 5px 0px 5px 0px;
}
.hspacepane
{
	padding: 0px 5px 0px 5px;
}
.allspacepane
{
	padding: 5px 5px 5px 5px;
}
.leftshowpane
{
	padding: 10px 0px 0px 0px;
}

.test
{
	background-color: #33FF33;
}

/*-----MENU-----*/
.MainMenu_MenuContainer
{
	background-color: Transparent;
}


.MainMenu_MenuItemSel
{
	background: transparent;
}

.MainMenu_MenuBar
{
}

.MainMenu_TabRootMenuItem TD
{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	height: 33px;
	text-align: center;
	background: transparent;
}

.MainMenu_TabRootMenuItemSel TD
{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 12px;
	color: #000;
	height: 33px;
	text-align: center;
	background: url(images/menu_sel.jpg);
}

.MainMenu_TabMenuItemHover TD
{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 12px;
	color: #000;
	height: 33px;
	text-align: center;
	background: transparent;
	background: url(images/menu_sel.jpg);
}

.MainMenu_TabMenuItemSelHover TD
{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 12px;
	color: #000;
	height: 33px;
	text-align: center;
	background: transparent;
	background: url(images/menu_sel.jpg);
}


.MainMenu_MenuItem
{
	font-weight: normal;
	font-size: 11px;
	color: #000;
	padding: 0px 15px 0px 10px;
	border: 0px;
	height: 20px;
}

.MainMenu_MenuIcon
{
	display: none;
}

.submenuitemselected, .submenuitembreadcrumb
{
	font-weight: normal;
	font-size: 11px;
	color: #fff;
	padding: 0px 15px 0px 10px;
	cursor: hand;
	cursor: hand;
	border: 0px;
	height: 20px;
	background-color: #909090;
}
.submenu
{
	z-index: 1000;
	color: #000;
	border: 1px #ffffff solid;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	filter: Alpha(Opacity=80);
	-moz-opacity: 0.8;
	cursor: hand;
	cursor: hand;
	background-color: #D0D0D0;
}

.MainMenu_MenuBreak
{
	border: transparent 0px solid;
	background-color: transparent;
	height: 1px;
}

.MainMenu_MenuArrow
{
	display: none;
}

.MainMenu_RootMenuArrow
{
	display: none;
}



.Eventday, .Eventweekenday
{
	background-color: #FFFFFF;
}
.Eventday, .Eventweekenday
{
	background-color: #FFFFFF;
}
.DataGrid_Item
{
	background-color: #ffffff;
	color: #000000;
}
.DataGrid_AlternatingItem
{
	background-color: #ffffff;
	color: #000000;
}



/* Added by DJP on 09-March-17*/


.gridview
{
    background-color:white;
    border-color:#DEDFDE;
    border-style:None ;
    border-width:1px;
    color:Black ;  
    font-size:12px;
    font-family:Arial;

}

.pagerstyle
{
	background-color:#F7F7DE;
	color:Black;
}

.pagerstyle td
{
	color:Black;
}

.pagerstyle td a { color: black; text-decoration: underline; font-size:11px;  }  
.pagerstyle td a:hover { color: Green; text-decoration: underline; }  
.pagerstyle td a:link { color: black; text-decoration: underline; font-size:11px;  }  
.pagerstyle td a:active {color:black;text-decoration: underline}

.selectedrawstyle
{
background-color:#CE5D5A;
font-weight:bold;    
color:White;    
}
.rawstyle
{
  font-family:Arial;
  background-color:#F7F7DE;  
  border-width:1px;
  text-align:center; 
  font-size:11px;  
}

.rawstyle td
{
  font-family:Arial;
  background-color:#F7F7DE;  
  font-size:11px;  
  border-width:1px;
}
.alternativerawstyle
{
  font-family:Arial;
  background-color:white;
  border-width :1px;
  text-align:center ;
  font-size:11px; 
}
.alternativerawstyle td
{
  font-family:Arial;
  background-color:white;
  border-width:1px;
  font-size:11px; 
}
.emptyrawstyle
{
    font-family:Arial;
   
}

.gvfooterstyle
{
    background-color:#CCCC99;
}

.gvheaderstyle
{
	font-family:Arial;
	background-color:#6B696B;
	color:White;
	font-weight:bold; 
	font-size:12px; 
	height:30px;
}
.gvheaderstyle th
{
	font-family:Arial;
	background-color:#6B696B;
	color:White;
	font-weight:bold; 
	font-size:12px; 
}

.gvheaderstyle td
{
	font-family:Arial;
	background-color:#6B696B;
	color:White;
	font-weight:bold; 
	font-size:12px; 
}

.gridview th {   
     
    color: white;   
} 

.gridview a { color: white; text-decoration: none; font-size:12px;  }  
.gridview a:hover { color: Green; text-decoration: none; }  
.gridview a:link { color: white; text-decoration: none; font-size:12px;  }  
.gridview  a:active {color:white;text-decoration: none}
 

.mGrid {   
    width: 100%;   
    background-color: #fff;   
    margin: 5px 0 10px 0;   
    border: solid 1px #525252;   
    border-collapse:collapse;   
}  
.mGrid td {   
    padding: 2px;   
    border: solid 1px #c1c1c1;   
    color: #717171;   
}  
.mGrid th {   
    padding: 4px 2px;   
    color: red;   
    background: #424242  repeat-x top;   
    border-left: solid 1px #525252;   
    font-size: 0.9em;   
}  
.mGrid .alt { background: #fcfcfc  repeat-x top; }  
.mGrid .pgr { background: #424242  repeat-x top; }  
.mGrid .pgr table { margin: 5px 0; }  
.mGrid .pgr td {   
    border-width: 0;   
    padding: 0 6px;   
    border-left: solid 1px #666;   
    font-weight: bold;   
    color: #fff;   
    line-height: 12px;   
 }     
.mGrid .pgr a { color: red; text-decoration: none; }  
.mGrid .pgr a:hover { color: #000; text-decoration: none; }  
.mGrid .pgr a:link { color: red; text-decoration: none; }  
.mGrid .pgr  a:active {color:red;text-decoration: none}

.mGrid .pgr th { color: red; }  

.lblDSTGF
{
    font-family:Arial;
    font-size:12px;
    font-weight:normal;
    color:Black;      
}
.button {
    /*background-color: #4CAF50; Green */
    background-color: #f44336; /* Red*/
    border: none;
    color: white;
    padding: 7px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 4px 2px;
    cursor: pointer;
}

.button1 {border-radius: 2px;}
.button2 {border-radius: 4px;}
.button3 {border-radius: 8px;}
.button4 {border-radius: 12px;}
.button5 {border-radius: 50%;}

.lblA
{
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    color:Black;      
}

.lblB
{
    font-family:Arial;
    font-size:12px;
    color:Black;      
}


.lblRed
{
	font-family:Arial;
	font-size:9px;
	font-weight:bold;   
	color:Red;     
}