﻿
.PageBreaker {
    float: none;
    display: block;
    page-break-before: always;
    page-break-after: avoid;
    page-break-inside: avoid;
}

/*
Dashboard styles
*/
#dashboard .taskBtn
{
	display: block;
	text-decoration: none;
	text-align: center;
	font-size: 18px;
	width: 100px;
	height: 68px;
	margin: 10px auto;
	padding: 30px;
	border: 2px solid #DFE0E1;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
#dashboard .taskBtn img { display: block; margin: 0 auto 10px auto; }

#dashboard .writeUp { }


#dashboard .col { float: left;	margin-right:15px; position: relative; }

#dashboard .quickList
{
	position: absolute;
	top: 15px;
	right: 10px;
	width: 80px;
	text-align: center;
	color: #5A99DC;
	font-size: 10px;
}
#dashboard .quickList label
{
	margin: 0px 3px 0 0;
	display: block;
	float: left;
}

#dashboard a.quickList
{
    display: block;
	position: absolute;
	width: 83%;
	color: #4D853D;
	font-size: 10px;
	text-align: center;
	padding: 0;
	background-image: url(/images/DevToolsCMS/chk-sm.png);
	background-position: 5px 3px;
	background-repeat: no-repeat;
	text-decoration: none;
	margin: 0 auto;
	border: solid 1px #ccc;
	-moz-border-radius: 9px;
	border-radius: 9px 9px 0 0;
	height: 18px;
	top: 15px;
	right: auto;
	left: 15px;
	background-color: #D0F2C6;
	text-transform: uppercase;
	opacity: 0.8;
}

#dashboard a.quickList.checked
{
	background-image: url(/images/DevToolsCMS/chk-sm-checked.png);
}


#dashboard a.quickList:hover
{
	text-decoration: none;
	opacity: 1;
}


/*---------------- General Styles for Job Control --------------------*/

table.colSeparator td 
{
    border-left: 1px solid #DDDDDD;
    padding: 2px 5px;    
}
table.colSeparator tbody td.btnHolder { border: none; }

.mojoBtnList ul
{
	list-style: none;	
}
.mojoBtnList ul a
{
	display: block;
	font-weight: bold;
}

.mojoBtnList li
{
    clear: left;
}

.reportList .mojoBtnList li
{
    padding-bottom: 5px;
}

.reportList .mojoToolsBtn { float: none;}

.twoCol.printingLinks { width: 450px; }
.threeCol.printingLinks { width: 704px; }

.fourCol .col { width: 22% !important;}

.printingLinks .col { margin-right: 2%; }

.printingLinks a { width: 150px; margin-bottom: 5px; }

/* Buttons */
.secBtn 
{
    font-size: 18px;
    display: inline-block;
    padding: 8px 13px 12px 13px;
    color: #000;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    border: solid 1px #999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
    cursor: pointer; 
    background: #d4d4d4;
    margin-right: 0.5em;
}
.secBtn:hover { background: #e2e2e2; }

/* focus styling */
input:focus
,textarea:focus
,select:focus
 {
  border:1px solid #fafafa;
  -webkit-box-shadow:0 0 6px #007eff;
  -moz-box-shadow:0 0 5px #007eff;
  box-shadow:0 0 5px #007eff;
}
a.mojoToolsBtn:hover, 
a.mojoToolsBtn:focus 
{
    color: #4C833C;	
    opacity: 0.80;
	filter: alpha(opacity=80); 
}
a.secAction:hover, 
a.secAction:focus,
a.secAction.active 
{
    color: #ffee55;	
    opacity: 0.80;
	filter: alpha(opacity=80); 
}

.prev:focus, .prev:hover,.prevO:focus, .prevO:hover,.prevC:focus, .prevC:hover,.prevT:focus, .prevT:hover, .prevFrame:hover  { background-image: url("/images/DevToolsCMS/20x20-icons/arrow-rt-focus.png"); }
.next:focus, .next:hover,.nextO:focus, .nextO:hover ,.nextC:focus, .nextC:hover ,.nextT:focus, .nextT:hover, .nextFrame:hover  { background-image: url("/images/DevToolsCMS/20x20-icons/arrow-focus.png"); }

/* required fields */
.reqFld { background: #FFFAD6;  }

.btnDeleteFrame { display: block; width: 14px; height: 14px; background: url(/images/DevToolsCMS/custom/delete.png) 0 0 no-repeat; float: right; }


/*---------------- End General Styles for Job Control --------------------*/

/* Job Add/Edit */

td #hRushNote {
    color: #ff0000;
    display: none;
}

tr #tdRushNote {
    text-align: center;
    background:none;
    border: none;
}

.memoryMateLines 
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.memoryMateLines li 
{
    padding: 10px;
    border: 1px dotted #DFE0E1;
    background: url("/images/DevToolsCMS/bg-gradient-down.png") repeat-x scroll 0 0 #FFFFFF;
    width: 355px;
    margin: 5px 0;
}

.memoryMateLines li.ui-state-highlight
{
    background: #94D381;
    height: 35px;
}

.ui-sortable li { padding-left: 35px; background: #eee url("/images/DevToolsCMS/20x20-icons/drag-icon.png") 7px 10px no-repeat; cursor: move; }

/* Jobs In Progress */
.jobsInProgress .actions { width: 200px; }
.jobsInProgress .actionCol1 { width: 105px; float: left; }
.jobsInProgress .actionCol2 { width: 80px; float: left; margin-left: 4px; }
.jobsInProgress .actionCol1 .mojoToolsBtn { width: 100px; margin: 2px 0; }
.jobsInProgress .actionCol2 .mojoToolsBtn { width: 70px; margin: 2px 0; }

/* Job Join */
.selectChildTr { cursor: pointer; }

.selectChildTr:active {
	background-color: #DFFABA;
}

.activeRow td:active, .activeRow th:active {
	background-color: #DFFABA;
	border-top: solid 1px #5DB644;
	border-bottom: solid 1px #5DB644;
}

/*---------------- Job Status --------------------*/

.dvUploads .upload {
    width: 50px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    float: left;
    border: 3px solid black;
    margin-left: 10px;
}


.dvUploads .upload label {
    display: inline-block;
    margin-top: 16px;
    color: #808080;
    font-weight: bold;
    opacity: .8;
}

#dvPreviewControls #btnUpload {
     margin-top: 2px;
}

.dvUploads .upload,
.dvUploads .upload label,
.dvUploads .upload img {
        cursor: pointer;
}

#statusSearch, #statusResults
{
    padding-top: 10px;
}

th.dateCol { width: 62px;}

#statusSearch .first 
{
    width: 415px;
    margin-right: 5px;
}

#statusSearch .second 
{
    width: 468px;
    margin: 0;
}

#statusSearch .third 
{
    width: 108px;
    margin: 0;
    position: absolute; right: 20px;
}
#statusSearch .valCustomerNum { width: 126px; }

#statusResults 
{
    
}
.boxWideContent { max-height: 440px;}

.staticHeader .boxWideContent tbody { max-height: 440px; overflow: auto;}

.dataTableScrollY thead th,
.dataTableScrollYsm thead th,
.dataTableScrollY tbody th,
.dataTableScrollYsm tbody th,
.dataTableScrollY tbody td,
.dataTableScrollYsm tbody td { padding: 3px;}

.allFrames div.dataTables_scrollBody thead th span { display: none; }

.customerServiceSearch .box thead th { padding: 2px 3px; }

#statusResults .jobListing
{
    margin: 0 0 1.2em 0;
    border-left: solid 10px #666;
    padding: 10px 5px;
    border-bottom: solid 1px #4D853D;
    border-right: solid 1px #DDD;
    background: rgb(228,244,227);
    background: -moz-linear-gradient(top, rgba(228,244,227,1) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 95%, rgba(228,244,227,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(228,244,227,1)), color-stop(15%,rgba(255,255,255,1)), color-stop(95%,rgba(255,255,255,1)), color-stop(100%,rgba(228,244,227,1)));
    background: -webkit-linear-gradient(top, rgba(228,244,227,1) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 95%,rgba(228,244,227,1) 100%);
    background: -o-linear-gradient(top, rgba(228,244,227,1) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 95%,rgba(228,244,227,1) 100%);
    background: -ms-linear-gradient(top, rgba(228,244,227,1) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 95%,rgba(228,244,227,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f4e3', endColorstr='#e4f4e3',GradientType=0 );
    background: linear-gradient(top, rgba(228,244,227,1) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 95%,rgba(228,244,227,1) 100%);
    border-left: solid 10px #4D853D;
}

#statusResults .col { margin: 0; }

#statusResults .btnCol { width: 475px; }
#statusResults .btnCol th { padding: 2px; }
#statusResults .btnCol th .mojoToolsBtn { float: right; }
#statusResults .btnCol .mojoToolsBtn > span { font-weight: bold; white-space: nowrap; }
#statusResults .btnCol .mojoToolsBtn { margin: 0 2px 2px 0; }
#statusResults .btnCol .formDisplay { margin: 0;}

#statusResults .jobDates { width: 250px; }

#statusResults .curJobStatus { width: 165px; float: right; }
#statusResults .curJobStatus h3 { text-align: center; color: #235315; font-size: 18px; position: absolute; top: 0; width: 100%; }

#statusResults .statusBar { height: 37px; border: solid 2px #CCCCCC; position: relative; }
#statusResults .statusBar span { display: block; height: 37px; background: #D0F2C6; }

#statusResults .statusWriteup .statusBar span { width: 25%; }
#statusResults .statusEditing .statusBar span { width: 50%; } /* Proofing production status */
#statusResults .statusPrinting .statusBar span { width: 75%; } /* this step was removed; now same as assembly */
#statusResults .statusAssembly .statusBar span { width: 75%; }
#statusResults .statusComplete .statusBar span { width: 100%; }

#statusResults .jobInfo { border-top: solid 1px #ccc; padding-top: 5px; clear: both; overflow: auto; }
#statusResults .jobDesc { overflow-y: auto; height: 83px;}

#statusResults .jobClientInfo { width: 50%; margin: 5px; }
#statusResults .jobClientInfo * { margin: 0 0 0.25em 0; }
#statusResults .jobClientInfo h2 { font-size: 14px; color: #235315; }
#statusResults .jobClientInfo h3 { font-size: 13px; color: #0D69D0; }
#statusResults .jobClientInfo h4 { font-size: 12px; color: #555; }
#statusResults .jobClientInfo h5 { font-size: 12px; color: #555;  }

#statusResults .jobInfoYear { display: inline-block; min-width: 135px; }

#statusResults .validator { width: 98%; margin: 5px auto 1em auto; }

#statusResults .validator p { font-size: 12px; font-weight: bold; }

#statusSearch .txtJobNum
, #statusSearch .txtPhone
{
    width: 63px;
}

#statusSearch .txtCustomerNum
, #statusSearch .txtLeagueName
{
    width: 163px;
}

#statusSearch input.date 
{
    width: 63px;
}

#statusSearch input.txtName
{
    width: 98px;
}


.frameList { width: 99%;}
.commandButtons { margin-top: 0.5em; }
.frameList thead th { white-space: nowrap; }

.boxContent td.centerInfo { text-align: center; }

.resultCount { float: right; font-size: 14px; font-weight: bold; margin: 10px 0 0 0; }

.tblEditingConsole .sl { background: #80ff80; }
.tblEditingConsole .tm {}
.tblEditingConsole .ng {}
.tblEditingConsole .gd {}
.tblEditingConsole .has8x10 { background: #ff8040; }
.tblEditingConsole .rowUpdated { background: #ff8080; }


.orderFormImages { margin: 5px 0; }
.orderFormImages .img { float: left; margin: 0; padding-top: 3px; }

#dvPreviewControls 
{
    float: left;
    padding: 5px;
    width: 600px;
}

#dvPreviewControls .prevFrame
{
    padding-left: 25px;
    padding-right: 10px;
    background-position: left center;
    float: left;
}

#dvPreviewControls .nextFrame
{
    padding-right: 25px;
    padding-left: 10px;
    background-position: right center;
    float: left;
}

#dvPreviewControls h4 
{
    margin: 0 10px 0 0;
    float: left;
}

#dvPreviewControls #btnCancel,
#dvPreviewControls #btnChoose,
#dvPreviewControls #btnRotate,
#dvPreviewControls #btnMagnify
{
    margin-left: 10px;
}

.prev, 
.next,
.prevC, 
.nextC,
.prevT, 
.nextT,
.prevO, 
.nextO,
.prevFrame,
.nextFrame{
    display: block;
    float: left;    
    width: 13px;
    height: 20px;  
}
.prev,.prevC,.prevT,.prevO,.prevFrame { background: url('/images/DevToolsCMS/20x20-icons/arrow-rt.png') no-repeat center center; }
.next,.nextC,.nextT,.nextO,.nextFrame { background: url('/images/DevToolsCMS/20x20-icons/arrow.png') no-repeat center center; }

.orderFormImages .prev, 
.orderFormImages .next,
.orderFormImages .prevC, 
.orderFormImages .nextC,
.orderFormImages .prevO, 
.orderFormImages .nextO,
.orderFormImages .prevT, 
.orderFormImages .nextT{ height: 50px; }

.photos .img { float: left; }

.photos .prev, 
.photos .next,
.photos .prevO, 
.photos .nextO,
.photos .prevC,
.photos .prevT,
.photos .nextC,
.photos .nextT { height: 117px; background-position: bottom; }

#orderHistory .photos .prev, 
#orderHistory .photos .next,
#orderHistory .photos .prevC, 
#orderHistory .photos .nextC,
#orderHistory .photos .prevT, 
#orderHistory .photos .nextT,
#orderHistory .photos .prevO, 
#orderHistory .photos .nextO,
#orderHistory .photos .prevFrame, 
#orderHistory .photos .nextFrame
{ height: 32px; background-position: center; }

#orderHistory .photos .next,
#orderHistory .photos .nextC,
#orderHistory .photos .nextT,
#orderHistory .photos .nextO,
#orderHistory .photos .nextFrame
{ float: right; }
 
 .prevFrame,.nextFrame
 {
    height: 20px;
    width: 20px;
 }
 
.orderFormImages .img2 {padding-top: 0; border: 3px solid #5DB644; }

.tblPackageInfo {
    float: left;
    width: 285px;
}

.promoDetails {
    float: right;
    width: 215px;
    margin-top: -17px;
}

.jobJoinAdditionalInfo .formDisplay { float: left; }
.promoDetails .photos { float: left; width: 215px; margin-top: 70px;}
.promoDetails .photos .photoCounter,
.promoDetails .photos .photoName
{ text-align: center; margin-bottom: 0;}
.promoDetails .photos .photoName { font-size: 1.2em; font-weight: bold; }

.jobReview .jobStatus { float: right; }
.jobReview .warning { color: #BB2626;font-weight: bold; }
.jobReview .noWarning { color: #7CC468; }

.jobReview .formDisplay table { width: 100%; }
.jobReview .formDisplay table th { background: none;border: 0;width: 25%; }

.customerServiceView .photos td { text-align: center; }

.footerRow th,
.footerRow td { border-top: solid 1px #999; font-weight: bold; }

/*---------------- Customer Details Styles --------------------*/

.dvCustServPhotoControls {
    margin: auto;
    margin-top: 10px;
    margin-bottom: 0px;
    width: 178px;
}

.dvCustServPhotoControls .printPhoto {
    margin-left: 5px;
}

.dvCustServPhotoControls .txtAddresses {
    width: 75px;
}

#orderHistory .frameList 
{
}
#orderHistory .frameInfo
{
    display: none;
    padding: 3px;
}

#orderHistory thead th, 
#orderHistory tbody td
{
    padding: 0 5px 5px 5px;
    text-align: left;
}


/*---------------- Cover Sheet Styles --------------------*/
.fsDates { }

/*---------------- Proofing List Styles --------------------*/
.btnSpacer {
    margin-left: 3px;
}

.proofmasterlog {
    margin-left: 54px;
    margin-top: 5px;
}

.csvExportClose {
     margin-top: 5px;
}

.csvExportCloseNoStatus {
    margin-top: 5px;
}

/*---------------- Proofing Details Styles --------------------*/
.proofing .frameNav {
    font-size: 18px;
    margin-left: 30px;
}

.proofing .frameNav .toggleInputs { font-size: 12px;margin-left: 10px; }

.proofing .frameNav div {
    float: left;
    margin-top: 2px;
}

.proofing .frameDetail {
    float: right;
    margin-right: 30px;
    margin-bottom: 10px;
}

.proofing .frameDetail h3 {font-size: 14px; margin: 0;padding: 0; }
.proofing .frameDetail span { color: #000; }

.proofing .frameDetail table td, 
.proofing .frameDetail table th {    
    font-size: 14px;
    padding: 0 3px; 
}

.proofing .frameDetail table th { text-align: right; }

.proofing .orderForm 
{
    position: relative;
    margin-left: 30px;
    margin-bottom: 20px;
}

.proofing .orderForm input 
{
    position: absolute;
    border: 3px solid #DD2626;
    height: 24px;
    font-size: 16px;
    padding: 1px;
}

.proofing .orderForm .First_Name, 
.proofing .orderForm .Last_Name
{
    left: 44px;    
    top: 16px;
}
.proofing .orderForm .Last_Name { left: 230px; }

.proofing .orderForm .txtName_On_Card,.proofing .orderForm .txtName_On_Card_P1
{
    left: 5px;    
    top: 210px;
}

.proofing .orderForm .txtName_On_Card_P2
{
    left: 218px;    
    top: 210px;
}

.proofing .orderForm .txtHeight_Feet 
{
    left: 48px;    
    top: 273px;
    text-align: center;
}

.proofing .orderForm .txtHeight_Inches 
{
    left: 107px;    
    top: 273px;
    text-align: center;
}

.proofing .orderForm .txtWeight 
{
    left: 215px;    
    top: 273px;
    text-align: center;
}

.proofing .orderForm .txtUniform_Number 
{
    left: 373px;    
    top: 274px;
    text-align: center;
}

.proofing .orderForm .txtYear_Of_Birth 
{
    left: 450px;    
    top: 274px;
    text-align: center;
}

.proofing .orderForm .txtTeam 
{
    left: 510px;    
    top: 334px;
}

.proofing .orderForm .txtCoach 
{
    left: 510px;    
    top: 364px;
}

.proofing .orderForm .txtPosition 
{
    left: 510px;    
    top: 394px;
}

.proofing .orderForm .txtHometown 
{
    left: 510px;    
    top: 424px;
}


/* --- Color Picker --- */ 
.currentColor {
    width: 35px;
    height: 25px;
    color: #000;
    border: 1px solid #000;
    font-size: 18px;
    font-weight: bold;
    padding-top: 10px;
    text-align: center;
    float: left;
}
.selectColor {
    float: left;
    margin-left: 8px;
    margin-top: 15px;
}
.colorPicker {
    display: none;
    position: absolute;
    top: 0;
    left: 40px;
    z-index: 999;
    border: 1px solid #000;
    background: #fff;
}
.colorPicker ul 
{
    margin: 5px;
    padding: 0;
    list-style-type: none;  
}
.colorPicker ul li 
{
    float: left; 
    border: 1px solid #fff;    
}
.colorPicker ul li a 
{ 
    color: inherit;
    text-decoration: none;
    display: block;
    font-size: 18px;
    font-weight: bold;  
    width: 35px;
    height: 15px;
    padding: 10px 0;
    text-align: center;    
}
.colorPicker .title {
    background: #6EBD57;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 2px 5px;
}
.closeColorPicker {
    float: right;
    margin: 0 5px 5px 0; 
    
}
/* --- End Color Picker --- */

.jobJoinAdditionalInfo { padding: 5px; }
.jobJoinAdditionalInfo .formDisplay { margin: 0;padding: 0;}

#pnlFrameInstructions { float: left;padding: 2px 8px; }
#pnlFrameInstructions .arrow {
  display: inline-block;
  font-size: 30px;
  height: 26px;
  overflow: hidden;
  width: 14px;
	vertical-align: text-bottom;
}
#pnlFrameInstructions .arrowRt {
  text-indent: -16px;
}
#pnlFrameInstructions th 
{
	padding: 0 0 0 10px;
}
#pnlFrameInstructions th.noArrow 
{
	padding-top: 8px;
}
#pnlFrameInstructions td 
{
	padding: 8px 20px 0 10px;
	border-right: 1px solid #ccc;
}



/*---------------- Frame Detail Styles --------------------*/
/* to include when the frameAddEdit control is included    */
.frameDetails fieldset
{
    padding-top: 5px;
}
.frameDetails fieldset h4
{
    margin-top: 0;
}

fieldset.packageDetails { position: relative; }

.packageTotalWrap { position: absolute; top: 0; left: 118px; }

.frameDetails .pnlRt 
{
    padding-right: 25px;
}

.btnFfwdFrame 
{
    position: absolute; 
    top: 5px; 
    right: 0;
    width: 20px;
    height: 20px;
    background: url(/images/DevToolsCMS/20x20-icons/arrow-ffwd.png) 0 0 no-repeat;
}
.btnFfwdFrame:focus
, .btnFfwdFrame:hover
, .btnFfwdFrame:active
{ background-image: url(/images/DevToolsCMS/20x20-icons/arrow-ffwd-focus.png); cursor: pointer; }

.prodSearchFields .validator
{
    width: 200px;
}




/*---------------- Printing Report Styles --------------------*/

.reportPrint fieldset
{
    padding: 10px;
}
.reportPrint fieldset h4
{
    margin-top: 0;
}
.reportPrint .formDisplay tbody th { white-space: normal; }
.reportPrint .memoryMateLines li { white-space: nowrap; }

.reportPrint .memoryMateLines li {
    background: none;
    border: 0;
    border-bottom: 2px dotted #DFE0E1;
    margin: 5px 0;
    padding: 5px 0;
    width: 100%;
}
.reportPrint .memoryMateLines li,
.reportPrint .fsPromo .infoDisplay th,
.reportPrint .fsPromo .infoDisplay td {
    font-size: 0.85em !important;
}
.reportPrint .infoDisplay th
{
    white-space: nowrap !important;
}
.reportPrint .trTeamOverlayOnMemoryMate { border-top: solid 1px #ccc; }
#adminContent .reportPrint h1 { font-size: 24px !important;}

.infoDisplay { }
.infoDisplay th,
.infoDisplay td { padding: 0 10px 5px 0; }
.infoDisplay th { text-align: right; }

.manualFill {}

.printOnly { display: none; }

.printDate { float: right; display: block; }
.packageResults { width: 100%;}
.packageStats td { text-align: right; } 
.packageStats th { text-align: right; padding: 0 5px; white-space: nowrap; } 
.packageStats .pkgTotal { text-align: center; } 

.pkgTotals .col { width: 30%; margin-top: 20px; padding: 20px; border: solid 1px #ccc;}
.pkgTotals table {width: 100%;}
.pkgTotals thead tr { border-bottom: solid 1px #ccc; }
.pkgTotals td { font-weight: bold; }

#searchResults .jobDetails th, 
#searchResults .jobDetails td { font-size: 16px; padding: 0; font-weight: bold; color: #000; }
#searchResults .jobDetails th { text-align: left;}
#searchResults .jobDetails td { text-align: right; padding-left: 50px;}

.stationPkgs thead th { white-space: nowrap; }
.stationPkgs table { margin-bottom: 1em; width: 100%; }

.hReorder {
    margin-top: 0px !important;
}

.userLegend label {
    height: 18px;
    vertical-align: top;
}

.greenUser,
.greyUser,
.redUser {
    height: 18px;
    width: 26px;
    display: inline-block;
    opacity: 0.8;
}

.greyUser {
    background-color: #808080;
}

.greenUser {
    background-color: #008000;
}

.redUser {
    background-color: #FF0000;
}

#reorderFrames { width: 100%; }

.reorderReport .framesPerClient { width: 100%;}
.reorderReport .frame h3 { border-bottom: solid 1px #777; padding-bottom: 5px; margin: 0 0 3px 0;}
.reorderReport .twoCol { border-bottom: solid 2px #777; padding: 3px 0 10px 0; margin-bottom: 10px;}
.reorderReport .framesPerClient { border-bottom:  border-bottom: solid 3px #777;  }
.reorderReport .frame { margin-bottom: 10px;}
.reorderReport .secInfo td { padding-bottom: 0; }
.reorderReport .secInfo h4 { margin: 0; line-height: normal; }
.reorderReport .col td,
.reorderReport .col th,
.reorderReport .clr td,
.reorderReport .clr th { padding: 0 3px 0 0; font-size: 1.1em; }
.reorderReport .col td, .reorderReport .clr td { font-weight: bold; }
.reorderReport .col th, .reorderReport .clr th { font-weight: normal; white-space: nowrap; }
.reorderReport .packagesOrdered
{
    border: solid 1px #aaa;
    padding: 0 3px 2px 3px;
}

.printingLinks .reportBtn
{
    width: 185px;
}

.twoCol.reportLinks{
    width: 900px;
}

.reportLinks .reportCol 
{
    float:left;
    margin-right: 2%;
}

.pnlLoadingMsg .rcbList
{
    padding-left: 0;
    list-style: none;
    margin: 0;
}

.pnlLoadingMsg .rcbList li li 
{
    padding-right: 2px;
    font-weight: normal;
}

.pnlLoadingMsg .rcbList li.rcbHeader li 
{   font-weight: bold;
    }

.pnlLoadingMsg 
{
    position: fixed;
    margin-left: 515px;
    width: 280px;
    background: #EFF9FF;
    color:#000;
    padding: 10px;
    font-weight: bold;
    border: 1px solid #000;
    border-radius: 5px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 83px;
}

#adminContent .smallsize13 tr,#adminContent .smallsize13
{
    font-size:13px;
}

#adminContent .smallsize14 tr,#adminContent .smallsize14
{
    font-size:14px;
}

#adminContent .smallsize15 tr,#adminContent .smallsize15
{
    font-size:15px;
}

#adminContent .smallsize16 tr,#adminContent .smallsize16
{
    font-size:16px;
}