body
{
    MARGIN: 0px ;
	font-family: Tahoma, Verdana, Helvetica, 'MS Sans Serif' , Arial;
}
.whiteLink a
{
	color:#FFFFFF;
}
a
{
    color: #15709D;
    TEXT-DECORATION: none;
    font-family: Arial, Helvetica,sans-serif;
}
a:hover {
    color: #0e4e6d;
    text-decoration:underline;
}
.table-hover tbody tr:hover {
    background-color: #C2DBED!important;
}
TD
{
	font-family: Tahoma, Verdana, Helvetica, 'MS Sans Serif' , Arial;
}
.td {
	BORDER-RIGHT: #C0C0C0 2px groove;
	PADDING-RIGHT: 2px;
	BORDER-TOP: #C0C0C0 2px groove;
	PADDING-LEFT: 2px;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: #C0C0C0 2px groove;
	COLOR: #efefef;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #C0C0C0 2px groove;
	BACKGROUND-COLOR: #003c78;
}
.DatosTD {
	BORDER-RIGHT: #dedede 1px solid;
	PADDING-RIGHT: 2px;
	BORDER-TOP: #dedede 1px dash;
	PADDING-LEFT: 2px;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: #dedede 1px solid;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #dedede 1px solid;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.excel
{
	border: 0;
	margin: 0px 0px 0px 0px;
	background: transparent url(../images/xp/excel.png) bottom left no-repeat;
	padding: 10px 0px 0px 19px;
	vertical-align: middle;
	FONT-SIZE: 0.6em;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.smallFont
{
    FONT-SIZE: 0.6em;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.smallFont2
{
    FONT-SIZE: 0.4em;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.smallFontBold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.6em;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.smallFontBold2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.6em;
    FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica, sans-serif
}
.smallFontWhite
{
    FONT-SIZE: 0.6em;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.smallFontBlack
{
    FONT-SIZE: 0.6em;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.smallFontBlack2
{
    FONT-SIZE: 0.6em;
    COLOR: black;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif
}
.smallFontWhiteBold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.6em;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.normalFont
{
    FONT-SIZE: 0.8em;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.normalFont2
{
    FONT-SIZE: 0.8em;
    FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica, sans-serif
}
.normalFontBold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.8em;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.normalFontBold2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.8em;
    FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica, sans-serif
}
.normalFontWhite
{
    FONT-SIZE: 0.8em;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.normalFontWhiteBold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.8em;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.normalFontBlack
{
    FONT-SIZE: 0.8em;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.normalFontBlackBold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.8em;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.optionFont
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.1em;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif
}
.optionFontSmall
{
	font-weight: bold;
	font-size: 0.9em;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
.pageTitleFont
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.5em;
    COLOR: black;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif
}
.textBox
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid
}
.textBoxSmall
{
	FONT-SIZE:0.6em;
	FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid
}
/*.ACTIVE
{
    COLOR: #008800
}*/
.SUSPENDED
{
    COLOR: #e79c1a
}
.DISABLED
{
    COLOR: #e79c1a
}
.CANCELLED
{
    COLOR: #ff0000
}
.PENDINGPAYMENT
{
    COLOR: #ff0000
}
.PAYMENTDUE
{
    COLOR: #ff0000
}
.TOBEREGISTERED
{
    COLOR: #e79c1a
}
.TOBETRANSFERRED
{
    COLOR: #e79c1a
}
.REGISTERED
{
    COLOR: green
}
.green {
    COLOR: green;
}
.red {
    COLOR: red;
}
.PENDINGAPPROVAL
{
    COLOR: #e79c1a
}
.Open
{
    COLOR: #008800
}
.OnHold
{
    COLOR: #e79c1a
}
.Closed
{
    COLOR: #ff0000
}
.Urgent
{
	COLOR: #ff0000
}
.High
{
	COLOR: #ff0000
}
.Medium
{
    COLOR: #e79c1a
}
.Low
{
    COLOR: #008800
}

.a8 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8px;
}

.a8b {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: bold;
}
.a9 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.a9b {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
}

.a10 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.a10b {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.a11 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.a11b {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.a12 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.a12b {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.a14 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.a14b {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.a16 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.a16b {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.a18 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
}

.a18b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

.ainput {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 1px;
	border-width: thin;
	border-style: ridge;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.button
{
	border: 1px solid #CACEB9;
    background: #F4F1EE;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 12px;
	    cursor: pointer;
    height: 20px;
}

.theme
{
    COLOR: #000000;
    BACKGROUND-COLOR: #003c78
}
.themeText
{
    COLOR: #003c78
}
.themeBack
{
    COLOR: white;
    BACKGROUND-COLOR: #000000
}
.themeBackText
{
    FONT-SIZE: 1em;
    COLOR: white;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif
}
.themeBackText2
{
    FONT-SIZE: 1em;
    COLOR: red;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.themeBackArrow
{
    FONT-SIZE: 0.9em;
}
.linkColour
{
    COLOR: #000044
}
.tableFormCell
{
    COLOR: white;
    BACKGROUND-COLOR: #003c78
}
.tableSelectItem
{
    COLOR: white;
    BACKGROUND-COLOR: #006820
}
.tableDeletedCell
{
    COLOR: white;
    BACKGROUND-COLOR: #CC0808
}
.tableHeaderCell
{
    COLOR: black;
    BACKGROUND-COLOR: #e4e4f5
}
.tableInputFormCell
{
    COLOR: #000000;
    BACKGROUND-COLOR: #003c78
}
.tableInputFormCell2
{
    COLOR: #000000;
    BACKGROUND-COLOR: #ffffff
}
.tableMouseOutCell
{
    CURSOR: pointer;
    COLOR: #000000;
    BACKGROUND-COLOR: #ffffff
}
.tableMouseOverCell
{
    CURSOR: pointer;
    COLOR: white;
    BACKGROUND-COLOR: #003c78
}
.headerFont
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.9em;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.headerFont2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.7em;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.calenderColor
{
	BACKGROUND-COLOR: #003c78;
}
.errorMessageBox
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 0.7em;
	COLOR: #FF0000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	border:solid 1px #FFD200;
	background-color: #FFFED6;
	width:580px;
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
}
.CellUndeLine
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	width:auto;
	text-align:left;
	padding: 1pt;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	margin: auto;
}
.TDdash {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	background-color: #F9F9F9;
	border: 1px dashed #EAEAEA;
}
.TableBox
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	width:auto;
	text-align:left;
	padding: 1pt;
	margin: auto;
	border: medium solid #000000;
}
.successMessageBox
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 0.7em;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	border:solid 1px #FFD200;
	background-color: #FFFED6;
	width:580px;
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
}

INPUT.buttonNormal {
	BORDER-RIGHT: medium none;
	BORDER-TOP: medium none;
	FONT-SIZE: 11px;
	BACKGROUND-IMAGE: url(../images/xp/btn_Normal.gif);
	BORDER-LEFT: medium none;
	WIDTH: 120px;
	CURSOR: pointer;
	COLOR: #000000;
	BORDER-BOTTOM: medium none;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	HEIGHT: 29px;
	BACKGROUND-COLOR: #e4e4f5;
}

INPUT.buttonNormal2 {
	BORDER-RIGHT: medium none;
	BORDER-TOP: medium none;
	FONT-SIZE: 11px;

	BORDER-LEFT: medium none;
	WIDTH: 140px;
	CURSOR: pointer;
	COLOR: #000000;
	BORDER-BOTTOM: medium none;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	HEIGHT: 29px;
	BACKGROUND-COLOR: #e4e4f5;
}

INPUT.buttonNormal#Back {
	PADDING-LEFT: 30px;
	BACKGROUND-IMAGE: url(../images/xp/btn_Backward.gif)
}

INPUT.buttonNormal#AddNew {
	PADDING-RIGHT: 30px;
	BACKGROUND-IMAGE: url(../images/xp/btn_Add.gif)
}

INPUT.buttonNormal#Install {
	PADDING-RIGHT: 30px;
	BACKGROUND-IMAGE: url(../images/xp/btn_Install.gif)
}

INPUT.buttonNormal#Uninstall {
	PADDING-RIGHT: 30px;
	BACKGROUND-IMAGE: url(../images/xp/btn_Uninstall.gif)
}

INPUT.buttonNormal#Print {
	PADDING-RIGHT: 30px;
	BACKGROUND-IMAGE: url(../images/xp/btn_Print.gif)
}

INPUT.buttonNormal#RePrint {
	PADDING-RIGHT: 30px;
	BACKGROUND-IMAGE: url(../images/xp/btn_Print.gif)
}

