@media screen and (max-width: 1300px)
{
    .headerImg
    {
        height: 60%;
    }
}

@media screen and (max-width: 1200px)
{
    .headerImg
    {
        height: 48%;
    }
}

@media screen and (max-width: 966px)
{
    .headerImg
    {
        height: 38%;
    }
}

@media screen and (max-width: 766px)
{
    .headerImg
    {
        height: 28%;
    }
}

@media screen and (max-width: 566px)
{
    .headerImg
    {
        height: 18%;
    }
}

@media screen and (max-width: 480px)
{
    .headerImg
    {
        height: 18%;
    }
}


html, body {
    margin: 0;
    padding: 0;
    border:1px;
    vertical-align:top;
    height: 100%;
    font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	color : #777777;
}

td,p
{
    font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	color : #777777;
}

a
{
    color : #ffffff;
    text-decoration : none;  
}

a:hover
{
    text-decoration : underline;  
}

a:visited
{
    color : #ffffff;
    text-decoration : none;   
}

a.pageLinks
{
    color : #009dca;
    text-decoration : none;
    font-size: 10pt; 
}

a:hover.pageLinks
{
    text-decoration : underline;  
}

a:visited.pageLinks
{
    color : inherit;
    text-decoration : none;   
}


.navLinks
{
    font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : #ffffff;
	
	font-weight : bold;
}

.navSub
{
    background-image : url(../images/rrp-nav-1-1.gif);
    height: 41px;
}

.navSubButton
{
	width : 101px;
	height : 29px;
	background-image : url(../images/btn-nav-normal.gif);
	
	text-align : center;
	font-weight : bold;
}

.navSubButtonActive
{
	width : 101px;
	height : 29px;
	background-image : url(../images/btn-nav-active.gif);
	
	text-align : center;
	font-weight : bold;
}

.navSubLinks
{
    font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : #ffffff;
	height: 29px;
	text-decoration: none;
	line-height: 31px;
}

.sectionHeader
{
    font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : #ffffff;
	
	font-weight : bold;
}

.sectionSubHeader
{
    font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	color : #ffffff;
	
	font-weight : bold;
}

.sectionSubHeaderDark
{
    font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	color : #777777;
	
	font-weight : bold;
}

.sectionSubHeaderCell
{
    font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	color : #ffffff;
	background:url(../images/sub-header-lt-grey.gif);
	font-weight : bold;
	height : 25px;
	
	border-left : 1px solid #e2e2e2;
	border-right : 1px solid #969696;
	
	padding-left : 2px;
}


.contentEntry 
{
	color : #555555;
	font-size : 10pt;
	font-family : arial;
	font-weight : normal;
	
	width : 200px;
	
	border: 1px solid #8a8eb4;
	background-color : #ebedfc;
}

.entryHalfSize
{
	width : 280px;
}

.entryFullSize
{
	width : 674px;
}

.entryFullSizeDropDown
{
	width : 678px;
}

.entryDimensions
{
	float: left;
	width: 50px;
	padding-right: 7px;
}

.entryDimensionsText
{
	padding-right: 0px;
}

.entryDimensionsCosts
{
	float: left;
	width: 89px;
	padding-right: 7px;
}

.entryDimensionsCostsText
{
	padding-right: 0px;
}

.entryJobDescription
{
	width : 280px;
	height : 50px;
}

.contentButtonSmall
{
	color : #ffffff;
	font-size : 9pt;
	font-family : arial;
	font-weight : normal;
	
	width : 80px;
	
	border: 1px solid #8a8eb4;
	background-color : #006ca6;
}

.contentButton
{
	color : #ffffff;
	font-size : 9pt;
	font-family : arial;
	font-weight : normal;
	
	width : 200px;
	height : 25px;
	
	border: 1px solid #8a8eb4;
	background-color : #006ca6;
}

.contentButtonDisabled
{
	color : #ffffff;
	font-size : 9pt;
	font-family : arial;
	font-weight : normal;
	
	width : 200px;
	height : 25px;
	
	border: 1px solid #8a8eb4;
	background-color : #606060;
	cursor: not-allowed;
}

.contentUtilityButton
{
	color : #ffffff;
	font-size : 8pt;
	font-family : arial;
	font-weight : normal;
	
	width : 200px;
	height : 25px;
	
	border : 1px solid;
	border-color : #777777;
	
	background-image : url(../images/btn-utility.gif);
	background-repeat : repeat;
	background-color : #a6a7a6;
}

