body
{ 
	font-family: verdana;
	font-size: 8pt;
	background-color: #FAFAFA;/*#808080 ; /*#93B4CB; */
}

td
{
	font-family: verdana;
	font-size: 8pt;	
}

legend
{
	/*color: #93B4CB;*/
	Color: Teal;
	font-family: verdana;
	font-size: 9pt;
	text-decoration: none;
	border-color:#93B4CB;	
}

.legend2
{
	color: AliceBlue;
	font-family: verdana;
	font-size: 9pt;
	text-decoration: none;
	border-color:#93B4CB;	
	
}


.CooTitleText
{
	 text-align:center;	
}
	
.productButton
{
	background-color:Transparent;
	border: none;
	width: 100%;
	height: 25px;
}

.middle
{
	vertical-align:middle;
}

.tgButton
{
	background-color:#DFDFDF;
	border-color:#6666DD;
	Border-Style:Solid;
	Border-Width:1px;
	font-family:Verdana;
	Color:#2847AA; /*# 284775 */
	height :20px;	
	cursor:pointer;
	font-size:8.5pt
}

.BackGroundPanel
{
	background-color: #EEEEEE;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	Border-Width:1px;
	Border-Color:#DDDDDD;
}

.tgPanel
{
	background-color: #EEEEEE;/*#e7f2f7;*/
	margin:2px 0px 2px 0px;
	padding:5px 5px 5px 5px;
}
.tgPanelHeader
 {	background-color:#888888 ;
	color:#FFFFFF;
	font-weight:bold;
	}

/*	Document Style  */
.documentPanel
{
	background-color: #BBBBBB;/*#AFAFAF;/*#e8e8be;/*#e7f2f7;*/
	width:320px;
	margin:0px 0px 0px 0px;
	padding:1px 5px 0px 5px;
}

.documentPanelNoWidth
{
	background-color:#BBBBBB;/*#AFAFAF;*/
	/*top right bottom left*/
	/*margin: 0px 1px 1px 0px;*/
	padding:2px 5px 1px 5px;
	
}

.documentPanelNoWP
{
	background-color: #BBBBBB;/*#AFAFAF;*/
	/*top right bottom left*/
	/*margin: 0px 1px 1px 0px;*/
	padding:1px 0px 1px 0px;

}


.documentTextbox
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.greenTextBox
{	background-color:Lime;
	font-family:Verdana;
	border-bottom-color:Red;
	border-width :0;
	}

.DocumentTitel
{
	font-family:Verdana;
	font-size:14pt;
	font-weight:bold;
	text-align:center;
	background-color:Yellow;
}
.temp
{
 border-spacing: 0;
 border-color:Black;
	 padding:0 0 0 0;
	 margin:0 0 0 0;
}

/*** Toolbar ***/

/* Submenu icon for toolbar button*/
.toolbarButton
{
	text-decoration: none;
	color:#666666; 
}

.menuIcon	
{
	border: none;
	height: 11px;
	width: 13px;
	padding: 0px 16px 0px 0px;
}

.toolbarIcon
{
	border: none;
	height: 25px;
	width: 25px;	
	padding: 0px 0px 0px 0px;

}

.toolbarIconDropDown
{
	border: none;
	height: 25px;
	width: 25px;	
	padding: 0px 12px 0px 0px;
}

.toolbarText
{
	border: none;
	color: #666666;
	/*color: white;*/
	font: bold;
	background:Transparent
	/*
	height: 28px;
	padding: 0px 12px 0px 0px;
	*/
}

a.toolbarText:hover
{
	background-color: #FFE6A0;
	color: #003399;
	border: 1px solid #D2B47A;
}

.toolbarSeperator
{
	background: url(../App_Images/VerticalSeperator.gif) repeat-y 0px 0px;
	cursor: default;
	height: 20px;	
	padding: 0px 1px 0px 1px;
	margin: 0px 0px 3px 0px;

}

.toolbarPanel
{
	background: url(../App_Images/GridHeader.gif) repeat-x 0px 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; /*
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#93B4CB);
	*/
}

.GridCM_ContextMenu, .GridCM_ContextMenu *
{
	font-size: 11px;
	font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
}

.button
{
	background-color: #e7f2f7;
}




.gridHeader
{
	background-color:#888888; /*url(../App_Images/GridHeader.gif) repeat-x 0px 0px;*/
	color: #FFFFFF;
	text-decoration: none;
		
}

.gridControl
{
	color:#000000 ;
	height: 20px;
	text-decoration: none;	
	background-color:#EEEEEE;

}

.gridAlternatingRowStyle
{
	color:#000000;
	background:#FFFFFF;
	}

