#body
{
    width:100%;
}

a
{
	color:Blue;
}

.breadCrumbIE6
{
	margin-top:5px;
	padding-top:15px;
    clear: left;
}

#main
{
    margin-left: 10px;
    margin-right: 10px;
    position:relative;
    font-family:Arial,Helvetica,Tahoma,Verdana;
    font-size:0.8em;
}

label
{
    float: left;
    text-align: left;
    margin-right: 0.5em;
    display: block;
}

.loginField
{
    width: 6em;
    text-align:left;
    margin-top:3px;
}

.expireField
{
    width: 8.5em;
}

.loginExpirePass
{
    width: 8.8em;
    text-align:left;
    margin-top:3px;
}

.compareField
{
    width: 6.8em;
    margin-bottom:3px;
}

.adhocFields
{
    width: 6.5em;
    text-align:left;
}

h2
{
    font-size:1.8em;
    margin-top: 10px;
    margin-bottom: 10px;
}

#header
{
    position:relative;
    min-width:1130px;
    height:78px;
}

#logoOCS
{
    position:absolute;
    top:33px;
    left:0;
    width:100px; /*Width of logo image*/
}

#logoOCS img
{
	height: 50px;
}

#logoSains
{
    z-index: 1;
    position:absolute;
    right:0;
    top:33px;
    width:282px; /*Width of logo image*/
}

#headerContentHolder a
{
   font-size:1.1em;
}

#headerContentHolder
{
    z-index: 2;
    position: relative;
    width:100%;    
}

#headerContentHolder h2
{
    color:#800080;
    text-align:center;
}

#navBarTopHolder
{
	margin: 0 0 0 10px;
	padding: 0px;
	height: 20px;
}

#navBarTopHolder ul li
{
    float: left;
    text-align: center;
    padding: 0;
    margin: 0;
}

#navBarTopHolder ul li a
{   
    width:150px;
    padding-top:2px;
    height: 10px;
    color:White;
    text-decoration:none;
    display:block;
    text-align:center;
    font-family: tahoma,arial,sans-serif;
    font-weight:bold;
    font-size:86.5% !important;
}

#navBarTopHolder ul li a:hover
{
    text-decoration:underline;
}

#navBarTopHolder ul li #navDivider
{
    background-color:#e82500;
    background: url(../Images/gTopDiv.gif) repeat-x left;
    width:2px;
    padding-top:10px;
    height: 7px;
    display:block;
}

#navBarHolder
{
    margin: 10px 0px 0 260px;
    padding: 0px;
    height: 30px;
}

#navBarHolder ul
{
	height:30px;
    border:0;
    margin:0;
    padding:0;
    list-style-type:none;
    text-align:center;
}

#navBarHolder ul li
{
    background: url(../Images/gMid.gif) repeat-x left;
    float: left;
    text-align: center;
    padding: 0;
    margin: 0;
}

#navBarHolder ul li a
{   
    width:100px;
    padding-top:10px;
    height: 20px;
    color:White;
    text-decoration:none;
    display:block;
    text-align:center;
    font-family: tahoma,arial,sans-serif;
    font-weight:bold;
    font-size:86.5% !important;
}

#navBarHolder ul li a:hover
{
    background-color:#c00301;
    background: url(../Images/gMidHov.gif) repeat-x left;
    text-decoration:underline;
}

#navBarHolder ul li #navDivider
{
    background-color:#e82500;
    background: url(../Images/gMidDiv.gif) repeat-x left;
    width:4px;
    padding-top:10px;
    height: 20px;
    display:block;
}

#navBarHolder ul li #navEndLeft
{
    background-color:#e82500;
    background: url(../Images/gCurvL.gif) left;
    width:7px;
    padding-top:10px;
    height: 20px;
    display:block;
}

#navBarHolder ul li #navEndRight
{
    background-color:#e82500;
    background: url(../Images/gCurvR.gif);
    width:7px;
    padding-top:10px;
    height: 20px;
    display:block;
}

#navBarHolder ul li #navPadding
{
    background-color:#e82500;
    background: url(../Images/gMid.gif) repeat-x left;
    padding-top:10px;
    height: 20px;
    display:block;
}

