/* $Id: appScreen.css,v 1.17 2009/07/23 17:53:46 jad rlse $ */
 /* $Log: appScreen.css,v $
# Revision 1.17  2009/07/23  17:53:46  jad
# sr#4467
# Modified for clf2.0.
#
# Revision 1.16  2007/09/19  14:11:20  dxk
# sr****
# Normalized stylesheets with regard to Notification Messages displayed to the user.
#
# Revision 1.15  2007/01/10  22:30:46  dxk
# sr****
# Changed burgundy text colour in menu bar to black, as per WebAdmin.
#
# Revision 1.14  2006/12/08  20:34:49  dxk
# sr****
# Modified Sub Menu Bar to look better in IE.
#
# Revision 1.13  2006/12/05  15:08:35  dxk
# sr****
# Modified style for inactive state of AppMenuBar menu items.
#
# Revision 1.12  2006/12/05  14:04:20  fortim01
# sr_cissmodif1
# Update to menu (Dean's changes).
#
# Revision 1.11  2006/09/28  15:48:53  fortim01
# sr_cissmodif1
# Adjusted css for new menu structure.
#
# Revision 1.10  2006/09/11  17:25:58  dxk
# sr****
#
# asdkfj.
#
# Revision 1.9  2006/06/29  13:49:44  fortim01
# sr_phase1_menufix
# Replaced separators by left lines for the floated boxes.
#
# Revision 1.8  2006/06/06  18:31:24  fortim01
# sr_phase1_titlebar
# Added float for left and right.
#
# Revision 1.7  2006/04/28  17:56:25  bol
# srnew
# Remove unused classes.
#
# Revision 1.6  2006/04/25  17:33:56  bol
# srnew
# add functionality.
#
# Revision 1.5  2006/04/21  18:10:23  bol
# srnew
# add functionality.
#
# Revision 1.4  2006/04/18  16:58:42  bol
# srnew
# add functionality.
#
# Revision 1.3  2006/04/03  18:48:28  bol
# srnew
# Add functionality.
#
# Revision 1.2  2006/03/06  19:47:02  bol
# srnew
# Add functionality.
#
# Revision 1.1  2006/02/14  17:13:48  bol
# srnew
# new
# */
/*

  NOTE: The identifiers create by the framework do not have a common
  prefix. To avoid name space collision, all identifiers and class
  names created by the CISS application are prefixed by "app_".

*/

#fvlogger dl dt,
#phperr dl dt { /* Fix a reference error in the framework's
                   css/logger.css */
    background-image: url(../images/magnet.png)
}

#fvlogger{
  clear:both;
}

/*++++++++ Framework customization ++++++++*/
#header,
#appMenuBar,
#appMenuBar #appMenu li a,
#appMenuBar #appMenu li span,
#appMenuBar #appMenu li ul a,
#appMenuBar #appMenu a.dropdown,
#appMenuBar #appMenu a.dropdown:hover,
#appMenuBar #appMenu a.dropacross,
#appMenuBar #appMenu a.dropacross:hover {
    font-size: 1em;
    color: #fff;
    background-color: #000;
}

#appMenuBar #appMenu li a,
#appMenuBar #appMenu li span {
    border:none;
    border-right: 1px solid #fff; 
}

#appMenuBar #appMenu li span {
    color: #666;
    background-color: #B9B0A1;
}

#appMenuBar #appMenu li span.menuSelected {
    color: #fff;
    background-color: #670000;
}

#appMenuBar #appMenu a:hover, 
#appMenuBar #appMenu a:active, 
#appMenuBar #appMenu a:focus {
    background-color: #B9B0A1;
    color: #000000;
}

#appMenuBar {
    border: none;
}

/*Ajouts Mathieu */

#appSousMenuBar,
#appSousMenuBar #appSousMenu li a,
#appSousMenuBar #appSousMenu li span,
#appSousMenuBar #appSousMenu li ul a,
#appSousMenuBar #appSousMenu a.dropdown,
#appSousMenuBar #appSousMenu a.dropdown:hover,
#appSousMenuBar #appSousMenu a.dropacross,
#appSousMenuBar #appSousMenu a.dropacross:hover {
    font-size: .9em;
    color: #000000;
    background-color: #B9B0A1;
}

#appSousMenuBar #appSousMenu li a,
#appSousMenuBar #appSousMenu li span {
    border:none;
    border-left: 1px solid #fff;
}