INPUT.buttonNormal#Forward {
	PADDING-RIGHT: 30px;
	BACKGROUND-IMAGE: url(../images/xp/btn_Forward.gif)
}

INPUT.buttonNormal#Save {
	PADDING-RIGHT: 30px;
	BACKGROUND-IMAGE: url(../images/xp/btn_Save.gif)
}

INPUT.buttonNormal#Change {
	PADDING-RIGHT: 30px;
	BACKGROUND-IMAGE: url(../images/xp/btn_Save.gif)
}

INPUT.buttonNormal#Switch {
	PADDING-RIGHT: 30px;
	BACKGROUND-IMAGE: url(../images/xp/btn_Switch.gif)
}

INPUT.buttonNormal#Undo {
	PADDING-RIGHT: 30px;
	BACKGROUND-IMAGE: url(../images/xp/btn_Undo.gif)
}

INPUT.buttonNormal#Processing {
	PADDING-RIGHT: 30px;
	BACKGROUND-IMAGE: url(../images/xp/btn_Processing.gif)
}

INPUT.buttonNormal#ProcessingPreload {
	DISPLAY: none;
	BACKGROUND-IMAGE: url(../images/xp/btn_Processing.gif)
}

INPUT.buttonNormal#Delete {
	PADDING-RIGHT: 30px;
	BACKGROUND-IMAGE: url(../images/xp/btn_Delete.gif)
}

INPUT.buttonNormal#Login {
	PADDING-RIGHT: 30px;
	BACKGROUND-IMAGE: url(../images/xp/btn_Login.gif)
}

