/**************************************************************************************************
 * Default Buttons
 **************************************************************************************************/
.button { /* default for all buttons */
    margin: 5px 5px 10px 0px;
    cursor: pointer;
    font: 13pt Calibri,Arial,Helvetica,sans-serif;
     line-height: 33px;
    /*background-image: url(../images/buttons/normalbuttonbg.png);*/
}

button
{
    background-image: url(../images/buttons/normalbuttonbg.png);
    background-position: top left;
    background-repeat: repeat-x;
    padding: 0px 12px 0px 12px;
    color: #FFFFFF;
    font: 13pt Calibri,Arial,Helvetica,sans-serif;
    text-decoration: none;
    white-space: nowrap;
    line-height: 33px;
    border-radius: 6px;
    border: none;
    position: relative; /* required so that buttons on right will float above 'poorly placed image' */
    z-index: 15;
    }
    
button:hover { /* default hover for system buttons */
    background-image: url(../images/buttons/darkbuttonbg.png);
}

.buttonList a 
{
    background-image: url(../images/buttons/normalbuttonbg.png);
    background-position: top left;
    background-repeat: repeat-x;
    color: #FFFFFF;
    font: 11pt Calibri,Arial,Helvetica,sans-serif;
    text-decoration: none;
    white-space: nowrap;
    line-height: 33px;
    border-radius: 6px;
    position: relative; /* required so that buttons on right will float above 'poorly placed image' */
    z-index: 15;
      }
      
.buttonList span 
{
    background-image: url(../images/buttons/normalbuttonbg.png);
    background-position: top left;
    background-repeat: repeat-x;
    color: #FFFFFF;
    font: 11pt Calibri,Arial,Helvetica,sans-serif;
    text-decoration: none;
    white-space: nowrap;
    line-height: 33px;
    border-radius: 6px;
    position: relative; /* required so that buttons on right will float above 'poorly placed image' */
    z-index: 15;
      }
    
.button a { /* default link for all buttons */
    background-image: url(../images/buttons/normalbuttonbg.png);
    background-position: top left;
    background-repeat: repeat-x;
    padding: 5px 12px 5px 12px;
    color: #FFFFFF;
    font: 13pt Calibri,Arial,Helvetica,sans-serif;
    text-decoration: none;
    white-space: nowrap;
    line-height: 33px;
    border-radius: 6px;
    position: relative; /* required so that buttons on right will float above 'poorly placed image' */
    z-index: 15;
}

.button a:hover { /* default hover for all buttons */
    background-image: url(../images/buttons/darkbuttonbg.png);
}

.button a  span { /* button link text */ /* needed so that it overrides possedetail:link */
    color: #FFFFFF;
}

.rightButtons .button { /* buttons that are right justified */
    float: right;
    margin-left: 10px;
    margin-right: 0px;
    margin-top: 0px;
}

.rightButtons {
    float: right;
}

.disabledButton {
    display: none;
}

/**************************************************************************************************
 * Add Buttons
 **************************************************************************************************/
.buttonAdd { /* add button */
    margin: 5px 5px 10px 0px;
    cursor: pointer;
}

.buttonAdd a {
    background-image: url(../images/buttons/addbuttonbg.png);
    background-position: top left;
    background-repeat: no-repeat;
    padding: 5px 12px 5px 30px;
    color: #FFFFFF;
    font: bold 9pt Calibri,Arial,Helvetica,sans-serif;
    text-decoration: none;
    white-space: nowrap;    
}

.buttonAdd a:hover { /* add button link hover */
    background-image: url(../images/buttons/darkaddbuttonbg.png);
}

.buttonAdd a  span { /* Add button link text */ /* needed so that it overrides possedetail:link */
    color: #FFFFFF;
}

/**************************************************************************************************
 * Plus Sign Add Buttons
 **************************************************************************************************/
.plusSignAdd { /* add button */
    cursor: pointer;
}

