﻿.iPhnBody{width:100%; background-color:#000}

.iPhnNoBorder{width:100%}

.iPhnBorder{width:100%; height:594px; background-image:url(../../Images/iPhoneBackground.gif); background-repeat:no-repeat; background-color:Black; padding:181px 15px 50px 32px}

.iPhnMain, iPhnMainBorder{height:356px; width:92%}

.iPhnMainBorder{height:312px; width:315px; padding-left:2px}

.iPhnTopBanner{position:relative; height:80px; width:100%; color:White; background-color:Black}

.iPhnLeftBanner, .iPhnRightBanner{float:left; height:80px; width:10px; background-image:url(../../Images/iPhoneBannerLeft.gif); background-position:left top; background-repeat:repeat-x}

.iPhnRightBanner{float:right; background-image:url(../../Images/iPhoneBannerRight.gif)}

.iPhnBtn, .iPhnBtnHdn, .iPhnBtnSml{width:59px; height:65px; cursor:pointer}

.iPhnBtnHdn, .iPhnTxtBxHdn, .iPhnMiniBtnHdn{display:none}

.iPhnMiniBtn{display:inline-block; width:45px; height:50px}

.iPhnBtnSml{width:59px}

.subBtn, .subBtnHidden, .subBtnSml{ display:inline-block;  font-size:larger}

.subBtnSml{font-size:medium}

.subBtnHidden{ display:none}

.iPhnMainCntr, .iPhnMainCntrScroll{height:500px}

.iPhnMainCntrScroll{height:260px; overflow-y:scroll; overflow-x:hidden}

.iPhnMainButtons{float:right; width:80px; height:80px}

#homeMenu{display:none}

#homePage, #chngPasswd, .rptSearchCrit, .ddlFonts{font-family:Sans-Serif; font-size:smaller}

.iPhnActionButtonTable, .sectionName{width:280px; color:Black; text-align:left; font-family:Sans-Serif; font-size:smaller; font-weight:bold; padding-left:9px}

#loginSetupMenu{color:Black;  text-align:-moz-center; /*FF*/ #text-align:center; /*IE */padding-left:0px; padding:0px 0px 15px 0px; margin-right:auto; margin-left:auto}

.sectionName{text-align:center; padding:8px 0px 12px 0px; background-image:url(../../Images/headbkgrnd.gif); background-position:top; background-repeat:repeat-x; color:#213d54}

.iPhnTxtBx, .iPhnDateBx, .iPhnTxtBxSml, .iPhnTxtBxMidSml, .iPhnTxtBxVerySml, .iPhnTxtBxVeryVerySml, .iPhnTxtBxLrg{top:5px; width:100px; height:18px}

.iPhnDateBx, .iPhnDateBxHdn{height:15px; width:60px; display:block}

.iPhnTxtBxSml{width:80px}

.iPhnTxtBxMidSml{width:65px}

.iPhnTxtBxVerySml{width:50px}

.iPhnTxtBxVeryVerySml{width:10px; margin:0px 5px 0px 5px}

.iPhnTxtBxLrg{width:140px}

.iPhnDateBxHdn{display:none}

.iPhnCmdBtn{top:5px; width:30px; height:30px}

.iPhnDDL, .iPhnSpnSpcr{display:inline-block}

.iPhnDDLHdn, .iPhnSpnSpcrHdn{display:none}

.rptNbrHdr{float:left; margin-left:-95px; color:#CCC; font-family:Arial; font-size:small; font-weight:bold}

.rptSearchCrit{ width:97%;  color:Black;  text-align:left}

.rptClientTxt, .rptProjectTxt, .rptRateTxt, .rptTitleTxt, .rptTaskTxt, .rptPageTotal{display:inline; font-family:Sans-Serif; font-size:small; margin-left:1px}

.rptTaskTxt{margin-top:-14px; margin-left:0px; margin-right:100px}

.rptTitleTxt{font-weight:bolder}

.rptPageTotal{color:White}

.resltsRow{ width:96%; display:block; color:White;   padding-top:1px;  padding-bottom:1px}

.resltTxt{ width:63%; text-align:left; padding-left:6px; color:Black}

.resltCmd{ float:right;  width:100px;  margin-right:4px}

.resltTotBtn{    margin-top:8px;     border:none}

.hdrCntr{width:95%; display:block}

.cntr{background-image:url(../../Images/hdrML.gif); background-repeat:repeat-y; background-position:left top; background-color:#a9adb0}

.cntrR{background-image:url(../../Images/hdrMR.gif); background-repeat:repeat-y; background-position:right top}

.hdrTR, .hdrBR{height:37px; width:18px; float:right; font-family:Arial Rounded MT; font-weight:500; font-size:13px; background-repeat:no-repeat; background-image:url(../../Images/hdrTR.gif); background-position:top right; -moz-box-sizing:border-box; margin:0px}

.hdrBR{height:37px; background-image:url(../../Images/ftrBR.gif)}

.hdrTL, .hdrBL{height:37px; width:18px; float:left; background-repeat:no-repeat; background-image:url(../../Images/hdrTL.gif); background-position:top left; -moz-box-sizing:border-box; margin:0px}

.hdrBL{height:37px; background-image:url(../../Images/ftrBL.gif)}

.rptTopRow{height:15px}

.hdrTopRow, .cntrTopRow, .rptTopRow{width:100%; height:37px; background-image:url(../../Images/hdrTM.gif); background-position:top; background-repeat:repeat-x}

.hdrBottomRow, .deleteRow{height:37px; width:100%; background-image:url(../../Images/ftrBM.gif); background-position:top; background-repeat:repeat-x}

.rptCntr, .rptGoToTotalsRow{width:100%; background-image:url(../../Images/rptContentL.gif); background-color:#a9adb0; background-position:left; background-repeat:repeat-y}

.rptCntrRght{width:100%; background-image:url(../../Images/rptContentR.gif); background-position:right; background-repeat:repeat-y}

.rptHdrRow{height:26px; background-image:url(../../Images/rptHdrMdl.gif); background-repeat:repeat-x}

.rptHdrL{height:26px; width:135px; float:left; background-image:url(../../Images/rptHdrL.gif); background-repeat:no-repeat}

.rptHdrR{height:26px; width:16px; float:right; background-image:url(../../Images/rptHdrR.gif); background-repeat:no-repeat}

.rptBottomRow{height:16px; background-image:url(../../Images/rptFtrMdl.gif); background-repeat:repeat-x}

.rptGoToTotalsRow{    text-align:right}

.rptBottomL{height:16px; width:13px; float:left; background-image:url(../../Images/rptFtrL.gif); background-repeat:no-repeat}

.rptBottomR{height:16px; width:18px; float:right; background-image:url(../../Images/rptFtrR.gif); background-repeat:no-repeat}

.deleteRow, .btnRow{    height:30px;     width:250px;     cursor:pointer; background-image:url(../../Images/logoff_middle.gif); background-position:top; background-repeat:repeat-x}

.btnRow{background-image:url(../../Images/btn_middle.gif)}

.delL, .delR, .btnL, .btnR{height:30px; width:5px; float:left; background-repeat:no-repeat; background-image:url(../../Images/logoff_left.gif); background-position:top left; -moz-box-sizing:border-box; margin:0px}

.btnL{background-image:url(../../Images/btn_left.gif)}

.delR, .btnR{float:right; background-image:url(../../Images/logoff_right.gif); background-position:top right}

.btnR{background-image:url(../../Images/btn_right.gif)}

.btnTxt{    padding-top:5px;     color:White;     font-family:Sans-Serif;     font-weight:bold;     font-size:large}

.rptHdrCntr{width:100%}

.subNav, .subNavSel, .subNavPassRst, .subNavPassRstSel, .subNavSml, .subNavSmlSel, .subNavHelpSml, .subNavHelpSmlSel, .subNavSprSml, .subNavSprSmlSel{height:20px;     width:78px;     display:inline-block;     float:left;     font-family:Sans-Serif;     font-size:small;     background-color:#7d7f83;     margin:3px 1px 0px 1px;     cursor:pointer}

.subNavSel, .subNavPassRstSel, .subNavSmlSel, .subNavHelpSmlSel, .subNavSprSmlSel{    background-color:#5f89b1}

.subNavSml, .subNavSmlSel{    width:70px}

.subNavHelpSml, .subNavHelpSmlSel{width:65px}

.subNavSprSml, .subNavSprSmlSel{width:58px}

.subNavPassRst, .subNavPassRstSel{    width:98px}

.subNavBottomRow{    width:100%;     height:5px}

.subNavBR, .subNavBRSel{    float:right;     height:5px; width:4px; background-repeat:no-repeat; background-image:url(../../Images/subNavBR.gif); background-position:top right; -moz-box-sizing:border-box; margin:0px}

.subNavBRSel{background-image:url(../../Images/subNavBRSel.gif)}

.subNavBL, .subNavBLSel{    float:left;     height:5px; width:4px; background-repeat:no-repeat; background-image:url(../../Images/subNavBL.gif); background-position:top left; -moz-box-sizing:border-box; margin:0px}

.subNavBLSel{background-image:url(../../Images/subNavBLSel.gif)}

.subNavTxt, .subNavTxtSel{font-family:Arial Narrow; font-size:small;     color:Black}

.subNavTxtSel{    color:White}

.resltsCntr{width:97%; background-image:url(../../Images/cntrBackR.gif)}

.resltsCntr{width:100%;  margin:3px 0px 3px 0px}

.watermark, .watermarkSml{width:100px; background-color:#F0F8FF; color:Gray}

.watermarkSml{width:80px}

.billRow, .billRowArea, .billExpRow{height:55px; width:250px; text-align:left}

.billDesc, .billDescExp{float:left; height:20px; margin-left:20px; padding:2px 5px 2px 5px; color:Black; text-align:left; font-family:Sans-Serif; font-size:smaller; font-weight:bold; z-index:9}

.billRowArea{height:65px}

.billExpRow{height:90px}

.billImgDel{height:32px; width:80px; margin-left:120px; margin-top:10px}

.billFeeRow{height:40px; width:90%; text-align:left; vertical-align:middle; padding:2px 0px}