INPUT.buttonNormal#btnStart {
	PADDING-RIGHT: 30px;
	BACKGROUND-IMAGE: url(../images/xp/btn_Search.gif)
}

.smallFont
{
    FONT-SIZE: 0.6em;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    margin-left: 0px;
}
.smallFont2
{
    FONT-SIZE: 0.6em;
    FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica, sans-serif
}
.smallFontBold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.6em;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.smallFontBold2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.6em;
    FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica, sans-serif
}
.smallFontWhite
{
    FONT-SIZE: 0.6em;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.smallFontBlack
{
    FONT-SIZE: 0.6em;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.smallFontBlack2
{
    FONT-SIZE: 0.6em;
    COLOR: black;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif
}
.smallFontWhiteBold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.6em;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.normalFont
{
    FONT-SIZE: 0.8em;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.normalFont2
{
    FONT-SIZE: 0.8em;
    FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica, sans-serif
}
.normalFontBold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.8em;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.normalFontBold2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.8em;
    FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica, sans-serif
}
.normalFontWhite
{
    FONT-SIZE: 0.8em;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.normalFontWhiteBold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.8em;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.normalFontBlack
{
    FONT-SIZE: 0.8em;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.normalFontBlackBold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.8em;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.optionFont
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.1em;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif
}
.optionFontSmall
{
	font-weight: bold;
	font-size: 0.9em;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.pageTitleFont
{
    FONT-SIZE: 1.5em;
    COLOR: black;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif
}
.textBox
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid
}
.textBoxSmall
{
	FONT-SIZE:10px;
	FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid
}
/*.ACTIVE
{
    COLOR: #008800
}*/
.SUSPENDED
{
    COLOR: #e79c1a
}
.DISABLED
{
    COLOR: #e79c1a
}
.CANCELLED
{
    COLOR: #ff0000
}
.PENDINGPAYMENT
{
    COLOR: #ff0000
}
.PAYMENTDUE
{
    COLOR: #ff0000
}
.TOBEREGISTERED
{
    COLOR: #e79c1a
}
.TOBETRANSFERRED
{
    COLOR: #e79c1a
}
.REGISTERED
{
    COLOR: green
}
.PENDINGAPPROVAL
{
    COLOR: #e79c1a
}
.Open
{
    COLOR: #008800
}
.OnHold
{
    COLOR: #e79c1a
}
.Closed
{
    COLOR: #ff0000
}
.Urgent
{
	COLOR: #ff0000
}
.High
{
	COLOR: #ff0000
}
.Medium
{
    COLOR: #e79c1a
}
.Low
{
    COLOR: #008800
}
.DatagridBorder
{
	BORDER-BOTTOM:	black 1px solid;
	BORDER-LEFT:	black 1px solid;
	BORDER-TOP:		black 1px solid;
	BORDER-RIGHT:	black 1px solid;
    border-color:	Black;
    border-style:	solid;
    border-width:	1px;
}
.Garbage
{


	background: transparent url(../images/xp/del.gif) center left no-repeat;
	cursor: pointer;
	padding: 0px 0px 0px 14px;
	width:12px;
}
.CalendarHeaderMonth
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.9em;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #C2DBED;
}
.CalendarHeaderWeek
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.6em;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #0E5E98;
}
.CalendarSelectedDay
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.8em;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #5298CA;
}
/*
CSS Style for APNSoft DataGrid
Version APNSoft 2.2
Created: 02/28/2007
Updated: 09/21/2007
Copyright 2003-2007 APNSoft. All rights reserved.
http://www.apnsoft.com

Free for commercial and non-commercial use.
You can distribute and modify it freely.
*/


/*=====================Grid=======================*/

/*Grid DIV*/
.GridDIV
{
     border:solid 1px #808080;
     background-color:gray;

     /*
     position:absolute;
     left:100px;
     top:100px;
     */
}


/*==================Grid Header===================*/

/*Header DIV*/
.GridHeaderDIV
{
     background-color:#E1E1E1;
     background-image:url(../Skins/APNSoft/HeaderBg.gif);
     background-repeat:repeat-x;
}

/*Header Cell*/
.GridHeaderTD
{
     font-family:Arial,Verdana;
     font-size:12px;
     text-align:left;
     vertical-align:middle;
     padding:0px;
     padding-top:4px;
     padding-bottom:3px;
     overflow:hidden;
     white-space:nowrap;
     text-overflow:ellipsis;
     border-bottom:solid 1px #808080;
}


/*Header Cell's internal DIV*/
.GridHeaderTD DIV
{
     border-right:solid 1px #BFBFBF;
     border-left:solid 1px #FFFFFF;
     padding:0px;
     padding-left:4px;
     overflow:hidden;
     white-space:nowrap;
     text-overflow:ellipsis;
     background-color:White;
}

/*Header Cell (Hovered)*/
.GridHeaderTDh
{
     font-family:Arial,Verdana;
     font-size:12px;
     text-align:left;
     vertical-align:middle;
     padding:0px;
     padding-top:4px;
     padding-bottom:3px;
     overflow:hidden;
     white-space:nowrap;
     text-overflow:ellipsis;
     background-color:#E9E9E9;
     background-image:url(../Skins/APNSoft/HeaderBgOver.gif);
     background-repeat:repeat-x;
     border-bottom:solid 1px #000000;
}

