/* Page */
body
{
    font-family: Helvetica;
    /*, Verdana, Arial, sans-serif;*/
    font-size: 10pt;
    /*width:1270px;*/
    margin-top:5px;
}



.tablespacing tbody tr td{
    padding-bottom:10px;
}

fieldset
{
    padding:5px 5px 5px 5px;
    border:1.5px solid #5b6770;
}

input, select, textarea {
    -moz-border-radius: 5px;
    border-radius: 3px;
    border: solid 1px #5b6770;
    padding: 2px;
    font-family: Helvetica;
    /*, Verdana, Arial, sans-serif;*/
    font-size: 10pt;
    color:#5b6770 !important;
}
input[type="button"] ,input[type="submit"],input[type="reset"]{
    color:#fff !important;
}
.headerlink 
{
    font-family: Helvetica;/*, Verdana, Arial, sans-serif*/
    font-weight:bold;
}
.Masterpage 
{
    font-family: Helvetica!important; /*Verdana, Arial, sans-serif*/
    color:#5b6770!important;
    font-size:10pt!important;
    /*font-weight:bold;*/
}
.fontlink {
    color:#5b6770!important;
}
.claimtotal 
{
    font-family: Helvetica;
    /*, Verdana, Arial, sans-serif;*/
    font-weight:bolder;
}
.maintitle 
{
    font: bold 18pt Helvetica;
        /*, Verdana, Arial, sans-serif;*/
    color: #666666;
}
.pagetitle
{
    font: bold 14pt Helvetica;
    /*, Verdana, Arial, sans-serif;*/
    color: #666666;
}
.sectiontitle
{
    font: bold 12pt Helvetica;
    /*, Verdana, Arial, sans-serif;*/
    color: #3399CC;
}
.label
{
    color:#5b6770;
}

.editclaimitem {
   width:450px;
   color:#5b6770;
}

.button {
    background-color: #009bde;
    color: white;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 3px;
    padding-top: 3px;
    cursor: pointer;
    /*box-shadow: 0 3px #999;*/
}
    .button:hover {
        background-color: white !important;
        color: #3399CC !important;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 3px;
        padding-top: 3px;
    }
    .button:active {
        background-color: white;
        color: #3399CC;
        box-shadow: 0 1px #666;
        transform: translateY(3px);
    }
.buttonapprove
{
    background-color: #339933;
    color:white !important;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:3px;
    padding-top:3px;
}
    .buttonapprove:hover {
        background-color: white;
        color: #339933 !important;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 3px;
        padding-top: 3px;
    }

    .buttonapprove:active {
        background-color: white;
        color: #339933;
        box-shadow: 0 1px #666;
        transform: translateY(3px);
    }
.buttondeny
{
    background-color: #CC0033;
    color:white !important;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:3px;
    padding-top:3px;
}
    .buttondeny:hover {
        background-color: white;
        color: #CC0033 !important;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 3px;
        padding-top: 3px;
    }

