﻿/* Ajax TabContainer */
/* ajax__tab_yuitabview-theme theme (img/yui/sprite.png) */
.ajax__tab_yuitabview-theme .ajax__tab_header 
{
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;
    border-bottom:solid 5px #2647a0;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(img/sprite.png) #d8d8d8 repeat-x;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #a3a3a3;
    border-bottom-width:0px;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:0.35em 0.50em; /* was 0.35em 0.75em*/ 
    margin-right:0.01em;
}
.ajax__tab_yuitabview-theme .ajax__tab_hover .ajax__tab_outer 
{
    background: url(img/sprite.png) #bfdaff repeat-x left -1300px;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_tab 
{
    color:#fff;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_outer
{
    background:url(img/sprite.png) #2647a0 repeat-x left -1400px;
}
.ajax__tab_yuitabview-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:0.25em 0.5em;
    background-color:#edf5ff;    
    border:solid 1px #2647a0; /*was #808080 */
    border-top-width:0px;
}

/* Ajax TabContainer */
.customCalloutStyle div, .customCalloutStyle td
{
	/* Only here you change the default callout display */
    border: solid 1px #CCCCCC;
    background-color: Yellow;
}
.customCalloutStyle .ajax__validatorcallout_popup_table
{
    display: none;
    border: none;
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_popup_table_row
{
    vertical-align: top;
    height: 100%;
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_cell
{
    width: 20px;
    height: 100%;
    text-align: right;
    vertical-align: top;
    border: none;
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_table
{
    height: 100%;
    border: none;
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_table_row
{
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell
{
    padding: 8px 0px 0px 0px;
    text-align: right;
    vertical-align: top;
    font-size: 1px;
    border: none;
    background-color: transparent;
}
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv
{
    font-size: 1px;
    position: relative;
    left: 1px;
    border-bottom: none;
    border-right: none;
    border-left: none;
    width: 15px;
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div
{
    height: 1px;
    overflow: hidden;
    border-top: none;
    border-bottom: none;
    border-right: none;
    padding: 0px;
    margin-left: auto;
}
.customCalloutStyle .ajax__validatorcallout_error_message_cell
{
    font-family: Verdana;
    font-size: 10px;
    padding: 5px;
    border-right: none;
    border-left: none;
    width: 100%;
    text-align: left; /* was right */
}
.customCalloutStyle .ajax__validatorcallout_icon_cell
{
    width: 20px;
    padding: 5px;
    border-right: none;
}
.customCalloutStyle .ajax__validatorcallout_close_button_cell
{
    vertical-align: top;
    font-size:12px; /* added abu */
    font-weight:bold; /* added abu */
    /* padding: 0px; */
    padding-right:3px;
    text-align: center; /* was right */
    border-left: none;
}
.customCalloutStyle .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv
{
    border: none;
    text-align: center;
    width: 10px;
    padding: 2px;
    cursor: pointer;
}

/*===========================================
Custom Tab Style
original CssClass: ajax__tab_xp (Default
tab style
===========================================*/
.CustomTabStyle .ajax__tab_header
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 12px;
	background-color: Yellow;
}

/* CollapsibleExtenderPanel*/
.collapsePanel
{
	width:99%; /* was 640px */
	height:0px; /* use to avoid flashing during loading */
	background-color:#FFFFFF;
	overflow:hidden;
	float:left;
	padding:0px;
}

.collapsePanelHeader
{
	width:98%; /* was 640px */
	/*height:20px;*/
	/*background-color:#0038A7;*/
	/*background-image:url(img/grd-1px_1.4.gif);*/
	font-weight:normal;
	float:left;
	padding:5px;
	cursor: pointer;
	vertical-align:middle;
	/*border:solid 1px #CCCCCC;*/
}
.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.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;
	width:250px;
}

.modalBackground2 {
	background-color:#dcdcdc;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup2 {
	background-color:#808080; /*dcdcdc; edf2f9;*/
	border-width:1px;
	border-style:solid;
	border-color:Gray; /*#0868c4;*/
	padding:3px;
	width:250px;
}

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionLink
{
 background-color: #2E4d7B; /* was #D3DEEF; */
    color: white;
}

.accordionHeader2
{
    border: 1px solid #DFE7CA;
    color: #2E4d7B;
    background-color: #EFF3EB;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 3px;
    margin-top: 3px;
    cursor: pointer;
}

.accordionContent2
{
    background-color: #FFFFFF;
    border: 1px dashed #cccccc;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionLink2
{
 background-color: #EFF3EB; /* was #D3DEEF; */
    color: #2E4d7B;
}
