/* Page Layout */
.mainarea {
	padding:20px;
	background:#FFF no-repeat left top;
	width: 94%;
}

.LinkButtonStyle
{
	background-color: #5377A9;
	color: #b3e8ff;
	font-weight: bold;
	font-size: small;
}

.mainarea p 
{
	padding:5px;
}

.mainheading {
	padding-bottom:20px;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.5em;
}

.subtext {
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:0.7em;
}

.text {
	color:#5377A9;
	font-family:Verdana;
	font-size:0.8em;
}

.labelwarningregular {
	color:Red;
	font-family:Verdana;
}

.labelwarningsmall {
	color:Red;
	font-family:Verdana;
	font-size:small;
}

.boxtext {
	color:#5377A9;
	font-family:Verdana;
	font-size:small;
	width:160px;
}

.boxtextregular {
	color:#5377A9;
	font-family:Verdana;
	font-size:small;
}

.boxtextshort {
	color:#5377A9;
	font-size:small;
	width:140px;
}


.boxtext70 {
	color:#5377A9;
	font-family:Verdana;
	font-size:small;
	width:70px;
}



.mainbottom {
	height:8px;
	background:#FFF no-repeat left bottom;
}


.heading {
	padding: 1em 0 1em 0;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.2em;
}

.subheading{
	padding:.8em 0 0.5em 0;
	color:#0F2543;
	font-weight:bold;
	font-family:Arial, Sans-Serif;
	font-size:1.1em;
}

.popuptext{
	background-color:#83A7D9;
	border:1px solid #CCC;
	background-color:#F0F8FF;
	color:#436799;
	font-family:Verdana;
	font-size:small;
}

p {}

em {font-style:italic}

i {font-style: italic;}

strong {font-weight:bold;}

.codeReference
{
	font-family: 'Courier New', Monospace;
	font-style: normal;
	font-weight: bold;
}

pre, code {
	display:block;
	margin:15px 15px 15px 0;
	padding:10px;
	border:1px dashed #CCC;
	background-color:#FFF;
	color:#000;
	font-family:'Courier New', Monospace;
	font-size:0.9em;
	font-style:normal;
}

.releaseList {
	list-style-type:disc;
}



/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 100px;
	text-align : left; 
	list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #99eeff;
	color: black;
	padding: 1px;
	width: 97%;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : inherit;
	color : #9098DF;
	padding : 1px;
}


/*Cascading DropDown*/

/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{
	width:100%;
	height:30px;
	background-image: url(images/bg-menu-main.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

.spm_MenuContainer /* le menu entier - toute la ligne */ 
{ 
font-family: Verdana; 
font-size:0.9em;
border-collapse: collapse;
} 


.spm_MenuBar /* table d'un element du menu */ 
{ 
font-family: Verdana; 
height: 100%;
border-color: #055CA2; 
background-color: #5377A9; 
} 

.spm_MenuItem 
{ 
font-family: Verdana; 
cursor: pointer;
height: 100%; 
width: 10%;
font-size: 10pt; 
color: #b3e8ff; 
padding-left: 3px; 
padding-right: 3px;
padding-top: 3px; 
padding-bottom: 3px;
font-weight: bold;
}


.spm_MenuItemSel 
{ 
/*background-color: #055CA2; /* marche pas ??? couleur au passage souris ???*/ 
font-family: Verdana; 
cursor: pointer;
color: #ffffff; 
font-size: 10pt; 
padding-left: 3px; 
padding-right: 3px; 
font-weight: bold; 
} 
.spm_MenuItemSelFx /* over menu principal */ 
{ 
font-family: Verdana; 
border-style:none;
background-color: #7397C9; /* marche pas ??? couleur au passage souris ???*/ 
color: #ffffff; 
font-size: 10pt; 
font-weight: bold; 
} 

.RequiredLabel
{
	color: Red;
	font-weight: bold;
}

/************ RegularExpression Related Styles ***********************/
.RegularExpressionFocus
{
    background-color: #ffffff;
    color: #5377A9;
}
.RegularExpressionMessage
{
	color: #ff0000;
	font-weight: bold;
}
.RegularExpressionError
{
    background-color: #ffcccc;
}
.RegularExpressionFocusNegative
{
    background-color: #ffffcc;
    color: #ff0000;
}
.RegularExpressionBlurNegative
{
    color: #ff0000;
}


/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #ffffff;
    color: #5377A9;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #ff0000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}

.jsCalendar .ajax__calendar_container {
    border:1px solid #055CA2;
    background-color:#83A7D9;
    background-color:#F0F8FF;
    color:#335789;
    font-weight:normal;
}
.jsCalendar .ajax__calendar_other .ajax__calendar_day,
.jsCalendar .ajax__calendar_other .ajax__calendar_year {
    color:#335789;
}
.jsCalendar .ajax__calendar_hover .ajax__calendar_day,
.jsCalendar .ajax__calendar_hover .ajax__calendar_month,
.jsCalendar .ajax__calendar_hover .ajax__calendar_year {
    color:#335789;
}
.jsCalendar .ajax__calendar_active .ajax__calendar_day,
.jsCalendar .ajax__calendar_active .ajax__calendar_month,
.jsCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}


/************ validation ***********************/

.validatorCalloutStyle div, 
.validatorCalloutStyle td { 
    background-color: #83A7D9; 
    font-weight:bold;
    font-family:Arial, Sans-Serif;
    font-size:small;
}


/************ Textbox Watermark ****************/

.unwatermarked {
	height:18px;
	width:160px;
}

.watermarked {
	border:1px solid #9E9E9E;
	background-color:#F0F8FF;
	color:gray;
	font-size: small;
	font-weight:normal;
	width:162px;
	height:18px;
}	

.watermarked70 {
	border:1px solid #9E9E9E;
	background-color:#F0F8FF;
	color:gray;
	font-size: small;
	font-weight:normal;
	width:74px;
	height:18px;
}	

.watermarkedmultiline {
	border:1px solid #9E9E9E;
	background-color:#F0F8FF;
	color:gray;
	font-size: small;
	font-weight:normal;
	width:164px;
}	

.dynamicfields {
	border:1px solid #9E9E9E;
	background-color:#FEFEF0;
	color:gray;
	font-size: small;
	font-weight:normal;
	width:164px;
}
	


/************* CollapsiblePanel ******************/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{
	width:100%;
	height:30px;
	/*background-repeat:repeat-x;
	-moz-opacity: 0.7; opacity: 0.7;
	filter:alpha(opacity=70);
	color: White;*/
	font-weight:bold;
	background-color: transparent;

}

#master_content .collapsePanelHeader a {color:#FFF;}
#master_content .collapsePanelHeader a:hover {text-decoration:none;background:none;}

/*****************Hover Menu******************/
.popupMenu {
	position:absolute;
	visibility:hidden;
	background-color:#F5F7F8;
	height: 25px;
	width: 50px;
	opacity:.7;
	filter: alpha(opacity=70);
	font-size:smaller;
	font-weight: normal;
}

.popupHover {
	background-image:url(images/header-opened.png);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#F5F7F8;
}