#appSousMenuBar #appSousMenu li span {
    color: #666;
}

#appSousMenuBar #appSousMenu li span.menuSelected {
    color: #fff;
    background-color: #670000;
}

#appSousMenuBar #appSousMenu a:hover,
#appSousMenuBar #appSousMenu a:active,
#appSousMenuBar #appSousMenu a:focus {
    background-color: #670000;
    color: #fff;
}

#appSousMenuBar {
    border: none;
}
/*Fin ajouts Mathieu*/



#phperr * {
    text-transform: none; /* Remove lowercase conversion of error messages. */
}

#notification.showlog,
.showlog {
     border: 1px solid #000;
     width: auto;
     height: auto;
     margin: 10px;
     padding: 10px;
}

#phperr p.debug {
    color: #009900; /* Make display easier for the eyes. */
}

#phperr p.error {
    color: #990000; /* Make display easier for the eyes. */
}

#notification p {
    display: block;
    font-weight: normal;
    margin: 2px;
    padding-left: 35px;
}
/*
#notification p.info  { color: #006600; background: #ffffff url(../images/debug.png) no-repeat 8px; }
#notification p.debug { color: #0082C6; background: #ffffff url(../images/info.png) no-repeat 8px; }
#notification p.warn  { color: #AF9400; background: #ffffff url(../images/warn.png) no-repeat 8px; }
#notification p.error { color: #EE0000; background: #ffffff url(../images/error.png) no-repeat 8px; }
#notification p.fatal { color: #EE0000; background: #ffffff url(../images/error.png) no-repeat 8px; }  */

#notification p.info  { color: #000000; background: #ffffff }
#notification p.debug { color: #000000; background: #ffffff }
#notification p.warn  { color: #000000; background: #ffffff }
#notification p.error { color: #000000; background: #ffffff }
#notification p.fatal { color: #000000; background: #ffffff }

* .validate_error,
#content .validate_error,
#content input.validate_error {
    background-color:#ffffcc; /* Make background highlight easier for
                                 the eyes. 
                              */
}

body {
     text-align: left; /* Override screen.css "text-align: center" for
                          it screws up the LAC left navigation bar. */

     border-top: 0px; /* Override screen.css top border because such
                         border looks odd when viewed with the LAC top
                         navigation bar. */

     margin-left: 0.5em; /* Override screen.css's effect of margin:0
                            because LAC left navigation bar needs a
                            body left margin. */

}

/* 
To make invisible the fieldset inserted by the framework when it
generates code for a form.
*/
fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}

/*-------- Framework customization --------*/

#app_userInfoBanner { /* User identification information banner right
                        above the application menu bar.
                     */
    margin:0;
    padding: 3px 6px;
    font-family: "MS Sans Serif", Arial, sans-serif;
    font-size: 0.85em;
    color: #FFFFFF;
    background-color: #333333;
    display:block;
    clear:left;
    height: 3.2em;
}

#app_userInfoBanner a {
    font-size:0.85em;
    background-color: #333333;
    color: #66CCFF;
}



/* p{
  clear: both; 
} */
.left {
    float: left;
}

.right {
    float: right;
}
a.app_textLink:link {
    color: navy;
}

a.app_textLink:visited {
    color: purple;
}

p.app_newTitle {
    font-size: 1em;
    padding-left: 2em;
    display:block;
}

ul.app_list {
    font-size: 1em;
}

em.app_em {
    font-style: normal;
    font-weight:bold;
}

/* Buttons at the bottom of a page. */
div.app_btnArea { 
    text-align: center; /* Center buttons. */
}

/*++++++++ Error message ++++++++*/
table.app_errMsg {
    margin-top: 1em;
    margin-bottom: 1em;
    border: 1px solid #aa0000;
}

td.app_errMsg_icon {
    vertical-align: top;
    padding: 0.5em;
    padding-right: 0.25em;
}

td.app_errMsg {
    padding: 0.5em;
    padding-left: 0.25em;
}

li.app_errMsg {
    padding: 0.5em 0 0.5em 0;
}

a.app_errMsg:link,
a.app_errMsg:visited { /* Clicked error messages do not change color. */
    color: navy; /* Match web admin's style for not visited link. */
}
/*-------- Error message --------*/

