/**************************************************************************************************
 * Default Buttons
 **************************************************************************************************/
.button { /* default for all buttons */
    margin: 5px 5px 10px 0px;
    cursor: pointer;
}

.chromeButtonRed, .chromeButtonRed:visited{
    text-decoration: none;
    background-image: linear-gradient(#F2F2F2, #D8D8D8);
    color: #606060;
    padding: 1px 7px 2px 7px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
    border-radius: 4px;
}

.chromeButtonRed:hover {
    text-decoration: none;
    background-image: linear-gradient(#D8D8D8, #F2F2F2);
    padding: 1px 7px 2px 7px;
    font: bold 10pt Calibri,Arial,Helvetica,sans-serif;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
    border-radius: 4px;
}


/******************
 Chrome Button 
*******************/
.chromeButton
{
    float: right;
	padding: 0px 20px;
}

/******************
 red Button 
*******************/
.redButton
{
    float: left;
	padding: 0px 20px;
}

/******************
 green Button 
*******************/
.greenButton
{
    float: right;
	padding: 0px 20px;
}

.greenButton a, .chromeButton a, .redButton a{
	margin: 6px 0px 0px 0px !important;
	border-radius: 4px !important;
}

.button a { /* default link for all buttons */
    background-image: url(../images/buttons/RedButtonBG.png);
    background-position: top left;
    background-repeat: repeat-x;
    padding: 5px 12px 5px 12px;
    color: #FFFFFF;
    font: bold 10pt Calibri,Arial,Helvetica,sans-serif;
    text-decoration: none;
    white-space: nowrap;
}

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

.button a:active { /* default active for all buttons */
    background-image: url(../images/buttons/RedButtonActiveBG.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;
}*/

.rightButtons {
    /*float: right;*/
    white-space: normal;
	padding: 0px 0px 0px 0px; /*top right bottom left*/
	width: 100%;
}

.rightButtons span {
	color: white;
	line-height: .7em;
}

.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 10pt 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 10pt 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 10pt 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 10pt 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 10pt 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 10pt 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 10pt 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 10pt 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 10pt Calibri,Arial,Helvetica,sans-serif;
    text-decoration: none;
    white-space: nowrap;
}