/*Header Cell's internal DIV (Hovered)*/
.GridHeaderTDh DIV
{
     border-right:solid 1px #C8C5B2;
     border-left:solid 1px #FFFFFF;
     padding:0px;
     padding-left:4px;
     overflow:hidden;
     white-space:nowrap;
     text-overflow:ellipsis;
     background-color:White;
}


/*==================Grid Columns==================*/

/*Box for column is being resized*/
.GridColumnResizedDIV
{
     padding:0px;
     display:block;
     background-color:#FFD79A;
     border-right:solid 1px #FE9A00;
     filter:alpha(opacity=50);/*Semi-Transparency for IE*/
     -moz-opacity:0.5;/*Semi-Transparency for Mozilla*/
     opacity:0.5;/*Semi-Transparency for Gecko*/
}



/*================Grid Rows & Cells===============*/

/*Rows DIV*/
.GridRowsDIV
{
     scrollbar-base-color: #313421;
     scrollbar-arrow-color: #FE9A00;
     scrollbar-3dlight-color: #959595;
     scrollbar-darkshadow-color: #959595;
     scrollbar-face-color: #F1F1F1;
     scrollbar-highlight-color: #FFFFFF;
     scrollbar-shadow-color: #F1F1F1;
     scrollbar-track-color: #959595;
}

/*Table for rows*/
.GridRowsTABLE
{
     background-color:#FCFCFC;
}

/*Row Cell*/
.GridRowsTABLE TD
{
     font-family:Arial,Verdana;
     font-size:12px;
     border:none;
     border-right:1px solid #E4E4E4;
     padding: 3px 4px 3px 4px;
     overflow:hidden;
     white-space:nowrap;
     text-overflow:ellipsis;
     cursor:default;
}

/*Row Cell's internal DIV*/
.GridRowsTABLE TD DIV
{
     overflow:hidden;
     white-space:nowrap;
     text-overflow:ellipsis;
     /*cursor:default;*/
}

/*Even Rows*/
.GridRowEvenTR
{
     background-color:#F1F1F1;
}


/*Row Cell (Selected Row)*/
.GridRowSelectedTR TD
{
     background-color:#FE9A00;
     color:black;
     padding-top:3px;
     padding-bottom:2px;
     padding-right:5px;
     border-right:solid 0px #FCFCFC;
     border-bottom:solid 1px #FE9A00;
}

/*Row Cell (Hovered Row)*/
.GridRowHoveredTR TD
{
     background-color:#DFDFDF;
     border-right:1px solid #DFDFDF;
}

/*Row Cell (Selected & Hovered Row)*/
.GridRowSelectedHoveredTR TD
{
     background-color:#D98200;
     border-right:1px solid #D98200;
}


/*====================Grid Bar====================*/

/*Bar DIV*/
.GridBarDIV
{
     background-color:#D4D4D4;
     padding:0px;
     padding-top:4px;
     padding-bottom:3px;
     background-image:url(../Skins/APNSoft/BtmBarBg.gif);
     background-repeat:repeat-x;
}

/*Bar Cell (All)*/
.GridBarTABLE TD
{
     font-family:Arial,Verdana,Arial,Verdana;
     font-size:12px;
     font-weight:normal;
     white-space:nowrap;
     vertical-align:top;
}

/*Bar Cell (Button)*/
.GridBarButtonTD
{
     padding:0px;
     background-color:White;
     cursor:default;
}

/*Bar Cell (Hovered Button)*/
.GridBarButtonHoveredTD
{
     padding:0px;
     background-color:White;
     cursor:default;
     cursor:hand;
     cursor:pointer;
}

/*Bar Cell (Pages)*/
.GridBarPagesTD
{
     font-size:12px;
     padding-top:3px;
     padding-left:10px;
     padding-right:6px;
     cursor:default;
}

/*Bar Cell (Rows)*/
.GridBarRowsTD
{
     font-size:12px;
     padding-top:3px;
     padding-left:10px;
     padding-right:6px;
}

/*Bar Cell (Status Bar)*/
.GridBarStatusBarTD
{
     color:Gray;
     font-size:10px;
     padding-top:3px;
     padding-left:6px;
     padding-right:6px;
     text-align:right;
}

/*Bar Cell (Separator)*/
.GridBarSeparatorTD
{
     background-color:White;
     padding-left:7px;
     background-image:url(../Skins/APNSoft/SepBg.gif);
     background-repeat:repeat-x;
}

/*Bar Cell (Spacer)*/
.GridBarSpacerTD
{
     cursor:default;
}


/*===================Edit Form====================*/

/*Edit Form DIV*/
.GridEditFormDIV
{
     padding:4px;
     background-color:#F8F8F8;
     border:solid 1px #808080;
     filter:alpha(opacity=99);/*Semi-Transparency for IE*/
     -moz-opacity:0.99;/*Semi-Transparency for Mozilla*/
     opacity:0.99;/*Semi-Transparency for Gecko*/
}