.listActionButtonGreen
{
	color : #ffffff;
	font-size : 8pt;
	font-family : arial;
	font-weight : bold;
	
	width : 80px;
	height : 25px;
	
	border : 0px solid;
	
	background-image : url(../images/btn-action-green.gif);
	background-repeat : repeat;
}

.listActionButton
{
	color : #ffffff;
	font-size : 8pt;
	font-family : arial;
	font-weight : bold;
	
	width : 80px;
	height : 25px;
	
	border : 0px solid;
	
	background-image : url(../images/btn-action.gif);
	background-repeat : repeat;
}

.listActionButtonText
{
	color : #ffffff;
	font-size : 8pt;
	font-family : arial;
	font-weight : bold;
	
	line-height : 25px;
}

.errorForm 
{
	color : #ff0000;
	font-size : 9pt;
	font-family : arial;
	font-weight : bold;

}


.errorFormHeader
{
	color : #ff0000;
	font-size : 12pt;
	font-family : arial;
	font-weight : bold;
	
	padding : 10px 10px 10px 10px;
}

.errorList 
{
	color : #ff0000;
	font-size : inherit;
	font-family : inherit;
	font-weight : bold;
}

.viewHeader
{
	background-color : #777777;
	
	font-family : Arial;
	font-size : 18pt;
	font-weight : bold;
	color : #ffffff;
	
	text-align : center;
	
	padding : 10px 10px 10px 10px;
}

.viewFooter
{
	background-color : #777777;
	
	font-family : Arial;
	font-size : 8pt;
	color : #ffffff;
	
	vertical-align : middle;
	
	padding : 2px 2px 2px 2px;
		
}

.textLeft
{
	text-align : left;
}

.textRight
{
	text-align : right;
}

.contentTable
{
    border-spacing:0;
    border-collapse:collapse;
    width:100%;
}

.table-header
{

	background-image : url(../images/rrp-table-header.gif);
	
    height: 36px;
    color: White;
    font-size:10pt;
    font-weight:bold;
    line-height:36px;
    border-radius : 3px;
}

.table-header-title
{
    text-align: center;
    float: none;
}

.table-header2
{
    background: #747474;
    height: 20px;
    line-height: 20px;
    color: White;
    font-size:10pt;
    text-align:center; 
    font-weight:bold;
}

.table-column-header
{
    background: #747474;
    color: White;
    font-size:10pt;
    font-weight:bold;
    line-height:15px;
}

.table-footer
{
    background: #747474;
    height: 20px;
    color: White;
    font-size:10pt;
    font-weight:bold;
}

.GridHeaderFilter {
    background: url("../images/sprite.png") no-repeat scroll -70px -17px transparent;
    height: 13px;
    width: 14px;
}

.GridHeaderActiveFilter {
    background: url("../images/sprite.png") no-repeat scroll -55px -17px transparent;
    height: 13px;
    width: 14px;
}

.exportButton
{
    float:right;
    padding:3px 10px 0px 0px;
}

.clearFiltersButton
{
    float:left;
    padding: 3px 0px 0px 10px;
}

.header-background
{
    height:157px;
    background-image: url('../images/header-1-2.gif');
}

.sub-header-background
{
    height:31px;
    background-image: url('../images/sub-header-1-2.gif');
}

.table-header-background
{
    height:31px;
    background-image: url('../images/sub-header-1-2.gif');
    border-radius: 5px 5px 0px 0px;
}

.table-header-title
{
    text-align:center;
    color: White;
    font-weight: bold;
    vertical-align: middle;
    height: 31px;
    line-height: 31px;
}

.sub-table-header-background
{
    height:31px;
    background-image: url('../images/sub-sub-header.gif');
    border-radius: 5px 5px 0px 0px;
}

.sub-table-header-title
{
    text-align:center;
    color: White;
    font-weight: bold;
    vertical-align: middle;
    height: 31px;
    line-height: 31px;
}

.table-body
{
    border-right: solid 1px grey;
    border-left: solid 1px grey;
    border-bottom: solid 1px grey;
    box-shadow: 1px 0px 5px #888888;
}

.footerContent
{
	font-size : 9pt;
	color : #777777;
}

.sidebar-title
{
	font-family : Arial;
	font-size : 16pt;
	font-weight : normal;
	color : #fff;
	
	padding-top : 14px;
	text-align : center;
}

.sidebar-row
{
	padding-left : 25px;
	
	font-family : Arial;
	font-size : 10pt;
	font-weight : bold;
	color : #fff;
}