#navBarHolder ul li #navEndRight
{
    background-color:#e82500;
    background: url(../Images/gCurvR.gif) left;
    width:7px;
    padding-top:10px;
    height: 20px;
    display:block;
}

.navTop
{
    height:20px;
    margin-bottom:5px;
    position:relative;
}

.headerBar
{
    background: url(../Images/curvNoGrad.png) no-repeat scroll left top #ea603a;
}

#footer
{
	position:relative;
    background: url(../Images/divider.gif) no-repeat top left;
    margin-top:10px;
    padding-top:10px;
    min-width:1130px; 
}

#ssl
{
	position:relative;
	float:left;
	width:150px;
}

#footerLinks
{
	position:relative;
	margin:auto;
	width:660px;
	text-align:center;
}

#footerLinks ul
{
	position:relative;
	float:left;
	margin-left:10px;
	padding: 3px 0 0 3px;
	list-style-type: none !important;
	line-height:20px;
	text-align:left;
}

#footerLinks h4
{
	font-weight:bold;
	font-size:12px;
}

#footerLinks ul li
{
	float: left;
	margin:0px;
	padding: 0 0 0 7px;
	clear:both;
	width:188px;
	background: url(../Images/chevron_black.gif) left center no-repeat;
}

#footerLinks ul li a
{
	color:#828282;
	text-decoration:none;
	font-size:12px;
}

#footerLinks ul li a:hover
{
	text-decoration:underline;
}

#avcologo
{
	position:relative;
	margin-top:7px;
	width:220px;
	float:right;
	text-align:right;
	font-size:12px;
	color: #828282;
}

#avcologo img
{
	position:relative;
	top:5px;
}

#footerBar
{
	position:relative;
	clear:both;
	height:25px;
	top:10px;
    background: url(../Images/curvNoGradFooter.png) no-repeat scroll left top #ea603a;
}

.ocsHeader, .ocsFooter
{
    position:absolute;
    right:0px;
    top:0px;
}

.roundTop
{
    background: url(../Images/block.gif) no-repeat top right;
}

.roundBottom
{
    background: url(../Images/cornBr.gif) no-repeat bottom right;
}

.gRoundTop
{
    background: url(../Images/gCurvTr.bmp) no-repeat top right;
}

.gRoundBottom
{
    background: url(../Images/gCurvBr.bmp) no-repeat bottom right;
}

img.corner 
{
    width: 10px;
    height: 10px;
    border: none;
    display: block !important;
}

img.gCorner
{
    width: 13px;
    height: 13px;
    border: none;
    display: block !important;
}

#contentHolderTop
{
    background: url(../Images/divider.gif) no-repeat top left;
    margin-top:15px;
    
    min-width:1130px;
}

#ContentHolderMain
{
    width:100%;
    clear:both;
}

#breadCrumbs
{
    padding-bottom:10px;
    font-size:1em;
}

#logStatus
{
	position:relative;
	float:right;
	clear:right;
    padding-bottom:5px;
    margin-top:15px;
    font-size:1.2em;
    z-index: 1000;
}

.invalidFormDetails
{
    font-size:small;
    color:Red;
}

.invisible
{
    display:none;
}

.fixedWidthSmall
{
    width:350px;
}

.fixedWidthMedium
{
    width:420px;
}

.storeErrorsBtn
{
	margin-top:3px;
	margin-right: 5px;
}

.fixedWidthLarge
{
    width:500px;
}

.marginSmallVert div
{
    margin-bottom:10px;
}

.textArea
{
    /*Prevent horizontal textbox resizing for Chrome & Safari*/
    resize:vertical;
}

.holder
{
    position:relative;
    margin-top:10px;
}

.holder h1
{
    font-size:3em;
    clear: both;
}

.holder h2
{
    font-size:2em;
    margin-bottom:7px;
    margin-left:5px;
}

.permission h2
{
    color:Red;
}

#pageStatsIcon
{
    float:left;
}

.maintenanceMessageHolder
{
    margin-top:30px;
    position:relative;
    border: solid 2px black; 
}