/*===================Custom classes====================*/

/*Custom class for line numbers*/
.LineNumbers
{
     font-weight:bold;
     color:#FE9A00;
     background-color:#FFFFFF;
     text-align:right;
}

/*Custom class for the 'CustomerID' column*/
.CustomerID
{
     font-weight:bold;
     color:Silver;
     background-color:#FFFFFF;
}

/*Custom class for the 'CompanyName' column*/
.CompanyName
{
     color:#7D0000;
     background-color:#FFF2F2;
}

/*Custom class for the 'ContactName' column*/
.ContactName
{
     color:#4D4B0F;
     background-color:#F8F7DC;
}

/*Custom class for the 'Address' column*/
.Address
{
     color:#008000;
     background-color:#F4FFF4;
}

/*Custom class for the 'PostalCode' column*/
.PostalCode
{
     color:Navy;
     background-color:#EDF0FC;
}


/* ================================================= */
/* =================== NEW STYLE =================== */
/* ================================================= */
.TablaPrincipal
{
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	vertical-align: top; /*border: 1px solid #000000;*/
	width: 90%;
}

.tdLogin
{
	padding-top: 5;
	padding-right: 5;
}

/*******************************estilo del menú principal**********************************/
/**********************************************************************************************/
.MenuIconos
{
	float: left;
	padding: 0px 0px 0px 15px;
}
.MenuIconos a
{
	font-size: 11px;
	color: #FFF;
}
.MenuIconos b
{
	font-size: 13px;
	color: #FFF;
}

.cabecera
{
	background-color: #e77918; /*D71726;*/ /*BACKGROUND-IMAGE:  URL(img/barra1.png);*/
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-weight: bold;
	width: inherit;
	vertical-align: top;
	height: 17px;
}
.alterno
{
	/*#E5EAED;*/
	background-color: #FFF0E1;
	background-color: #FFF0E1;
	vertical-align: top;
	width: inherit;
	color: inherit;
}
.alternoGrid
{
	background-color: #FFF0E1; /*BACKGROUND-COLOR:#EDECEB;#E5EAED;*/
	vertical-align: top;
	width: inherit;
	color: inherit;
}
.TableBlanco
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px; /*	MARGIN: 0px;*/ /*	BORDER-COLLAPSE: collapse;*/
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #cccccc;
}
.banner_gray
        {
            font-size: large;
            font-weight: bold;
            background-color: Gray;
            width: 100%;
            height: 20px;
            position: relative;
            margin-top: 10px;
        }
        .banner_jones
        {
            font-size: large;
            font-weight: bold;
            background-color: #003c78;
            width: 100%;
            position: relative;
            margin-top: 10px;
            padding-left: 10px;
            color:White;
            vertical-align="middle";
        }

         .input_comment
        {
            border-style: none;
            border-bottom: solid 1px black;
            width: 100%;
        }
         .input_comment_NoWidth
        {
        display:inline-block;
            border-style: none;
            border-bottom: solid 1px black;

        }

.modalPopup
{
  width: 450px;
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
      position: absolute;
      background-color: #ffffff;
      font-size: 11px;
      text-align: left;
      border: solid 1px #eeeeee;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      padding: 7px;
      font-weight: bold;
    top: 2700px;
    left: 11px;
}

.modalPopupBG
{
    background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
}
.modalBackground
{
    position: absolute;
      background-color: #000000;
    filter:alpha(opacity=70);
    opacity:0.7;
}


.modalBotton{
padding: 3px 10px;
      margin: 0 10px;
      background-color: #8DC05B;
      border: solid 1px #f4f4f4;
      color: #ffffff;
      font-weight: bold;
      font-size: 12px;
}
.modalBotton:hover{
      background-color: #8DC05B;
      }

.modalbuttonCancel{
      padding: 3px 10px;
      margin: 0 10px;
      background-color: #2F6073;
      border: solid 1px #f4f4f4;
      color: #ffffff;
      font-weight: bold;
      font-size: 12px;
}
.modalbuttonCancel:hover{
      background-color: #728A8C;
}

