/* 
    =============================================== !!!!!!!!     Important READ !!!!!!!!!!!=====================================================
    
    All rules follow a format. Please follow that format. The spirit of these rules is to allow easy maintence of the website. Failure to follow these guidelines may
    result in sloppy code and unpredictable behavior.
    1 GENERIC RULES:        Rules should be as generic (pushed into higher level rule) as possible to allow easy modification on the whole web site. 
    2 REDUNDANT RULES:      Try to use existing rules. Don't add redundant rules or selectors that aren't needed.
    3 SPECIFIC RULES:       Try to limit specific rules to exact usage. For example td's and tr rules should be defined under a specific table rule.
    4 ID's:                 Dont rely on ID rules (Rules that use #) if at all posible. Requirements might dictate that ID's comform to a different specification
    5 UNUSED TAGS:          Ensure you remove any unused tags to prevent needless complexity. Extra tags can make maintenance harder
    6 TAG GROUPING:         Keep tags grouped by feature. Related tags should all be found next to each other. Don't just add to the end of file.
    7 COMMENTS:             Please comment what a rule does and any dependencies
    =============================================================================================================================================
    
    =____________________________________________________________________________________________________________________________________________=
    =                                                       CSS Index
    =____________________________________________________________________________________________________________________________________________=
    = Common/Defualt Attributes
    =                                            List of rules to set up common attributes
    =_____________________________________________________________________________________________________________________________________________=
    = HTML Tag Rules
    =    Skeletal Rules                          body, comment, frameset, frame, noframes, head, html
    =    Header Rules                            base, basefont, isindex, link, meta, nextid, style, title
    =    Hyperlinks                              a
    =    Text Markup Rules                       b, big, blink, i, s, small, strike, sub, sup, tt, u
    =                                            abbr, acronym, cite, code, del, dfn, em, ins, kbd, samp, strong, var
    =    Content Presentation and Flow Rules     addrress, bdo, blockquote, br, center, font, hn, hr, iframe, listing, nobr, p, plaintext, pre, q, wbr, xmp
    =    Span Div Rules                          div, span
    =    Form Rules                              form, button, fieldset. input, keygen, label, legend, select, option, optgroup, textarea
    =    Rules Images Multimedia Rules           bgsound, img, map, area, marqee
    =    List Rules                              dir, menu, ol, ul, li, dl, dd, dt
    =    Table Rules                             table, caption, colgroup, col, tbody, tfoot, thead, tr, td, th
    =_____________________________________________________________________________________________________________________________________________=
    = Selectors
    =    class                                   Generic class rules are identified with  the "." notation. Put specific class definitions under 
    =                                            appropriate HTML Tag rule. Only put generic class rules here.
    =    id                                      Generic id rules are identified with  the "#" notation. Put specific id definitions under 
    =                                            appropriate HTML Tag rule. Only put generic id rules here. Try to avoid using any id selectors if possible.
    =_____________________________________________________________________________________________________________________________________________=
    = Other
    =                                            put other rules at the end
    =_____________________________________________________________________________________________________________________________________________ =                                           

*/
/* ======================================================================================== */
/*                                  HTML Tag Rules                                          */
/* ======================================================================================== */

/* =============================== Common/Defualt Attribu================================== */
/* Put all common rules here. These should be common attributes that define the webpage.    */

body, a,div, span, table, caption, colgroup, col, tbody, tfoot, thead, tr, td, th, form, button, 
input, label, legend, select, option
{   
    font-family                : Verdana, Arial, Helvetica, sans-serif;
   
}

body, td, th, tr,table{
    font-size               : 12;
    color                   : black;
    font-weight             : normal;
	
}

   

 wrap
{
  white-space                 : pre;
}

/* generic border */
button,  select, option, textarea
{
    border                     : 1px solid black;
}

/* generic background */
body
{
    background                 : white;
}

/* forms items */
form, button, input, select, label, legend, option, textarea, .pageHeaderTitle
{
    color                      : navy; 
}



/* =============================== Skeletal Rules ========================================= */
/*  body, comment, frameset, frame, noframes, head, html                                    */

/* =============================== Header Rules =========================================== */
/*  base, basefont, isindex, link, meta, nextid, style, title                               */

/* =============================== Hyperlinks Rules ======================================= */
/*  a                                                                                       */

/* new EditLoans.html */

a:active {color:Red}