.plusSignAdd a {
    background-image: url(../images/icons/add16x.png);
    background-position: top left;
    background-repeat: no-repeat;
    padding: 0px 5px 4px 10px;
    color: #FFFFFF;
    text-decoration: none;
    white-space: nowrap;    
}

/**************************************************************************************************
 * Clause Buttons
 **************************************************************************************************/
a.buttonClause { /* clause button */
    background-image: url(../images/buttons/normalbuttonbg.png);
    background-position: top left;
    background-repeat: repeat-x;
    padding: 5px 12px 5px 12px;
    color: #FFFFFF;
    font: bold 9pt Calibri,Arial,helvetica,sans-serif;
    text-decoration: none;
    white-space: nowrap;
}

a.buttonClause:hover { /* clause button hover */
    background-image: url(../images/buttons/darkbuttonbg.png);
}

/**************************************************************************************************
 * Help Button
 **************************************************************************************************/
.buttonHelp { /* help button */
    margin: 5px 5px 10px 0px;
    cursor: pointer;
}

.buttonHelp a  { /* help button link */
    background-image: url(../images/buttons/helpbuttonbg.png);
    background-position: top left;
    background-repeat: no-repeat;
    padding: 5px 12px 5px 30px;
    font: bold 9pt Calibri,Arial,Helvetica,sans-serif;
    text-decoration: none;
    white-space: nowrap;
}

.buttonHelp a:hover { /* help button hover */
    background-image: url(../images/buttons/darkhelpbuttonbg.png);
}

.buttonHelp a  span { /* help button link text */ /* needed so that it overrides possedetail:link */
    color: #FFFFFF;
}

/**************************************************************************************************
 * Return To Job Button
 **************************************************************************************************/
.buttonBacktoJob { /* return to job button */
    margin: 5px 5px 10px 0px;
    cursor: pointer;
}

.buttonBacktoJob a { /* return to job button link */
    background-image: url(../images/buttons/backtojobbuttonbg.png);
	background-position: top left;
	background-repeat: no-repeat;
    padding: 5px 12px 5px 30px;
    color: #FFFFFF;
    font: bold 9pt Calibri,Arial,Helvetica,sans-serif;
    text-decoration: none;
    white-space: nowrap;	
}

.buttonBacktoJob a:hover { /* return to job button link hover */
	background-image: url(../images/buttons/darkbacktojobbuttonbg.png);
}

.buttonBacktoJob a  span { /* return to job button link text */ /* needed so that it overrides possedetail:link */
    color: #FFFFFF;
}

/**************************************************************************************************
 * Assignment Button
 **************************************************************************************************/
.buttonAssignment { /* assignment button */
    margin: 5px 5px 10px 0px;
    cursor: pointer;
}

.buttonAssignment a { /* assignment button link */
    background-image: url(../images/buttons/assignmentsbuttonbg.png);
	background-position: top left;
	background-repeat: no-repeat;
    padding: 5px 12px 5px 30px;
    color: #FFFFFF;
    font: bold 9pt Calibri,Arial,Helvetica,sans-serif;
    text-decoration: none;
    white-space: nowrap;
}

.buttonAssignment a:hover { /* assignment button link hover */
	background-image: url(../images/buttons/darkassignmentsbuttonbg.png);
}

.buttonAssignment a  span { /* assignment button link text */ /* needed so that it overrides possedetail:link */
    color: #FFFFFF;
}

/**************************************************************************************************
 * Where Am I Button
 **************************************************************************************************/
.buttonWhere { /* where am I? button */
    margin: 5px 5px 10px 0px;
    cursor: pointer;
}

.buttonWhere a { /* where am I? button link */
    background-image: url(../images/buttons/wherebuttonbg.png);
	background-position: top left;
	background-repeat: no-repeat;
    padding: 5px 12px 5px 30px;
    color: #FFFFFF;
    font: bold 9pt Calibri,Arial,Helvetica,sans-serif;
    text-decoration: none;
    white-space: nowrap;
}