.maintenanceMessageTitle
{
    background-color:White;
    position:absolute;
    top:-10px;
    left:15px;
    padding-left:1px;
    padding-right:1px;
    padding-bottom:3px;
    font-weight:bold;
}

.maintenanceMessageHeight
{
    height:100%;
}

.maintenanceMessageText
{
    margin:5px;
    line-height:20px;
    width:100%;
}

.filterHolder
{
    position:relative;
    float:right;
    right:0px;
    border: solid 2px black; 
    margin-bottom: 20px;
}

.viewTitle
{
    background-color:White;
    position:absolute;
    top:-10px;
    left:15px;
    padding-left:1px;
    padding-right:1px;
    padding-bottom:3px;
}

.viewFilter
{
    width:250px;
    position:relative;
}

.viewFilterHeight
{
    height:100%;
}

.hozLine
{
    margin:22px;
    margin-top:20px;
    margin-bottom:15px;
    border-bottom:solid 2px black;
}

.radios p
{
    margin-bottom:4px;
}

#filterString
{
    margin:10px 22px;
}

#viewRadio
{
    margin-top:7px;
}

.accuracyField
{
    float:none;
    text-align:left;
}

.viewContainerL
{
    float:left;
    margin-left:10px;
    margin-top:10px;
}

.viewContainerR
{
    float:right;
    margin-right:10px;
    margin-top:10px;
}

.viewContainerB
{
    margin-top: 5px;
    border-top: 1px solid black;
    padding-top:7px;
    float:left;
    width:100%;
    padding:7px 0;
}

.viewContainerB label 
{
    width:50px;
    text-align:right;
    line-height:20px;
}

.viewContainerB .ctrl
{
    width:100px;
    margin-left:10px;
}

.viewContainerROther
{
    float:right;
    margin-right:20px;
    padding-top:20px;
}

.viewContainerM
{
    margin:5px;
}

.spacer
{
    margin-top:10px;
}

#viewLast
{
    margin-bottom:20px;
}

#viewEstate
{
    margin-bottom:20px;
}

#login h2, #login p, #login div
{
    padding-bottom:8px;
}

#login a:link, #login a:visited
{
    color:#0000FF;
    cursor:pointer;
    cursor:hand;
}

#login a:hover
{
    color:#0000FF;
    cursor:pointer;
    cursor:hand;
}

#login a:active
{
    color:#FF0000;
}

#login
{
    margin:50px auto;
    width:500px;
    text-align:left;
}

.floatL
{
    float:left;
}

.floatLp
{
    margin-left:10px;
}

.floatR
{
    float:right;
}

#pageStatsTitle
{
    color:#800000;
    text-decoration:underline;
}

.pageStatsHeader
{
    border-top:solid 2px black;
    border-left:solid 2px black;
    border-right:solid 2px black;
    background-color:#cccccc;
    padding:3px 5px;
}

.pageStatsRow
{
    border-left:solid 2px black;
    border-right:solid 2px black;
    border-bottom:solid 2px black;
    background-color:#edf3ee;
    padding-left:5px;
    padding-right:5px;
    padding-top:3px;
    padding-bottom:4px;
    text-align:center;
}

.rowHolder
{
	width:100%;
    background: url(../Images/divider.gif) no-repeat top left;
    margin-top:15px;
    padding-top:10px;
    position:relative;
}

.click
{
	cursor:pointer;
}

.non-click
{
	cursor:default;
}

#txtViewLast
{
	width:74px;
}

#drpEstate
{
	width:102px;
}

#drpLast
{
	width:102px;
}

.ajax
{
	height:16px;
	width:16px;
	z-index:1003;
	position:absolute;
	top:81px;
	left:157px;
}

.background
{
	z-index:1;
}

.checkBoxRoles
{
    
}

#userList
{
    margin-top:20px;
}

#passwordInfo
{
    text-align:left;
    margin:0px 15px;
}

#passwordInfo ul
{
    list-style:square;
}

#passwordInfo li
{
    padding-bottom:5px;
}

.belowTarget
{
	background-image:url("../Images/bg-red-small.png"); 
	width:38px; 
	height:17px;
}

.aboveTarget
{
	background-image:url("../Images/bg-green-small.png");  
	width:38px;
	height:17px;
}