a         
{ 
    text-decoration            : none; 
    color                      : blue;
}
a:visited { color              : blue; }
a:hover   { text-decoration    : underline;
			font-weight: bold;}

a.button, a.button:visited, a.button:hover     
{
    color                      : navy;
    text-decoration            : none;  
}

/* new EditLoans.html */
a.selection
{
    background                 : white;
    color                      : #111188;
    font-size                  : smaller;
}
a.selection:hover
{
    color                      : #ff6600;
    font-weight                : bold;
    background                 : transparent;
}

/* EditLoans.html, JobManager-DD.htm, Do we really need? */
a.plainlink
{
    color                      : black;
    underline                  : false;
}
/*  Do we really need? */
a.plainlink:hover
{
    background                 : transparent
    font-weight                : bold;
    color                      : blue;
}

/* =============================== Text Markup Rules ====================================== */
/* b, big, blink, i, s, small, strike, sub, sup, tt, u, abbr, acronym, cite, code, 
   del, dfn, em, ins, kbd, samp, strong, var                                                */
   
/* =============================== Content Presentation and Flow Rules ==================== */
/* addrress, bdo, blockquote, br, center, font, hn, hr, iframe, listing, nobr, p, plaintext, 
pre, q, wbr, xmp                                                                             */

/* =============================== Custom Span Div Rules ===================================*/
/* div, span                                                                                */

/* =============================== Form Rules ============================================= */
/* form, button, fieldset. input, keygen, label, legend, select, option, optgroup, textarea */

form, button, label, legend, option, textarea
{
    font-size                     : 11;
}

input, select
{
    font-size                     : 10;
}

input.button
{
    background-color              : #f7f7f7;
    border-top                    : 1px solid silver;
    border-right                  : 2px solid #6699cc;
    border-bottom                 : 2px solid #6699cc;
    border-left                   : 1px solid silver;
}                

input.edits
{
    border                        : 1px solid #6699cc;
}

/* =============================== Rules Images Multimedia Rules ========================== */
/* bgsound, img, map, area, marqee */

/* all over */
img
{
    background-color            : transparent;
    border                      : 0;
}

img.button {
    margin                        : 2px 5px 2px 2px;
    padding                       : 2px 2px 2px 2px;
    border                        : 1px 2px 2px 1px solid white;
}                
/* =============================== List Rules ==============================================*/
/* dir, menu, ol, ul, li, dl, dd, dt                                                        */

/* =============================== Table Rules ============================================ */
/* table, caption, colgroup, col, tbody, tfoot, thead, tr, td, th                           */

/* used in commentcontent.jsp help files, new UploadDocument.html, and in wz_tooltup.js */
caption
{
    font-family                 : Arial black;
    /* TODO: REMOVE IF FORMAT IS OK Check on comments. */
    /* font-size                : 10pt; */
}
table
{
    font-size                    : larger;
    font-weight                  : bold;
}

th { }

td { }

/* new job manager and other new pages */
table.full
{
    width                       :100%;
}

/* try to remove */
table.cnttblrow
{
    /* */ 
    font-size                   : 10;
    padding                     : 4px;
    align                       : left; 
    
}
td.cnttblrow
{
    /* */ 
    font-size                   : 10;
    padding                     : 4px;
    align                       : left; 
}

table.gridHeader 
{
  width                         : 100%;
  background-color              : #ebebff; 
  border                        : 1px solid silver;
  top                           :50%;
}

table.gridHeader tr th,
{
  border-top                    : 1px solid white;
  border-right                  : 1px solid #6699cc;
  padding                       : 2px 10px 2px 5px;
  border-bottom                 : 1px solid #6699cc;
  border-left                   : 1px solid white;
  font-weight                   : bold;
  color                         : navy;
  
}       

table.gridHeader tr td,
{
    padding                       : 1px;
 /* 
  border-top                    : 1px solid white;
  border-right                  : 1px solid #6699cc;
  
  border-bottom                 : 1px solid #6699cc;
  border-left                   : 1px solid white;
  font-weight                   : bold;
  color                         : navy; 
  */
}    

 .tempHeader
{ 
  font-weight                   : bold;
  color                         : navy;
}  
/*temporary delete
td.gridHeader 
{
  border-top                    : 1px solid white;
  border-right                  : 1px solid #6699cc;
  padding                       : 2px 10px 2px 5px;
  border-bottom                 : 1px solid #6699cc;
  border-left                   : 1px solid white;
  font-weight                   : bold;
  color                         : navy;
}      
*/         
/* ======================================================================================== */
/*                                  Selectors                                               */
/* ======================================================================================== */