.modalFont
{
    FONT-SIZE: 1.0em;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

div.checkListScroll
{
    height: 250px;
    overflow:auto;
    border:1px solid black;

}

div.WordWrap
{
   white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;      /* IE 5+ */
    overflow: auto;
    overflow-y:scroll;
    overflow-x:hidden;
    -ms-overflow-x: hidden;
    overflow-y:hidden;
    -ms-overflow-y: hidden;
   text-align:justify;
   vertical-align=:top;
    width:100px;
}

div.CtrlPartWrap
{
    width:50px;
}

div.eDocWrap
{
   white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;      /* IE 5+ */
    overflow: auto;
    overflow-y:scroll;
    overflow-x:hidden;
    -ms-overflow-x: hidden;
    overflow-y:hidden;
    -ms-overflow-y: hidden;
   text-align:justify;
   vertical-align:top;
    width:80px;
}

div#topBanner
{
    width:auto;
    background-color:#003c78;
    height:70px;
    margin-bottom:0;
}
div#leftLogo
{

    float:left;
    width:auto;
}
div#rightLogo
{
    float:right;
    width:auto;
}
div#homeBanner
{
    margin-bottom:0;
    background-color:Black;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
div#pageDescription
{
    margin-bottom:0;
}

div#pageMainContent
{
    margin-left:20px;
    margin-right:20px;
}

input.txtQtySS
{
    font-style:italic;
    color:Gray;
    width:30px;
}

input.txtQtySS2
{
    color:Black;
    width:30px;
}

tr.txtQtyError
{
    background-color:Red;
    width:auto;
}

tr.txtQty
{
    background-color:blue;
}

div.tableContainer {
	clear: both;
	border: 1px solid #963;
	height: 285px;
	overflow: auto;
}

html>body div.tableContainer {
	overflow: hidden;

}

div.tableContainer table {
	float: left;

}

html>body div.tableContainer table {

}

thead.fixedHeader tr {
	position: relative
}
html>body thead.fixedHeader tr {
	display: block
}
html>body tbody.scrollContent {
	display: block;
	height: 262px;
	overflow: auto;
	width: 100%
}

.tr-hover
{
    background-color:#C2DBED;
}

.tr-error
{
    background-color:Red;
}

#dialog-overlay
{
    width:100%;
    height:100%;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity:0.5;
    opacity:0.5;
    background:#000;
    position:absolute;
    top:0;left:0;
    z-index:3000;

    display:none;
}

#dialog-box
{
    position:fixed;
    z-index:5000;
    height:auto;
    display:none;
    width:500px;
}

#dialog-box .dialog-content
{
    text-align:center;
    padding:5px;
    color:Black;
    font-family:arial;
    font-size:large;
    width:auto;


}

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


input.myLinkButton
{
    background-color:transparent;
    border:0;
    color:Blue;
    font-size:small;
}

input.myLinkButton:hover
{
    text-decoration:underline;
    cursor:pointer;

}

label.lblMessage
{
    text-align:center;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:40px;
    padding-right:40px;
    color:Black;

    width:auto;
    /*background-color:#fdd017;*/
    background-color: #F9EDBE;
    /*border-color: #F0C36D;*/
    border:1px solid #F0C36D;
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

div.MessageFont
{
    font-size:10pt;
    font-weight:bold;

}

span.ErrorMessage
{
    background-color:Red;
    color:White;
    font-weight:bold;
    display:none;
}

/*NEW STYLES*/

/*BILLING PERIOD*/
#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;
}


#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:450px;

    /* 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:center;

    margin:5px;
    color:Black;
    font-family:arial;
    font-size:11px;
}


/*BILLING INVOICING LIST*/


input.tblBtnLink
{
    background:0;
    border:0;
    color:Blue;
    text-decoration:none;
    visibility:hidden;
}

input.btnLink
{
    background:0;
    border:0;
    color:Blue;
    text-decoration:none;
}

input.btnLink:hover
{
    cursor:pointer;
    text-decoration:underline;
}

input.tblBtnLink:hover
{
    cursor:pointer;
    text-decoration:underline;
}

input.tblBtn
{
    visibility:hidden;
}

input.tblBtnByControl
{
    visibility:hidden;
}

input.editable
{
    border:0;
}

textarea.editable
{
    border:0;
    font-size:smaller;
    font-family:Arial, Verdana;
}

#tblInvoicingList > tbody > tr:hover
{
    cursor:default;
    background-color:#C2DBED;
}

#tblInvoicingList > tbody > tr:hover input
{
    visibility:visible;
}

#tblInvoicingList > thead > tr
{
    visibility:hidden;
}

#tblInvoicingList
{
    border-collapse:collapse;
}

#tblInvoicingList > tbody > tr
{
    /*border-bottom:1px dotted black;*/
    border-collapse:collapse;
}

div.dataTables_scrollHeadInner > table > thead > tr
{
    text-align:left;
    background-color:#003c78;
    color:White;
}



div.FixedHeader_Cloned > table > thead > tr
{
    background-color:#003c78;
    color:White;
    cursor:default;
    text-align:left;
}

#txtCutoffDate
{
    font-weight:bolder;
}

/*BILLING STEP TOW V2*/
span.togg
{
    color:Blue;
    cursor:pointer;
    font-size:smaller;
}

span.togg:hover
{
    text-decoration:underline;
}

.lbl-warning
{
    display: inline-block;
padding: 2px 4px;
font-size: 11.844px;
font-weight: bold;
line-height: 14px;
color: #ffffff;
white-space: nowrap;
vertical-align: baseline;
background-color: #ffb752;
background-image: -moz-linear-gradient(top, #ffb752, #FF9800);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffb752), to(#FF9800));
background-image: -webkit-linear-gradient(top, #ffb752, #FF9800);
background-image: -o-linear-gradient(top, #ffb752, #bd362f);
background-image: linear-gradient(to bottom, #ffb752, #FF9800);
background-repeat: repeat-x;
border-color: #ffb752 #ffb752 #FF9800;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

}

.lbl-danger
{
    display: inline-block;
padding: 2px 4px;
font-size: 11.844px;
font-weight: bold;
line-height: 14px;
color: #ffffff;
white-space: nowrap;
vertical-align: baseline;
background-color: #da4f49;
background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
background-repeat: repeat-x;
border-color: #bd362f #bd362f #802420;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

}

.lbl-success
{
    display: inline-block;
padding: 2px 4px;
font-size: 11.844px;
font-weight: bold;
line-height: 14px;
color: #ffffff;
white-space: nowrap;
vertical-align: baseline;
background-color: #5bb75b;
background-image: -moz-linear-gradient(top, #62c462, #51a351);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
background-image: -webkit-linear-gradient(top, #62c462, #51a351);
background-image: -o-linear-gradient(top, #62c462, #51a351);
background-image: linear-gradient(to bottom, #62c462, #51a351);
background-repeat: repeat-x;
border-color: #51a351 #51a351 #387038;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

}

.divInstructions
{
    padding:8px;
    background-color:#F9EDBE;
    border:2px solid #F0C36D;
    width:70%;

}
.reportSection {

}
.reportSection > h2 {
    margin:0;
    padding-bottom: 10px;
    text-align: left;
}
.reportSection > h2 > img {
    height:60px;
    width: 60px;
}
.reportSection > ul {
    list-style: none;
    padding: 0;
}
.reportSection > ul > li {
    margin: 5px 0;
}
.reportSection > ul > li > a {
    background: url('../images/xp/ReportIcon.png') no-repeat left center transparent;
    font-size: 12px;
    padding-left: 20px;
}
.reportSection > ul > li > a:hover {
    color:#F00;
    text-decoration: underline;
}
[class*="link-"] {
    font-size: small;
    font-family: "FontAwesome";
}
.link-view:before {
    content: "\f002";
}
.link-edit:before {
    content: "\f040";
}

/*Luis Hernandez*/
.btnLeftArrow{
   
    BACKGROUND-IMAGE: url(../images/xp/leftArrow1.png),linear-gradient(0deg, #d6d6d6 0%, #fcfcfc 90%);
    background-repeat: no-repeat;
    background-position: right;   
}
.btnSave {
    BACKGROUND-IMAGE: url(../images/xp/btn_Save.gif),linear-gradient(0deg, #d6d6d6 0%, #fcfcfc 90%);
    background-repeat: no-repeat;
    background-position: right;
}
.btnNew{
     -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    PADDING-RIGHT: 30px;
     BORDER-RIGHT: solid 1px;
    BORDER-TOP: solid 1px;
    FONT-SIZE: 11px;
    BORDER-LEFT: solid 1px;
    CURSOR: pointer;
    COLOR: #000000;
    BORDER-BOTTOM: solid 1px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #e4e4f5;
     height: 29px;
    width: 170px;
}
.btnNews{
     -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    PADDING-RIGHT: 30px;
    BORDER-RIGHT: solid 1px;
    BORDER-TOP: solid 1px;
    FONT-SIZE: 11px;
    BORDER-LEFT: solid 1px;
    CURSOR: pointer;    
    BORDER-BOTTOM: solid 1px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;    
    height: 29px;
    width: 170px;
}

/*End Luis Hernandez*/
#FileUpload1 {
    display:inline;
}
.rljones .navbar {
    background: #003C78 url('../images/xp/logo_Right.gif') no-repeat right top;
    border: 0;
    border-bottom: 10px solid #000;
    border-radius:0;
    height: 80px;
}
.rljones .navbar-header .navbar-brand img {
    height: 45px;
}
.rljones #user-info {
    margin-top: 15px;
}
.rljones #user-info > .navbar-nav {
    background-color: #d9534f;
    border-color: #d43f3a;
    border-radius: 5px;
}
.rljones #user-info > .navbar-nav > .dropdown {
    box-shadow: 0px 2px 2px #000;
}
.rljones #user-info > .navbar-nav > .dropdown > a {
    color: #000;
    padding-bottom: 10px;
    padding-top: 10px;
}
.rljones #user-info > .navbar-nav > .dropdown.open > a {
    background-color: #ac2925;
    border-color: #761c19;
    border-radius: 5px;
    color: #000;
}
.rljones .navbar-login
{
  color:#000;
 
    width: 305px;
    padding: 10px;
    padding-bottom: 0px;
}
.rljones .navbar-login-session
{
    padding: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
}
.rljones .icon-size
{
    font-size: 87px;
}
.rljones .page-header {
    margin:0px 0px 20px;
}
.rljones .page-header img {
    margin:0px 20px;
}
.rljones .page-header h4 {
    color:#000;
    display:inline;
    font-weight: bold;
}
.rljones .breadcrumb {
    background-color: transparent;
    border-bottom: 1px solid #CCC;
    border-radius:0px;
    margin-bottom: 15px;
}
.rljones .breadcrumb > li.active {
    color: #555;
    font-size: 1.5em;
    font-weight: bold;
}
.rljones .container .row {
    margin:0px 10px
}
.rljones .panel-rljones .panel-heading {
    background-color: #003c78;
    border-color:#000;
    color:#FFF;
}
div.dataTables_wrapper div.dataTables_filter {
    text-align: left;
}
div.dataTables_wrapper .btn-toolbar .btn-group {
    float: right;
}
#tReminders, #tAlertsUnsent, #tInbonds {
    background-color: #003C78;
    border-radius: 4px;
    width: 600px;
    max-height: 300px;
    margin-top: 5px;
    padding-bottom: 1px;
}
#hReminders, #hAlertsUnsent, #hInbonds {
    color: white;
    font-weight: bold;
    height: 25px;
    text-align: right;
}
    #hReminders > .title, #hAlertsUnsent > .title, #hInbonds > .title {
        float: left;
        font-size: 1.1em;
        padding-left: 10px;
    }
#bReminders, #bAlertsUnsent, #bInbonds {
    background-color: white;
    max-height: 271px;
    min-height: 20px;
    margin-bottom: 4px;
    margin-left: 4px;
    overflow-y: scroll;
    width: 594px;
}


/* Alerts */
.gritter-item-wrapper {
    background-image: none!important;
    box-shadow: 0 2px 10px rgba(50, 50, 50, 0.5);
    background: rgba(50, 50, 50, 0.92);
}
.gritter-item-wrapper.gritter-info {
    background: rgba(49, 81, 133, 0.92);
}
.gritter-item-wrapper.gritter-error {
    background: rgba(153, 40, 18, 0.92);
}
.gritter-item-wrapper.gritter-success {
    background: rgba(89, 131, 75, 0.92);
}
.gritter-item-wrapper.gritter-warning {
    background: rgba(190, 112, 31, 0.92);
}
.gritter-item-wrapper.gritter-light {
    background: rgba(245, 245, 245, 0.95);
    border: 1px solid #BBB;
}
.gritter-item-wrapper.gritter-light.gritter-info {
    background: rgba(232, 242, 255, 0.95);
}
.gritter-item-wrapper.gritter-light.gritter-info .gritter-item {
    color: #4a577d;
}
.gritter-item-wrapper.gritter-light.gritter-error {
    background: rgba(255, 235, 235, 0.95);
}
.gritter-item-wrapper.gritter-light.gritter-error .gritter-item {
    color: #894a38;
}
.gritter-item-wrapper.gritter-light.gritter-success {
    background: rgba(239, 250, 227, 0.95);
}
.gritter-item-wrapper.gritter-light.gritter-success .gritter-item {
    color: #416131;
}
.gritter-item-wrapper.gritter-light.gritter-warning {
    background: rgba(252, 248, 227, 0.95);
}
.gritter-item-wrapper.gritter-light.gritter-warning .gritter-item {
    color: #946446;
}
.gritter-item p {
    line-height: 1.8;
}
.gritter-top, .gritter-bottom, .gritter-item {
    background-image: none !important;
}
.gritter-close {
    left: auto;
    right: 3px;
    background-image: none;
    width: 18px;
    height: 18px;
    line-height: 17px;
    text-align: center;
    border: 2px solid transparent;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border-radius: 16px;
    color: #e17b67;
}
.gritter-close:before {
    font-family: 'FontAwesome';
    font-size: 16px;
    content: "\f00d"
}
.gritter-info .gritter-close {
    color: #ffa500;
}
.gritter-error .gritter-close, .gritter-success .gritter-close, .gritter-warning .gritter-close {
    color: #ffea07;
}
.gritter-close:hover {
    color: #FFF!important;
}
.gritter-title {
    text-shadow: none;
}
.gritter-light .gritter-item, .gritter-light .gritter-bottom, .gritter-light .gritter-top, .gritter-light .gritter-close {
    background-image: none;
    color: #444;
}
.gritter-light .gritter-title {
    text-shadow: none;
}
.gritter-light .gritter-close:hover {
    color: #8a3104!important;
}
.gritter-center {
    position: fixed;
    left: 33%;
    right: 33%;
    top: 33%
}



.gritter-close {
left:auto;
right:3px !important;
background-image:none !important;
width:18px;
height:18px;
line-height:17px;
text-align:center;
border:2px solid transparent;
border-radius:16px;
color:#E17B67;
}
/*
    Panels
*/
.rljones .panel-primary > .panel-heading {
    background-color: #003C78;
    border-color: #003C78;
}
/*
    Select Items Screens
*/
span.tdWithInfo {
    cursor: help;
}

    span.tdWithInfo:after {
        content: '\f05a';
        font-family: FontAwesome;
        font-style: normal;
        font-weight: bold;
        text-decoration: inherit;
        margin-left: 5px;
    }

tr.hold td {
    background-color: #f2dede !important;
}

tr.hold span.tdControlNum {
    text-decoration: line-through;
    font-weight: bold;
}

tr.hold span.tdStatus, tr.inbondIT span.tdType {
    font-weight: bold;
}

tr.alreadyRequested td, tr.inbondIT td {
    background-color: #fcf8e3 !important;
}

tr.alreadyRequested span.tdControlNum, tr.inbondIT span.tdControlNum {
    font-weight: bold;
}

tr.fullRequested input.tdQtyReq {
    display: none;
}

tr.hold input[type=checkbox], tr.fullRequested input[type=checkbox] /*, tr.inbondIT input[type=checkbox]*/ {
    display: none;
}