.sidebar-textfield
{
	font-family : Arial;
	font-size : 10pt;
	font-weight : normal;
	color : #777;
	
	width : 120px;
	height : 25px;
	border-width : 0px;
	border-radius: 5px 5px 5px 5px;
	
	padding-left : 4px;
}

.sidebar-searchButton
{
	height : 25px;
	width : 125px;
	
	font-family : Arial;
	font-size : 10pt;
	font-weight : normal;
	color : #fff;
	
	background-image : url(../images/rrp-btnSearch.gif);
	
	border-width : 0px;
	border-radius: 5px 5px 5px 5px;
}

.section-title
{
	font-family : Arial;
	font-size: 14pt;
	font-weight : bold;
}

.section-description
{
	font-family : Arial;
	font-size: 10pt;	
	
	color : #777;
}

.input-round
{
	height : 25px;
	width : 120px;
	
	border-width : 1px;
	border-color : #777777;
	border-radius: 5px 5px 5px 5px;
	
	color : #777777;
}

.button-logout
{
	padding-top : 4px;
	padding-right : 10px;	
}

.button-action
{
	height : 25px;
	width : 125px;
	
	font-family : Arial;
	font-size : 10pt;
	font-weight : normal;
	color : #fff;
	
	background-image : url(../images/rrp-btnSearch.gif);
	
	border-width : 0px;
	border-radius: 5px 5px 5px 5px;
}

.data-column-header
{
	background-color : #474747;
	
	font-family : Arial;
	font-size : 12pt;
	font-weight : bold;
	
	color : #ffffff;
}

.breadcrumb-token
{
	height : 23px;	
	border-radius: 15px;	
	background-color : #62add4;
	
	padding-left : 10px;
	padding-right : 10px;
	
	color : #fff;
}

.breadcrumb-link
{
	color : #fff
}

.header-sidebar
{
    float:right;
    width:266px;
    height:157px;
    background-image:url(../images/header-sidebar-back.gif);
}

.permission-denied-header
{
    width: 600px; 
    box-shadow: 1px 5px 10px 0px rgb(0, 0, 0);
}

.permission-denied-body
{
    background-color: White;
    border: 1px solid grey; 
    width: 600px;
    padding: 10px;
    box-shadow: 1px 5px 10px 0px rgb(0, 0, 0);
}

.error-header
{
    width: 600px; 
    box-shadow: 1px 5px 10px 0px rgb(0, 0, 0);
}

.error-body
{
    background-color: White;
    border: 1px solid grey; 
    width: 600px;
    padding: 10px;
    box-shadow: 1px 5px 10px 0px rgb(0, 0, 0);
}

.arrowImage
{
    background-image:url(../images/arrow.png);
    width:7px;
    height:11px;
}

.listSeperator
{
	background-image:url(../images/pixel-eee.gif);
	background-repeat : repeat-x;
	height : 1px;
}

.listTargetCon
{
	font-weight : bold;
	color : #197b30;
}

.poHeaderBack
{
	width : 602px;
	height : 123px;
	background-image : url(../images/po-header-back.png);
	
	padding : 0px;	
}

.poDetailsHeader
{
	width : 602px;
	height : 47px;
	background-image : url(../images/po-details-header.png);
	
}

.poHeaderTitle
{
	width : 602px;
	height : 24px;
	
	padding-top : 4px;
	
	color : #fff;
	
	font-family : Arial;
	font-size : 11pt;
	font-weight : bold;
	
	text-align : center;
}

.poDetailsTitle
{
	width : 602px;
	height : 24px;
	
	padding-top : 15px;
	
	color : #fff;
	
	font-family : Arial;
	font-size : 10pt;
	font-weight : bold;
	
	text-align : center;
}

.poDetailsBackground
{
	width : 602px;
	
	background-image : url(../images/po-details-body.png);
	background-repeat : repeat-y;	
}

.poDetailsBottom
{
	width : 602px;
	height : 17px;
	
	background-image : url(../images/po-details-bottom.png);
	background-repeat : no-repeat;	
}



.poHeaderPanelLeft
{
	margin-top : 9px;

	float : left;	
	width : 50%;
	
	/*background-color : #f00;*/
}

.poHeaderPanelRight
{
	margin-top : 9px;

	float : right;	
	width : 50%;
	
	/*background-color : #0f0;*/
}

.poHeaderContentLeft
{
	padding-left : 15px;
}

.poHeaderContentRight
{
	padding-right : 15px;
}

.poDetailsHeaderLabels
{
	font-family : Arial;
	font-weight : bold;
	font-size : 9pt;
	
	color : #9b9a9a;
}