/*++++++++ Status message ++++++++*/
table.app_statusMsg {
    margin-top: 1em;
    margin-bottom: 1em;
    border: 1px solid #003300;
}

td.app_statusMsg_icon {
    vertical-align: top;
    padding: 0.5em;
    padding-right: 0.25em;
}

td.app_statusMsg {
    padding: 0.5em;
    padding-left: 0.25em;
}

ul.app_statusMsg {
    margin-top: 0.25em;
}

p.app_statusMsg {
    font-size: 1em;
}
/*-------- Status message --------*/

/*
* Prolog at the beginning of a page body text area.
*/
.app_greeting {
    font-size: 1em;
}

.app_header {
    font-size: 1em;
    text-align: center; 
}

p.app_criteriaRevision {
    font-size: 1em;
    text-align: left;
}

p.app_subText {
    font-size: 0.9em;
}

.app_note {
    font-size: 0.9em;
}

em.app_note {
    font-size: 0.9em;
    font-style: normal;
}

/* Summary at page top on the result of an user requested action. */
div.app_resultSummary {
    margin-top: 1em;
}

/*++++++++ Generic input ++++++++*/
td.app_input_label {
    vertical-align: baseline;
    padding: 0.25em 0.25em 0.25em 0;
    text-align: right; 
    white-space: nowrap;
    width: 1%; /* Ensure that the browser won't allocate more width
                  than required by the label.
               */
}

/*-------- Generic input --------*/

/*++++++++ Criteria description ++++++++*/
table.app_criteriaDesc {
    border: 0;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 2em;
}

td.app_criteriaDesc_label {
    vertical-align: baseline;
    padding: 0.25em;
    white-space: nowrap;
}

td.app_criteriaDesc {
    vertical-align: baseline;
    padding: 0.25em;
}
/*-------- Criteria description --------*/

/*++++++++ Criteria input ++++++++*/
div.app_criteriaInput,
div.app_criteriaInput_revision {
    text-align: center; /* Center search criteria and
                           criteria-related buttons such as "add
                           criterion", "search user", etc.
                        */
}

div.app_criteriaInput_revision {
    border: 1px solid #aaaaaa;
    padding: 0 0.5em 1em 0.5em;
}

td.app_criteriaInput_label {
    vertical-align: baseline;
    padding: 0.5em;
    text-align: right; 
    white-space: nowrap; /* Ensure the label "Critria x" do not wrap. */
    width: 1%; /* Ensure that the browser won't allocate more width
                  than required by the label.
               */
}

td.app_criteriaInput_control {
    vertical-align: baseline;
    padding: 0.5em;
    text-align: left;
}

input.app_criteriaInput_alertFocus { /* When user clicked on an error
                                        message, assign a special
                                        background color to have the
                                        associated input stands out
                                        from the rest.
				     */
    background-color:#ffffcc;
}

/*
* Hint for entering value into a search criterion input box.
*/
td.app_criteriaInput_hintText_icon {
    vertical-align: baseline;
    padding: 0.5em;
}

td.app_criteriaInput_hintText {
    vertical-align: baseline;
    padding: 0.5em;
    padding-left: 0;
    text-align: left;
}

ul.app_criteriaInput_hintText,
li.app_criteriaInput_hintText {
    margin: 0 0 0 0.5em; 
    padding: 0;
}

p.app_criteriaInput_hintText {
    margin: 0;
}

p.app_criteriaInput_hintText,
li.app_criteriaInput_hintText {
    font-size: 0.8em;
}
/*-------- Criteria input --------*/

/*++++++++ Prefix statistics ++++++++*/
table.app_prefixStat {
    
    margin: 0 0.5em 0 0.5em;
    border: 1px solid #aaaaaa;
    border-collapse: collapse;
}

th.app_prefixStat {
    padding: 0 0.5em 0.125em 0.5em;
    vertical-align: bottom;
    border: 1px solid #aaaaaa;
}

td.app_prefixStat {

    vertical-align: baseline;
    text-align: right;
    padding: 0.25em 0.5em 0.25em 0.5em;
    border: 1px solid #aaaaaa;
}

td.app_prefixStat_avail {
    vertical-align: baseline;
    text-align: left;
    white-space: nowrap;
    padding: 0.25em;
    border: 1px solid #aaaaaa;
}

img.app_prefixStat_amicus {
    margin: 0 0.25em 0 0.25em;
    border: 0;
}