/* =============================== Generic class Rules ==================================== */

.appMenu { border               :  2px solid #f7f7ff; }

.center
{
    width                       : 100%;
    text-align                  : center;
}

.comment { background-color     : #dbdbdb;}

.commentRow 
{
  padding-top                   : 15px;
  padding-bottom                : 5px;
  border-bottom                 : 1px solid silver;
}

.commentText { color            : gray; }

.even { background-color        : #f7f7f7; }

.frame
{
    border                      : 4px 4px 4px 4px double #dbdbdb;
    width                       : 100%;
}

.footer
{
    font-size                   : smaller;
    background-color            : #f7f7f7;
}

/*new*/
.hideablePanel
{
    position                    : absolute;
    visibility                  : hidden;
    background-color            : #ebebff;
    border-width                : 2px;
    border-color                : #6699cc;
    border-style                : double;
    padding                     : 0.5em;
}                              
/* new */
.hideablePanelTable
{
    border-width                : 1px;
    border-color                : silver;
    border-style                : double;
    padding                     : 0.5em
}                              

.highlight { background-color   : #ffffcc; }

.jmContent 
{
  border-top                    : 1px solid silver;
  border-right                  : 2px solid #6699cc;
  border-bottom                 : 2px solid #6699cc;
  border-left                   : 1px solid silver;
  width                         : 100%;
}                              

.left
{
    width                       : 100%;
    text-align                  : left;
}

.minorMenu 
{
  border-top                    : 1px solid silver;
  border-right                  : 2px solid #6699cc;
  border-bottom                 : 2px solid #6699cc;
  border-left                   : 1px solid silver;
  background-color              : #ebebff;
  

  	font-size: 14px;
	font-weight: bold;
	border-top: 1px solid silver;
	border-right: 2px solid #6699cc;
	border-bottom: 2px solid #6699cc;
	border-left: 1px solid silver;
	background-color: #ebebff;
	width: 100%;
	height: 30px;
}                              

.odd { background-color         : white; }

.pageHeaderTitle
{
    font-size                   : large;
}

.right
{
    width                       : 100%;
    text-align                  : right;
}

.search
{
  background-color              : #eeeeff;
  font-style                    : italic;
}                  

.status 
{
  font-style                    : italic;
  color                         : navy;
}                

.toolbar 
{
    padding                       : 2px 10px 2px 5px;
    border-top                    : 1px solid white;
    border-right                  : 2px solid white;
    border-bottom                 : 2px solid white;
    border-left                   : 1px solid white;
}  

.toolbarOn 
{
    padding                       : 2px 10px 2px 5px;
    border-top                    : 1px solid silver;
    border-right                  : 2px solid #6699cc;
    border-bottom                 : 2px solid #6699cc;
    border-left                   : 1px solid silver;
    background-color              : #ffffcc;
}  

/* Temporary Job manager. Needs to be deleted after functionality change*/
#otherFilters
{
    position                : absolute;
    visibility              : hidden;
    background-color        : #eeeeee;
    border-width            : 1px;
    border-color            : black;
    border-style            : double;
    padding                 : 0.5em
}
/* Temporary Job manager. Needs to be deleted after functionality change*/
#filterPanel
{
    border-width            : 1px;
    border-color            : black;
    border-style            : double;
    padding                 : 0.5em
}

.width10 { width            : 10%;}
.width20 { width            : 20%;}
.width25 { width            : 25%;}
.width30 { width            : 30%;}
.width33 { width            : 33%;}
.width50 { width            : 50%;}
.width70 { width            : 70%;}
.width75 { width            : 75%;}
.width80 { width            : 80%;}
.width90 { width            : 90%;}
.width100 { width           : 100%;}

/* =============================== Generic id rules ====================================== */

/* ======================================================================================== */
/*                                   Other                                                  */
/* ======================================================================================== */




/* ======================================================================================== */
/*                     TEMPORARY     THESE ITEMS NEED TO BE REMOVED                         */
/* ======================================================================================== */

/* jobmanager. Can this be replaced via css placement? */
table.thin
{
    height                  : 100%;
    width                   : 100%;
    border                  : 0;
    padding                 : 0;
}




	body
	{margin: .3in;}
		
	.nav-head
	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
	background: #4682B4;
	font-weight: bold;
	}