.poDetailsListItems
{
	font-family : Arial;
	font-size : 8pt;
	
	color : #777;
}

.poIconTrack
{
	width : 15px;
	height : 15px;
	
	background-image : url(../images/icon-po-track.gif);
}

.poIconTrackActive
{
	width : 15px;
	height : 15px;
	
	background-image : url(../images/icon-po-track-active.gif);
}

.poTrackingHeader
{
	width : 602px;
	height : 37px;
	background-image : url(../images/po-tracking-header.png);
	
	padding : 0px;	
}

.poTrackingLocationHeader
{
	width : 602px;
	height : 25px;
	background-image : url(../images/po-tracking-location-header.png);
	
	padding : 0px;	
}

.poTrackingHeaderTitle
{
	width : 602px;
	height : 24px;
	
	padding-top : 6px;
	padding-left : 30px;
	
	color : #fff;
	
	font-family : Arial;
	font-size : 9pt;
	font-weight : bold;
}

.poTrackingBody
{
	width : 602px;
	
	background-image : url(../images/po-tracking-body.png);
	background-repeat : repeat-y;	
}

.poTrackingSpacer
{
	width : 602px;
	height : 15px;
	
	background-image : url(../images/po-tracking-spacer.png);
	background-repeat : repeat-y;	
}

.poTrackingLocationBottom
{
	width : 602px;
	height : 14px;
	background-image : url(../images/po-tracking-location-bottom.png);
}



.poTrackingBottom
{
	width : 602px;
	height : 17px;
	
	background-image : url(../images/po-tracking-bottom.png);
}

.rightPadding
{
	padding-right : 5px;	
}

.itemTrackOK
{
	width : 15px;
	height : 15px;
	
	background-image : url(../images/icon-po-track-ok.png);
}

.itemTrackETA
{
	width : 15px;
	height : 15px;
	
	background-image : url(../images/icon-po-track-future.png);
}

.sectionHomeImage
{
	width:100%;
	background-color:#ffffff;
	box-shadow: 1px 5px 10px 0px rgb(0, 0, 0);
	background-image: url('../images/home-1.png');
	background-repeat:no-repeat;
	background-position:5% 50%;
	height:450px;	
}

.sectionReportsImage
{
	width:100%;
	background-color:#ffffff;
	background-image : url(../images/reports-1.png);
	background-repeat:no-repeat;
	background-position:5% 50%;
	height:450px;		
}

.sectionAdminImage
{
	width : 427px;
	height : 349px;
	
	background-image : url(../images/reports-1.png);	
}

.roundRect
{
	border-radius : 5px;
}

.roundRectTopLeft
{
	border-top-left-radius : 5px;
}

.roundRectTopRight
{
	border-top-right-radius : 5px;
}

.softBorder
{
	border : solid 1px #999;
}		

.sectionHeader
{
	background-image : url(../images/rrp-table-header.gif);	
    height: 36px;
}

.sectionHeaderTitle
{
	padding : 5px;
	
	color : #fff;	
}

.sectionContent
{
	padding : 2px 5px 2px 5px;	
	
	color : #777;	
}

.sectionLinks
{
	color : #318ebc;	
}

.sectionLinks:visited
{
	color : #318ebc;
}

.sectionSeperator
{
	padding-top : 10px;
	
	border-bottom : solid 1px #eee;
	
	padding-bottom : 10px;
}

.action-button-background
{
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 100px;
    background-image: url('../images/action-button-back.gif');
    border-radius: 5px 5px 5px 5px;
    margin-bottom:5px;
}

.action-button-background-disabled
{
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 100px;
    background-image: url('../images/action-button-back-disabled.gif');
    border-radius: 5px 5px 5px 5px;
    margin-bottom:5px;
}

div.action-button-background-disabled a:hover
{
    text-decoration: none;
    cursor: not-allowed;
}

.sectionFooter
{
    height:42px;
    background-color:#fff;
    background-image:url(../images/rrp-footer-1-1.gif);
}

.btn, .dxbButton
{
    height: 25px;
    line-height: 15px;
    text-align: center;
    width: 100px;
    background-image: url('../images/action-button-back.gif');
    border-radius: 5px 5px 5px 5px;
    color: #ffffff;
    border-style: none;
}

.btn-login
{
    font-family: Arial,Helvetica,sans-serif;
    line-height: 31px;
    text-decoration: none;
    font-weight:bold;
}

.btn-login:hover
{
    text-decoration: underline;
}

a.dxbButton, a.dxbButton span {
    text-decoration: none;
}