/* AdditionalScreenStyles.css  */
/* This css file holds those css screen classes which are needed by developers, */
/* but which are not maintained by the usability team. */

span.rightJustifiedLink
{
	float: right;
	font-size: 1.2em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background: #fff;
}

/* Popup definitions need to be moved to a Popup specific stylesheet */
/* Hover Menu */

.PopupMenu {
      position:absolute;
      visibility:hidden; 
      background-color:#F5F7F8;
      opacity:.9;
      filter: alpha(opacity=300);
}

.PopupHover 
{
      background-image:url(images/header-opened.png);
      background-repeat:repeat-x;
      background-position:left top;
      background-color:#F5F7F8;
}

.PopupControl
{
      background-color:White;
      position:absolute;
      visibility:hidden; 
      padding: 0px 5px 0px 5px;
}
.PopupTarget
{
      left:-600px;
      position:absolute;
}
/* End Popup */

/* stock calendar control */
table.calendar
{
	border: 0  !important;
	border-collapse: collapse  !important; 
	margin: 0  !important;
	font-family : Arial, Helvetica, sans-serif  !important; /* font size and family inherited OK into cells on PC: ALL. */
	background : #fff  !important;
	color : #000  !important;
	font-size: 12px  !important; /* getting weird inheritance effects in IE5/PC with em or % font size */}
	
table.calendar td
{
	background: transparent !important;
}

table.calendarTitleStyle
{
	padding: 0  !important;
	border: none !important;
	border-collapse: collapse  !important; 
	padding-bottom: 0.3em  !important;
	margin: 0  !important;
	font-weight: normal  !important;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif  !important;
	text-align: center  !important;
	color: #fff  !important;
	background: #1C429B url(images/th_background.jpg) repeat-x left top  !important;
	font-size: 11px  !important;}
	
table.calendarTitleStyle td
{
	padding: 1px 2px 3px 2px !important;
	text-align: center  !important;

}

table.calendarTitleStyle td a
{
	color: #fff !important;
	background: transparent !important;
	text-decoration: none !important;
}

table.calendar td.calendarDayStyle
{
	padding: 3px 4px 3px 3px !important;
	border: 1px solid #ddd !important;
	margin: 0 !important;
	vertical-align: top !important;
	text-decoration: none !important;
	text-align: center !important;
}

table.calendar td.calendarDayStyle a
{
	text-decoration: none !important;
}

table.calendar td.calendarOtherMonthDayStyle a
{
	display: none  !important;
}

table.calendar td.calendarSelectedDayStyle a
{
	text-decoration: none !important;
	color: black  !important;
}

table.calendar td.calendarSelectedDayStyle 
{
	background:#FFCC66 !important;
	text-align: center  !important;

}

/*Modal Popup*/
.modalBackground 
{
	/* used for the tinted background surrounding a modalpopup control */
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup 
{
	/* the main styling for the modalpopup dialog panel itself */
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.modalPopupAlert 
{ 
	/* used for "alert" type messages */
	background: url(images/alert_bg.gif) no-repeat left top;
	padding: 2px 0 12px 26px;
	margin: 0;
	font-size: 10pt;
	font-family: Arial;
/*	font-weight: bold;  */
}

.modalPopupSubmit 
{
	/* used for the submit button on a modalpopup control */
	border: 3px double #999999;
	border-top-color: #c0c0c0;
	border-left-color: #c0c0c0;
	/* padding: 0.25em; causes button to not have default click feedback in Firefox */
	color: #fff;
	background: #2c3763 url(images/input_morefocus_bg.jpg) left top repeat-x;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif; /* IE/PC not inheriting, so specify again */
	width: 8em;
}

.modalPopupCancel
{
	/* used for the cancel button on a modalpopup control */
	border: 3px double #999999;
	border-top-color: #c0c0c0;
	border-left-color: #c0c0c0;
	/* padding: 0.25em; causes button to not have default click feedback in Firefox */
	color: #000;
	background: #b0b0b0 url(images/input_lessfocus_bg.jpg) left top repeat-x; 
	font-family: Arial, Helvetica, sans-serif; /* IE/PC not inheriting, so specify again */
	width: 8em;
}

table.datatablecontainer
{   
    border-collapse:collapse;
}

table.datatablecontainer th,td
{
    padding:0;    
}

   

table.datatablecontainer caption {
	padding: 0;
	padding-top: 0.5em; /* way to create some whitespace before the table element: works on PC: IE6, Firefox, Opera (haven't tested others */
	padding-bottom: 0.3em;
	margin: 0;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #A46200;
	background: #fff;
    font-size: 1.2em;
}