.buttondeny:active {
    background-color: white;
    color: #CC0033 !important;
    box-shadow: 0 1px #666;
    transform: translateY(3px);
}
.buttona
{
    background-color: #FED8C5;
}
.buttondisabled
{
    background-color:gray;
    color:darkgrey;
}
.tableheadersmall
{
    color: white;
    font-family: Helvetica;
    /*, Verdana, Arial, Sans-Serif;*/
    font-weight: normal;
    text-align: center;
    /* background-image: url('../images/table_header_gradient.png'); 
    background-repeat: repeat-x;
    */
    background-color:  #009bde;/*#3399CC;*/
    height: 30px;
    vertical-align:middle;
    padding: 5px 5px 5px 5px;
    border-left: solid 1px #009bde
}
.tableheaderlarge
{
    color: white;
    font-family: Helvetica;
    /*, Verdana, Arial, Sans-Serif;*/
    font-weight: normal;
    text-align: center;
    /*background-image: url('../images/table_header_gradient_40.png');
    background-repeat: repeat-x;
    */
    background-color:#009bde;/*#3399CC;*/
    height: 50px;
    vertical-align:middle;
    padding: 5px 5px 5px 5px;
    border-left: solid 1px #009bde;
    cursor:pointer !important;
}
a.sort-by  {
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
a.sort-by:link,
a.sort-by:visited,
a.sort-by:hover,
a.sort-by:active {
	color: white;
	text-decoration: none;
}


a.sort-by { 
	padding-right: 18px;
	position: relative;
}
a.sort-by:before,
a.sort-by:after {
	border: 4px solid transparent;
	content: "";
	display: block;
	height: 0;
	right: 5px;
	top: 50%;
	position: absolute;
	width: 0;
}
a.sort-by:before {
	border-bottom-color: white;
	margin-top: -9px;
}
a.sort-by:after {
	border-top-color: white;
	margin-top: 1px;
}

a {
    text-decoration:none;
}

.even_row
{
	background-color:#CAD8FF;
	padding-bottom:3px; padding-top:3px;
    padding-left:2px;
    padding-right:2px;
}
.odd_row
{
	background-color:#E8ECFD;
	padding-bottom:3px; padding-top:3px;
    padding-left:2px;
    padding-right:2px;
}
.gridcellmiddle
{
     color:#5b6770;
	/*border-bottom:solid 1px #3399CC;*/
	border-left:solid 1px #3399CC;	
	padding:3px 2px 3px 2px;
}

.gridcellstatusmiddle
{
     /*color:#5b6770;*/
	/*border-bottom:solid 1px #3399CC;*/
	border-left:solid 1px #009bde;	
	padding:3px 2px 3px 2px;
}

.claimitemgridcellmiddle
{
    color:#5b6770;
	/*border-bottom:solid 1px #3399CC;*/
	border-left:solid 1px #009bde;	
	padding:3px 2px 3px 2px;
}
.border-bottom {
    border-bottom:solid 1px #009bde;
}
.imageborder {
    border-top: 1px solid #009bde;
}
.ui-dialog .ui-dialog-titlebar {
    color:white;
    background: #009bde !important;
}
.table-right-border
{
    color:#5b6770;
    border-right:1px solid #3399CC;
}
.gridcellright
{
     color:#5b6770;
	/*border-bottom:solid 1px #3399CC;*/
	border-left:solid 1px #009bde;	
	border-right:solid 1px #009bde;	
	padding:3px 2px 3px 2px;
}
.claimitemgridcellright
{
     color:#5b6770;
	border-bottom:solid 1px #009bde;
	border-left:solid 1px #009bde;	
	border-right:solid 1px #009bde;	
	padding:3px 2px 3px 2px;
}
hr {
    border-style: solid;
    border-width: 0.5px;
    border-color: #484646;
}
.instructions
{
    color:#5b6770;
}
.error
{
	font-size: 10pt;
	font-family:  Helvetica;
    /*,Arial, sans-serif, Verdana, Arial, helvetica;*/
	color: Red;
}
.claimnotsubmitted
{
    color:#CC0033;
}

.claimsubmittedorunderview
{
    color: #5b6770;
}


.claimapproved
{
    color:#339933;
}
.data
{
    color: #3399CC;
}
.void-amount
{
    text-decoration: line-through;
}

input.watermark { color: #5b6770; }

/*   dialog */
#dialog-overlay {

	/* set it to fill the whil screen */
	width:100%; 
	height:100%;
	
	/* transparency for different browsers */
	filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
	-khtml-opacity: 0.5; 
	opacity: 0.5; 
	background:#000; 

	/* make sure it appear behind the dialog box but above everything else */
	position:absolute; 
	top:0; left:0; 
	z-index:3000; 

	/* hide it by default */
	display:none;
}

.borderclass {
    border: 1px solid #009bde;
    border-spacing: 0px;
    border-collapse: collapse;
    display: inline-table;
}


#dialog-box {
	
	/* css3 drop shadow */
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	
	/* css3 border radius */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	
	background:#eee;
	/* styling of the dialog box, i have a fixed dimension for this demo */ 
	width:600px; 
	
	/* make sure it has the highest z-index */
	position:absolute; 
	z-index:5000; 

	/* hide it by default */
	display:none;
}

#dialog-box .dialog-content {
	/* style the content */
	text-align:left; 
	padding:10px; 
	margin:13px;
	color:#666; 
	font-family:Helvetica;
    /*, verdana;*/
    /*, Arial, Sans-Serif;*/
	font-size:10pt; 
}
/*
a.button {
	/* styles for button */
/*
	margin:10px auto 0 auto;
	text-align:center;
	background-color: #e33100;
	display: block;
	width:50px;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
*/
	/* css3 implementation :) */
/*
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	
}

a.button:hover {
	background-color: #c33100;	
}
*/

/* extra styling */
#dialog-box .dialog-content p {
	font-weight:700; margin:0;
}

#dialog-box .dialog-content ul {
	margin:10px 0 10px 20px; 
	padding:0; 
	/*height:50px;*/
}