/* Navy-grey stylesheet for MPS        */
/* Adapted for MOBILE PHONES           */
/* By Abby Byrnes                      */
/* Last updated: 5/9/08                */


/* NOTE: when a mobile device views the web pages, the styles
     come first from cleanstyle.css  then the mobile-navy-grey.css
     styles defined below are applied. */
	 
	 
div.main
 {
     /*width:300px;*/
     background-color: #FFFFFF;       
     padding: 0px;    /* override styles from cleanstyle */
     border: none;
}

div.masthead
{
     font: 24pt Arial, sans-serif;
     font-weight: 700;              /* bold */
     color: #000099;              /* navy blue */
     text-align: left;
	 padding-left: 0em;
	 padding-top: 0em;
     margin-top: 0em;        
     margin-bottom: .1em;        
}

div.submast
{
     font: 8pt Arial, sans-serif;
     font-weight: 700;              /* bold */        
     color: #FFFFFF;             
     background-color: #000099;     
     text-align: left;
	 letter-spacing: 0em;
     padding-left: 1em;
	 padding-top: .5em;
	 padding-bottom: .5em;
     margin-top: 0em;        
     margin-bottom: 0em;        
}

div.address
 {
 	 display: none;
}

div.phone
{
     font: 14pt Arial, sans-serif;
     font-weight: 700;              /* bold */
     color: #AA0000;                /* red */
     text-align: right;
     padding-top: .25em;
     padding-bottom: .25em;
}

div.picture
{
	 display: none;
}

/* allow me to have pictures, and on a per-picture basis decide if i want
       to display it by leaving out class="hideIfHandheld"  FUN!     */
img.hideIfHandheld
{
    display: none;
}
     
div.pageTitle
{
     font: 10pt Arial, sans-serif;
     font-weight: 700;              /* bold */
     color: #000080;  
     margin-top: .75em;
     margin-bottom: .5em;	 
}

div.loginScreen
{
     /* width:250; */ 
     font: 8pt Arial, sans-serif;
     /* background-color: #CCCCCC;     */
     /* border-top: 1px dotted #000080; */
     /* border-bottom: 1px dotted #000080; */
     /* border-left: 1px dotted #000080; */
     /* border-right: 1px dotted #000080; */
     text-align: left;
     padding-left: 0em;
     padding-top: 1em;
     padding-bottom: 2em;
}

/* create list-type for the elements of the login screen,
    so I can style them differently on screen vs mobile */   
ul.loginScreen
{
  list-style: none;
}
ul.loginScreen   li
{
    list-style-type: none;
     /* add space in between items (like setting extra space between 2 paragraphs....)   */
     margin-top: 0.5em;
     margin-bottom: 0.5em;
}
  

div.content
{
     font: 8pt Arial, sans-serif;
}

/* don't show to-do box to mobile viewers! */
div.todoBox
{
	 display: none;
}

div.listTitle
{
	 font-weight: 700;              /* bold */
}

ul.checklist
{
     font-style: italic;
     /* list-style-image: url("images/green-checkmark.gif");*/
}

ul.sublist
{
     font-style: italic;
     /* list-style-image: url("images/arrow.gif"); */
}

div.footer
{
     font: 6pt Arial, sans-serif;
     font-style: italic;
     color: #666666;                /* light grey */
	 border-top: 1px solid #000099;
}

/* make all links on a mobile device stand out with red */
a
{
     color: #AA0000;
     text-decoration: none;
}

div.navbar
{
	 font: 6pt Arial, sans-serif;
	 color: #999999;                
     text-align: right;
     background-color: #FFFFFF;     
}

   
/* within a div.navbar section, the a links will have a special style */
div.navbar  a
{
     text-decoration: none;
	 color: #666666;               
	 padding: 0 .25em 0 .75em;   /* set padding between the link-words in the nav bar */
}


a:hover
{
     background-color: #AA0000;    /* make background red when we hover over a link */
     color: #FFFFFF;
     text-decoration: none;            /* suppress underlining */
}

span.validated
{
     display: none;

}
   
/* end stylesheet */