.GridTD
{
	border-right-style:solid;
	border-right-color:Gray ;
	border-right-width:1px;
	border-left-style:solid;
	border-left-color:Gray;
	border-left-width:1px;
	border-bottom-style:solid;
	border-bottom-color:Gray;
	border-bottom-width:1px;
}

.GridTDHeader
{
	border-right-style:solid;
	border-right-color:#FFFFFF;
	border-right-width:1px;
	}
/* Top Menu */

.staticMenuItem
{
	/*border:solid 1px black;*/
	padding: 2px 4px;
}

.staticMenuHover
{
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#93B4CB,endColorStr=#ffffff);
	border-right: black 1px groove;
	border-top: black 1px groove;
	border-left: black 1px groove;
	border-bottom: black 1px groove;
}
/*
.toolbarStaticMenuHover
{
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#93B4CB,endColorStr=#ffffff);
	border-right: black 1px groove;
	border-top: black 1px groove;
	border-left: black 1px groove;
	border-bottom: black 1px groove;
	height: 38px;
}
*/

.dynamicMenuHover
{ 
	background-color: #2b99b7;
}


.dynamicMenu
{	
	border:Solid 1px #2b99b7;
	background-color: #e7f2f7;
}


.dynamicMenuItem
{
	padding: 5px 5px;
	background-color:Transparent ;
}

/* Tab menu */
.menu
{
	position: relative;
	top: 1px;
}

.tab
{
	border:Solid 1px black;
}

.selectedTab
{
	border:Solid 1px black;
	border-bottom:Solid 1px white;
}	

/* Content Page Layout */
.demoarea {
	padding:20px;
	background:#FFF url(App_Images/AJAX/demotop.png) no-repeat left top;
}

.imageButton
{
	padding: 30px;	
}

.textImageButton
{
	color: Black;
	text-decoration: none;
	font-family: Verdana;
	font-size: 8pt;
	padding: 0px 15px 0px 0px;
}

/* Context Menu */
.ContextMenuPanel
{
	border: 1px solid Black;
	left: 100px;
	background: url(../App_Images/menu-bg.gif) #e7f2f7 repeat-y 0px 0px;
	cursor: default;
	padding: 1px 1px 0px 1px;
	text-decoration: none;
	font-size: 8pt;
}

.ContextMenuSeperator
{
	background: url(../App_Images/Seperator.gif) repeat-x 0px 0px;
	cursor: default;
	padding: 1px 3px 1px 3px;
	text-decoration: none;
}

.ContextMenuBreak
{
	margin:1px 1px 1px 32px;
	padding:0;
	height:1px;
	overflow:hidden;
	display:block;
	border-top: 1px solid #C5C5C5;	
}

a.ContextMenuItem
{
	margin: 1px 0 1px 0;
	display: block;
	color: Black;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 19px 4px 33px;
	white-space: nowrap;

}

a.ContextMenuItem-Selected
{
	font-weight: bold;
}

a.ContextMenuItem:hover
{
	background-color: #FFE6A0;
	color: #003399;
	border: 1px solid #D2B47A;
	padding: 3px 18px 3px 32px;
}


a.ContextImageMenuItem
{
	margin: 1px 0 1px 0;
	display: block;
	color: Black;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 19px 4px 3px;
	white-space: nowrap;
}

a.ContextImageMenuItem-Selected
{
	font-weight: bold;
}

a.ContextImageMenuItem:hover
{
	background-color: #FFE6A0;
	color: #003399;
	border: 1px solid #D2B47A;
	padding: 3px 18px 3px 2px;
}


/* Accordion */

.accordionHeader
{
    border: 1px solid #000000;
    color:#FFFFFF;
    text-decoration: none;
	background: url(../App_Images/GridHeader.gif) repeat-x 0px 0px;
	background-color: #888888;
	font-family:Verdana;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-bottom:1px;
    cursor: pointer;
}

.accordionContent
{background-color:#EEEEEE;
	height: 100%;
}

.accordion
{	background-color:#DDDDDD;
	margin-top: 3px;
	/*padding-top: 5px;*/
}

/*  Collapsible Panel */
.collapsibleHeader
{
	/*
	background: url(../App_Images/GridHeader.gif) repeat-x 0px 0px;
	*/
	background: url(../App_Images/CollapseHeader.png) repeat-x 0px 0px;	
	padding: 5px;
	margin-bottom: 1px;
	cursor: pointer;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	/*
	color: #e7f2f7;
	color: #666666;
	color: Teal;
	*/
	
}

.collapsibleMiniHeader
{
	background: url(../App_Images/GridHeader.gif) repeat-x 0px 0px;
	padding: 2px;
	margin-bottom: 1px;
	cursor: pointer;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	/*
	color: #ffffff;
	*/
	color: #666666;
}


/**
 *	Tab container
 */