.compareTarget
{
	background-image:url("../Images/bg-white-small.png");  
	width:38px;
	height:17px;
}

.target
{
	position: absolute;
	z-index:1010;
	right:33px;
	margin-top:2px;
	width:300px;
}

.targetMain
{
	position: absolute;
	z-index:1010;
	right:26px;
	margin-top:5px;
	width:350px;
}

.target .fullHover
{
	padding-top:3px;
}

.fullHover
{
	float:right;
	text-align:right;
	font-size:10px;
	padding-top:2px;
	font-family:Sans-Serif;
	background-repeat:no-repeat;
}

.graphMainHolder 
{
    float:left;
    width:400px;
}

.graphMainSubTitle
{
    float:left;
    clear:right;
    width:100%;
	height:14px;
	margin-left:2px;
	margin-top:3px;
	padding-bottom:4px;
}

.graphSubTitle
{
	width:238px;
	height:14px;
	margin-left:2px;
	margin-top:3px;
	margin-bottom:4px;
}

.subTitleText
{
	text-align:left;
	width:220px;
	float:right;
	font-weight:normal;
	font-size:12px;
}

.mainSubTitleText
{
	text-align:left;
	width:230px;
	float:right;
	font-size:12px;
	font-weight:normal;
}

.singleSubTitleText
{
	text-align:left;
	width:230px;
	float:left;
	font-size:12px;
	font-weight:normal;
	margin-left:5px;
}

.imgBtn, .btnErrors, .storeErrorsBtn
{
	height:14px;
	width:14px;
	background-image:url("../Images/btn-save.png");
	float:left;
	cursor:pointer;
	background-repeat:no-repeat;
	line-height:30px;
}

.btnErrors
{
    position:relative;
    top:5px;
    margin-right:5px;
}

.saveLoader
{
	height:16px;
	width:16px;
	background-image:url("../Images/ajax-loader-white.gif")
}

.hiddenIFrame
{
	visibility:hidden;
	width:0px;
	height:0px;
}

.graphHolder
{
	position:absolute;
    width:206px;
    height:124px;
    margin-top:12px;
    margin-left:12px;
}

.graphPieHolder
{
	position:absolute;
    width:206px;
    height:116px;
    margin-top:16px;
    margin-left:12px;
}

.graphHolderWithLegend
{
	position:absolute;
    width:160px;
    height:124px;
    margin-top:12px;
    margin-left:12px;
}

.LegendHolder
{
	position:absolute;
    width:46px;
    height:114px;
    margin-top:17px;
    margin-left:168px;
    z-index:1010;
}

.LegendHolder table td
{
	vertical-align:middle;
}

#graphMain
{
	height:160px;
	width:302px;
	margin-top:15px;
	margin-left:13px;
	position:absolute;
	z-index:1001;
	display:inherit;
}

#graphMainPie
{
	height:153px;
	width:302px;
	margin-top:19px;
	margin-left:13px;
	position:absolute;
	z-index:1001;
	display:inherit;
}

.tickLabels
{

}

.mainLegendHolderSingle
{
	z-index:1010;
	width:40px;
	top:23px;
	left:265px;
	position:absolute;
}

.mainLegendHolder
{
	z-index:1010;
	width:40px;
	top:23px;
	left:265px;
	position:absolute;
}

.mainLegendHolder table td, .mainLegendHolderSingle table td
{
	vertical-align:middle;
}

#graphBackground
{
	float:left;
    z-index:1000;
	width:335px;
    height:189px;
    position:relative;
    background-image:url("../images/bg-blue.png");
    background-repeat:no-repeat;
}

#graphInfo
{
    float:left;
    padding-left:10px;
}

.graphBackgroundMini
{
	width:245px;
    height:149px;
    position:relative;
    float:left;
    background-image:url("../Images/bg-blue-small.png");
    background-repeat:no-repeat;
}

.graphHolderMain
{
	background-color:White;
	position:relative;
	float:left;
	height:170px;
    margin-top:12px;
    width:245px;
    padding:0px;
    position:relative;
    overflow:hidden;
} 

.tickLabels
{
	cursor:default;
}