.buttonWhere a:hover { /* where am I? button link hover */
	background-image: url(../images/buttons/darkwherebuttonbg.png);
}

.buttonWhere a  span { /* where am I? button link text */ /* needed so that it overrides possedetail:link */
    color: #FFFFFF;
}

/**************************************************************************************************
 * Submit Buttons
 **************************************************************************************************/
.buttonSubmit { /* submit button */
    margin: 5px 5px 10px 0px;
    cursor: pointer;
}

.buttonSubmit a {
    background-image: url(../images/buttons/submitbuttonbg.png);
    background-position: top left;
    background-repeat: no-repeat;
    padding: 5px 12px 5px 30px;
    color: #FFFFFF;
    font: bold 9pt Calibri,Arial,Helvetica,sans-serif;
    text-decoration: none;
    white-space: nowrap;    
}

.buttonSubmit a:hover { /* add button link hover */
    background-image: url(../images/buttons/darksubmitbuttonbg.png);
}

.buttonSubmit a  span { /* Add button link text */ /* needed so that it overrides possedetail:link */
    color: #FFFFFF;
}

/**************************************************************************************************
 * Lookup Buttons
 **************************************************************************************************/
.buttonlookup { /* lookup button */
    margin: 5px 5px 10px 0px;
    cursor: pointer;
}

.buttonlookup a {
    background-image: url(../images/buttons/lookupbuttonbg.png);
    background-position: top left;
    background-repeat: no-repeat;
    padding: 5px 12px 5px 30px;
    color: #FFFFFF;
    font: bold 9pt Calibri,Arial,Helvetica,sans-serif;
    text-decoration: none;
    white-space: nowrap;    
}

.buttonlookup a:hover { /* add button link hover */
    background-image: url(../images/buttons/darklookupbuttonbg.png);
}

.buttonlookup a  span { /* Add button link text */ /* needed so that it overrides possedetail:link */
    color: #FFFFFF;
}

/**************************************************************************************************
 * Input Buttons  - this is used on the ChangePassword.aspx page
 **************************************************************************************************/
.inputbutton { /* default for all buttons */
    margin: 5px 5px 10px 0px;
    cursor: pointer;
    /*text-align: center;*/
    background-image: url(../images/buttons/normalbuttonbg.png);
    background-position: top left;
    background-repeat: repeat-x;
    padding: 5px 12px 5px 12px;
    color: #FFFFFF;
    font: bold 9pt Calibri,Arial,Helvetica,sans-serif;
    text-decoration: none;
    white-space: nowrap;
}

/**************************************************************************************************
**following are for Shelter Reservations: Calendars and Shelter selection List
**************************************************************************************************/
.available 
{    
    margin: 5px; 
    /*border: solid thin red; */
    list-style: none;   
    padding: 0px;
    background-image:none;
    }

.available a:link, .available a:visited
{
    color:#4B5340;
    background-color: rgb(199, 214, 163);
    /*border: solid thin red; */
    line-height:33px;
    padding: 8px;
    margin: 0px 5px 0px 0px; 
    padding-left:15px;
    padding-right: 15px;
    background-image:none;
    width: 200px;
    }

.reserved 
{
   margin: 5px; 
    /*border: solid thin red;*/ 
    list-style: none;   
    padding: 0px;
    color:Gray;  
   }
    
.reserved span
{
    color: #ca491b;
    background-color: rgb(249, 226, 176);
    /*background-color:#f3f3f3;*/
    border: none;
    line-height:33px;
    padding: 8px;
    margin: 0px;
    width: 200px;
    background-image: none;
        

    }
.pending
{
     margin: 5px; 
     color: #4B5340;
     padding: 0px;
    
    color:Gray;
    list-style:none;
    }
    
.pending span
{
    color: #ca491b;
    background-color: rgb(225, 233, 194);
     border: none;
    line-height:33px;
    padding: 8px;
    padding-left:10px;
    padding-right: 10px;
    margin: 0px;
    width: 200px;
    background-image: none;    

    }