.ajax__tab_tg .ajax__tab_header
{
	font-family: verdana;
	font-size: 8pt;
	background: url(../App_Images/Tabs/tab-line.gif) repeat-x bottom;
}

.ajax__tab_tg .ajax__tab_outer
{
	padding-right: 0px;
	background: url(../App_Images/Tabs/tab-right.gif) no-repeat right;
	height: 21px;
}

.ajax__tab_tg .ajax__tab_inner {
    padding-left:3px;
    background:url(../App_Images/Tabs/tab-left.gif) no-repeat;
}

.ajax__tab_tg .ajax__tab_tab
{
	height: 13px;
	padding: 4px;
	margin: 0;
	background: url(../App_Images/Tabs/tab.gif) repeat-x;
	/*background: url(../App_Images/GridHeader.gif) repeat-x;*/
}

.ajax__tab_tg .ajax__tab_hover .ajax__tab_outer {
    background:url(../App_Images/Tabs/tab-hover-right.gif) no-repeat right;
}

.ajax__tab_tg .ajax__tab_hover .ajax__tab_inner {
    background:url(../App_Images/Tabs/tab-hover-left.gif) no-repeat;
}

.ajax__tab_tg .ajax__tab_hover .ajax__tab_tab {
    background: url(../App_Images/Tabs/tab-hover.gif) repeat-x;
}

.ajax__tab_tg .ajax__tab_active .ajax__tab_outer {
    background: url(../App_Images/Tabs/tab-active-right.gif) no-repeat right;
}

.ajax__tab_tg .ajax__tab_active .ajax__tab_inner {
    background: url(../App_Images/Tabs/tab-active-left.gif) no-repeat;
}

.ajax__tab_tg .ajax__tab_active .ajax__tab_tab {
    background: url(../App_Images/Tabs/tab-active.gif) repeat-x;
}

.ajax__tab_tg .ajax__tab_body {
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    border:1px solid #999999;
    border-top:0;
    padding:8px;
    background-color:Transparent;
}

/**
 * HoverMenu 
 */
.popupMenu {
	position:absolute;
	visibility:hidden;
	background-color:#F5F7F8;
	opacity:.9;
	filter: alpha(opacity=90);
}

.popupHover {
	background-image:url(../Images/hoover.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#FFFFFF;
}

/* Navegation Header*/
.ToolBarLeftEnd
{
	width:27px;
	height:30px;
	background-image:url(../images/LeftEnd.jpg);
	background-position:left;
	background-repeat:no-repeat;
}

.ToolBarRightEnd
{
	width:24px;
	height:30px;
	background-image:url(../images/RightEnd.jpg);
	background-position:left;
	background-repeat:no-repeat;
}

.ToolBarBevel
{	width:90px;	
	height:30px;
	background-image:url(../images/Bevel.jpg);
	background-position:center;
	background-repeat:repeat-x;
}

.RegisterWizButton
{
	background-color:#FFFBFF;
	border-color :#CCCCCC;
	border-style :Solid;
	border-width :1px;
	font-family  :Verdana;
	color		 :#284775; 
	cursor		 :pointer;

}
	
.Disable
{
	 display:none;
}

.DisabledButton
{ 
	color: #FFFFFF; 
	font-family: Verdana; 
	font-size: 12px; 
	Border-Style:Solid;
	Border-Width:1px;
	border-color:#cccccc;
	background-color: #f0eed9;
	font-size:8.5pt;
	height :20px;	
}

/**
 * Used by the page loading mask.
 */
.loadingMask
{
	position: fixed;
	vertical-align:middle;
	top: 0px;
	left: 0px;
	opacity: 0.6;
	display:table-cell;
	filter: alpha(opacity=60);
	background-color: #000000;
	display: none;		
	z-index: 1000;	
}

/**
 * Used by the inner panel of the loading mask.
 */
.loadingMaskInner
{
	position:absolute; 
	background-color:#FFFFFF; 
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.ListBox
{	border-width:thick;
	border-style:none;
	background-color:;
		
}

.InformationPanel
{
	background-color:  #EEEEEE;/*#e7f2f7;*/
	margin:2px 0px 2px 0px;
	padding:5px 5px 5px 5px;
	border-style: solid;
	border-color:Green;
	border-width:thin;
	vertical-align:middle;
	
}

.modalPopup
{
	background-color:#FAFAFA ;
	padding: 3px;
	width: 500px;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
}


.hiddenClass
{
	display:none;
}

.modalBackground
{
	background-color: Black;
	/* for IE */
	filter:alpha(opacity=50);
	/* CSS3 standard */
	opacity:0.5;
}

.modalButtonsFram
{
	padding-top:6px;
	height:26px;
	border-right: #cccccc thin groove; 
	border-top: #cccccc thin groove; 
	border-left: #cccccc thin groove; 
	border-bottom: #cccccc thin groove;
	}