td.app_prefixStat_remove {
    vertical-align: baseline;
    text-align: right;
    white-space: nowrap;
    padding: 0.25em 0.5em 0.25em 0.5em;
    width: 1%; 
    border: 1px solid #aaaaaa;
/*-------- Prefix statistics --------*/


/*++++++++ Prefix range statistics ++++++++*/
table.app_prefixRangeStat,
table.app_prefixRangeStat_btnArea {
    border: 1px solid #aaaaaa;
    border-collapse: collapse;
}

th.app_prefixRangeStat,
th.app_prefixRangeStat_size,
th.app_prefixRangeStat_left {
    vertical-align: bottom;
    padding: 0 0.25em 0.125em 0.25em;
    border: 1px solid #aaaaaa;
}

td.app_prefixRangeStat_size {
    vertical-align: baseline;
    border: 1px solid #aaaaaa;
}

th.app_prefixRangeStat_size, th.app_prefixRangeStat_left,
td.app_prefixRangeStat_size {
    text-align: right;
    border: 1px solid #aaaaaa;
}

td.app_prefixRangeStat {
    vertical-align: baseline;
    text-align: right;
    padding: 0.25em;
    border: 1px solid #aaaaaa;
}

td.app_prefixRangeStat_avail {
    vertical-align: baseline;
    text-align: center;
    white-space: nowrap;
    padding: 0.25em;
    border: 1px solid #aaaaaa;
}

td.app_prefixRangeStat_remove {
    vertical-align: baseline;
    text-align: right;
    white-space: nowrap;
    width: 1%;
    border: 1px solid #aaaaaa;
}

td.app_prefixRangeStat_btnArea_label,
td.app_prefixRangeStat_btnArea {
    vertical-align: bottom;
    border: 1px solid #aaaaaa;
}

td.app_prefixRangeStat_btnArea_label {
    text-align: right;
    border: 1px solid #aaaaaa;
}

/*-------- Prefix range statistics --------*/

/* For adding prefix or prefix range. */
table.app_addPrefix, 
table.app_addPrefixRange { 
 /*   border: 0;  /
    border: 1px solid #aaaaaa;
    margin: 1em 0 1em 0; 
    border-bottom-color: yellow; 

}

td.app_addPrefixRange_header, 
td.app_addPrefixRange_label,
td.app_addPrefixRange { 
    vertical-align: bottom;
    border: 1px solid #aaaaaa;
}

td.app_addPrefixRange_header { 
    text-align: center;
    border: 1px solid #aaaaaa;
}

td.app_addPrefixRange_label { 
    text-align: right;
    border: 1px solid #aaaaaa;
}

/*++++++++ Form button ++++++++*/
input.app_btn {
    font-size: 0.9em;
    border: 1px inset #999999 #333333 #333333 #999999;
    padding: 0 0.25em 0 0.25em;
    background: #ffffff 
                url("../images/border_header_top.gif") bottom left repeat-x;
}

input.app_btn:hover { /* Not supported by IE */
    border-color: #333333 #999999 #999999 #333333;
}

/*-------- Form button --------*/

/*++++++++ Generic format for search result ++++++++*/
table.app_searchResult {
    margin: 2em;
    border: 0; /**/
}

td.app_searchResult_label {
    vertical-align: baseline;
    padding: 0.25em;
    white-space: nowrap;
}

table.app_searchResult_subgroup {
    margin: 0;
}

td.app_searchResult_subgroup_label {
    vertical-align: baseline;
    padding: 0 0.5em 0 0;
    white-space: nowrap;
}

td.app_searchResult_subgroup_multiLineItem {
    vertical-align: baseline;
    padding: 0;
}

/*........ ++++++++
* When user moves the mouse over a multi-line item in a search result
* display, highlight that item.
*/
td.app_searchResult_multiLineItem {
    vertical-align: baseline;
    padding: 0.5em;
    border: 1px solid #ffffff; /* Define a "blank", #ffffff, border so
                                  that when we apply a non-blank
                                  border, the table data content won't
                                  be shifted. Can't use 'transparent'
                                  because IE 6 renders it as
                                  non-transparent.
                                */
}

td.app_searchResult_multiLineItem:hover { /* Not supported by IE */
    vertical-align: baseline;
    border: 1px solid #cccccc;
}

/*........ --------*/

/*-------- Generic format for search result --------*/

/*++++++++ Publication search result ++++++++*/
table.app_pbltnResult {
    border: 1px solid #cccccc;
    border-collapse: collapse;
    padding: 0.25em;
}

th.app_pbltnResult,
td.app_pbltnResult {
    border: 1px solid #cccccc;
    padding: 0.25em;
}

th.app_pbltnResult {
    vertical-align: bottom;
}

td.app_pbltnResult {
    vertical-align: baseline;
}

/*-------- Publication search result --------*/

/*++++++++ Publication input ++++++++*/
table.app_pbltnInput {
    font-size: .9em;
    border-collapse: collapse;
}

td.app_pbltnInput_note {
    vertical-align: baseline;
}

td.app_pbltnInput {
    vertical-align: bottom;
    padding: 0.25em 0 0.25em 0.25em;
}

td.app_pbltnInput_catHeader {
    font-size: .9em;
    font-weight:bold;
    border: 1px solid #cccccc;
}

td.app_pbltnInput_label,
td.app_pbltnInput_label_wrap,
td.app_pbltnInput_listHeader {
    font-size: 0.9em;
    padding: 0.25em 0.25em 0.25em 0;
    vertical-align: bottom;
    text-align: right; 
    white-space: nowrap;
    width: 1%; /* Ensure that the browser won't allocate more width
                  than required by the label.
               */
}

td.app_pbltnInput_label_wrap {
    vertical-align: bottom;
    white-space: normal;
}

td.app_pbltnInput_listHeader {
    text-align: center; 
    white-space: normal;
}

td.app_pbltnInput_btn {
    vertical-align: bottom;
    text-align: center; 
}

input.app_pbltnInput_btn {
    font-size: 0.8em;
    border: 1px inset #999999 #333333 #333333 #999999;
    padding: 0 0.25em 0 0.25em;
    background: #ffffff 
                url("../images/border_header_top.gif") bottom left repeat-x;
}

/*-------- Publication input --------*/

td.app_pbltnEditItem {
    padding: 0.25em;
}

/*++++++++ Search result navigation control ++++++++*/
td.app_searchResultNav {
    font-size: 0.9em;
    white-space: nowrap;
    vertical-align: baseline;
}

a.app_searchResultNav {
    white-space: nowrap; /* Ensure that a navigation link does not
                            span lines.*/
}

a.app_searchResultNav:link,
a.app_searchResultNav:visited {
    color: navy;
}

a.app_searchResultNav:active {
    color: red;
}

p.app_searchResultNav {
    font-size: 1em;
}

em.app_searchResultNav {
    color: #aa0000;
    font-style: normal;
}
/*-------- Search result navigation control --------*/

/*++++++++ Remove user ++++++++*/
table.app_removeUser {
    border: 0;
}

td.app_removeUser {
    vertical-align: baseline;
    padding: 0.125em;
}

th.app_removeUser_label {
    vertical-align: baseline;
    padding: 0.125em;
    text-align: right; 
    white-space: nowrap;
}

td.app_removeUser_btnArea {
    vertical-align: baseline;
    padding: 0.25em;
    text-align: center;
}
/*-------- Remove user --------*/


li.app_menuPageDisabledLink {
    color: #999999;
}

li.app_li {
}

/* the following css are come from web(LAC-BAC) (J-S), April 29, 2009 */

div.table div.column20prct input, div.table div.column25prct input, div.table div.column70prct input, 
div.table div.column70prct select, div.table div.column70prct textarea, div.table div.column50prct input, 
div.table div.column50prct select, div.table div.column50prct textarea, div.table div.column10prct select {
margin-top: 5px;
}

div.table div.column70prct span.displayOnly {
margin-top: 7px;
display: block;
}

fieldset.joinfield {
padding-top: 20px;
padding-bottom: 20px;
}

legend {
padding-left: 15px;
color: #000;
Font-size: 1.2em;
}



table#search_results {
border: solid #000 1px;
}


table#search_results {
border: 1px solid #ccc;

border-collapse: collapse;
}

a.inactivity, a.inactivity:hover{
color: #99ffff !important;
}

a.inactivity:hover {
background-color: #600 !important;
}

address {
padding-left: 15px;
margin-top: 3px;
margin-bottom: 7px;
font-style: normal;
}

hr.separator {
margin-left: 15px !important;
margin-right: 15px !important;
}