.alignRight
{
    text-align:right;
}

.paddingSmall
{
    margin:5px 5px 5px 5px;
}

#forgotPass
{
    color:Blue;
    text-decoration:underline;
}

#btnGo
{
	margin-left:20px;	
}

.drpDown
{
    width:130px;
}

.drpReportLast
{
	width:57px;
}

.reportField
{
    float:none;
    text-align:left;
}

.filterBox
{

    float:left;
    margin-left:20px;
    margin-top:20px;
}

.smallPaddingBottom
{
    margin-bottom:10px;
}

.viewFilterOther
{
    width:220px;
    border: solid 2px black; 
    position:relative;
    margin-bottom:20px;
}

.detailTable
{
	border-collapse:collapse;
	border-style:solid;
	border-width:0px;
	float:left;
	width:100%;
}

.detailTable th
{
	padding:4px;
}

.detailTable td
{
	padding:2px;
	height:25px;
	vertical-align:middle;
}

.expandErrorNote
{
    cursor: pointer;
    background-image:url("../images/arrow_expand.png");
}

.expandedErrorNote
{
    cursor: pointer;
    background-image:url("../images/arrow_expanded.png");
}

.detailTable .note td
{
    background:#DDFFDD;
}

.detailTable .newNote td
{
    background:#FFFFCC;
}

.managerNote
{
    width:500px;
}

.tableHolder
{
	width:100%;
	float:left;
	margin-top:10px;
}

.hidden
{
	display:none;
}

.clear
{
    clear: both;
}

.row1
{
	background-color:#FFFFFF;
}

.row2
{
	background-color:#EDF3EE;
}

.roles, .depots, .stores
{
	width:158px;
}

.permissions
{
	text-align: center;
	margin: -14px 0 0 0;
}

#comp
{
	padding-bottom:4px;
	float:left;
	margin-top:43px;
}

#compare, #pickerSearch
{
	width:250px;
	margin-bottom:7px;
}

#compare label, #pickerSearch label
{
    width:100%;
    float:left;
    clear:both;
}

.emptyGraph 
{
	margin-top:50px;
	position:absolute;
	text-align:center;
	width:206px;
}

.emptyGraphMain
{
	margin-top:80px;
	position:absolute;
	text-align:center;
	width:302px;
}

.createUserPadding, .deleteDUPadding
{
    padding-bottom:15px;
}

.fg-button
{
    cursor: pointer;
}

.errorMessage
{
    margin-top:10px;
}

.errorDetail
{
	color:Gray;
	font-size: 10px;
}

.error
{
    border:solid 1px red;
}

.bold
{
    font-weight: bold;
}

/********
autocomplete jscript
*********/
ul.ui-autocomplete
{
    font-size: small;
    width: 110px;
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
}

.ui-menu
{
    display: inline;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 2px;
}
.ui-autocomplete
{
    cursor: default;
    position: absolute;
}
.ui-menu .ui-menu-item
{
    clear: left;
    float: left;
    display:inline;
    margin: 0;
    padding: 0;
}
.ui-menu .ui-menu-item a
{
    display: block;
    padding: 3px 3px 3px 3px;
    text-decoration: none;
    cursor: pointer;
}
.ui-menu .ui-menu-item a:hover
{
    color: blue;
    background-color: ButtonText;
}

.fileLoadingImage
{
	height: 25px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.fileLoadingContainer
{
	width: 100%;
}

.recordTimeContainer
{
    padding-top: 5px;
}

#viewportMessage
{
    padding-bottom: 10px;
}

#RecordClockTimeDialog
{
    display: none;
}

#viewportMessageOverlay
{
    display: none;
}

#viewTo
{
    padding-top: 5px;
}

/********************************
Overlay styling
********************************/
.genericBlockContainer {
    position: relative;
}

.genericBlockOverlay {
    z-index: 10;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    background-color: rgba(1, 1, 1, 0.5);
}

.genericBlockOverlayPacifier {
    position: absolute;
    font-size: 1rem;
    left: 50%;
    top: 50%;
    margin-top: -2.5rem;
    height: 5rem;
    z-index: 11;
    color: white;
}