﻿table tr td.btnMove {
	width: 22px;
	height: 22px;
	background: url(/styles/images/btns.gif) no-repeat -162px 0px ;
}
table tr td.btnMove:hover {
	background: url(/styles/images/btns.gif) no-repeat -162px -22px;
}

.pageSortPlaceHolderHighlight
{
	border: #000 dashed 1px;
	background: Red;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: .8em;
  color: #333333;
  width: 1000px;
  margin: auto;
  background: URL(/styles/images/back.jpg) top repeat-x;
}
#pageWrapper {
	/*background-color: #FFFFFF;*/
}

a {
	font-weight: bold;
	text-decoration: none;
	color: #8d9700;
}
a:hover {
	color: #000;
}
.clear {
	clear: both;
}

#head {
  min-height: 189px;
}
#head #logo {
	float: left;
}
a img {
	border: none;
}
#head ul {
  margin: 0;
  padding: 30px 0 0 0;
	/*float: right;*/
}
#head ul li {
  margin: 0 50px;
  list-style: none;
  float: left;
  font-size: 1.2em;
  line-height: 1.2em;
}
#head ul li a {
  text-decoration: none;
  color: #474c00;
  display: block;
  padding: 0;
  margin: 0;
}
#head ul li a:hover {
  color: black;
  background: white;
}
#head ul li a.myclass_down {
	color: black;
  	background: white;
}
#head ul li ul { margin-top: 10px; padding: 0;  }
#head ul li ul li {
  margin: 0px;
  float: none;
  font-size: .7em;
}
.btnBase {
  border: none;
  margin: 0 2px 0 0;
  height: 22px;
  padding: 0 0 0px 20px;
  text-align: left;
  cursor: pointer;
  font-size: .9em;
}
table {
  font-size: .9em;
  width: 100%;
}
table caption { display: none; }
table th, table td {
  text-align: left;
  padding: 4px;
  height: 2.2em;
}

table  h2, table h3 {
  font-size: 2em;
  line-height: 1.3em;
  margin: 0;
  font-weight: normal;
  color: #8d9700;
}
table tr td { border-top: 1px solid #cccccc; }
table tr.breakdownItem td {
  border-top: none;
  padding-top: 1px;
  padding-bottom: 1px;
}
table tr.breakdownItem .firstCol {
  padding-left: 20px;
  background: URL(/styles/images/connect.gif) left no-repeat;
  
}
table tr.breakdownItem .firstCol .inputText { width: 220px; }
table tr.breakdownItemTotal td {
  border-top: none;
  font-weight: bold;
}
table tr.breakdownItemTotal .firstCol {
  padding-left: 20px;
  background: URL(/styles/images/connect2.gif) left no-repeat;
}
.detailed table tr.breakdownItemTotal .firstCol {
  padding-left: 20px;
  background: none;
  
}
table .borderLeft { border-left: 1px double #8d9700; }
table .borderRight { border-right: 1px solid #8d9700; text-align: right;}


table .borderTop {
  border-top: 1px solid #8d9700;
  min-width: 80px;
}
.detailed table {
	/*margin-bottom: 1em;*/
}
.detailed table td {
	padding-top: 0px;
	padding-bottom: 0px;
}

.detailed table td.firstCol {
width: 50%;
}

.detailed table td.borderLeft {
	width: 200px;
}
 .detailed table td.borderRight {
	width: 100px;
}
table .subTotal, table .stagesTotal {
  background: #d6de23;
  color: #000;
  font-size: 1.2em;
  /*line-height: 2em;*/
  font-weight: bold;
  border-Bottom: 1px solid #8CA2CF;
}
table .stagesTotal {
	background: #333333;
	color: #FFF;
}
table .summaryWarning {
	color: #CC0000;
}
table .summaryWarning .subTotal {
	background: #CC0000;
	color: #FFFFFF;
}
table .inputText {
  border: #e6e6e6 1px solid;
  padding: 5px;
  width: 65px;
  float: left;
}
table .firstCol { padding-left: 0; width: 280px}
table .firstCol .inputText { width: 240px; }
table .buttons {
  padding-left: 0;
  padding-right: 0;
}
table .btnInfo {
  width: 20px;
  height: 25px;
  background: URL(/styles/images/buttons.png) 0 0 no-repeat;
  margin: 0;
  cursor: pointer;
  text-indent: -9999px;
  display: block;
	margin: 0 0 0 5px;
}
table .btnInfo:hover { background: URL(/styles/images/buttons.png) 0 -25px no-repeat; }
table .btnNote {
  width: 30px;
  height: 25px;
  background: URL(/styles/images/buttons.png) -20px 0 no-repeat;
  margin: 0;
  cursor: pointer;
  text-indent: -9999px;
  display: block;
  margin: 0;
}
table .btnNote:hover { background: URL(/styles/images/buttons.png) -20px -25px no-repeat; }
table input.btnNew {
  border: none;
  margin: 0 2px 0 0;
  height: 22px;
  padding: 0 0 0px 20px;
  text-align: left;
  cursor: pointer;
  font-size: .9em;
  width: 75px;
  background: URL(/styles/images/buttons.png) -105px 0 no-repeat;
}

.hasNote {
  
  background: URL(/styles/images/buttons.png) -659px 0 no-repeat !important;
 
} 

.hasNote:hover { background: URL(/styles/images/buttons.png) -659px -25px no-repeat !important;}

table input.btnNew:hover { background: URL(/styles/images/buttons.png) -105px -25px no-repeat; }
input.btnSave {
  border: none;
  margin: 0 2px 0 10px;
  height: 22px;
  padding: 0;
  text-align: centre;
  cursor: pointer;
  font-size: .9em;
  width: 75px;
  background: URL(/styles/images/buttons.png) -430px 0 no-repeat;
  float: right;
}
input.btnSave:hover { background: URL(/styles/images/buttons.png) -430px -25px no-repeat; }
input.btnNext {
  border: none;
  margin: 0 2px 0 0;
  height: 22px;
  padding: 0;
  text-align: centre;
  cursor: pointer;
  font-size: .9em;
  width: 75px;
  background: URL(/styles/images/buttons.png) -430px 0 no-repeat;
  float: left;
}
input.btnNext:hover { background: URL(/styles/images/buttons.png) -430px -25px no-repeat; }
input.btnPrev {
  border: none;
  margin: 0 2px 0 0;
  height: 22px;
  padding: 0;
  text-align: centre;
  cursor: pointer;
  font-size: .9em;
  width: 75px;
  float: left;
  color: #666666;
  background: #FFF;
}
input.btnPrev:hover { color: #000;  background: URL(/styles/images/buttons.png) -430px -25px no-repeat; }
input.btn {
  border: none;
  margin: 0 2px 0 0;
  height: 22px;
  padding: 0;
  text-align: centre;
  cursor: pointer;
  font-size: .9em;
  width: 75px;
  background: URL(/styles/images/buttons.png) -430px 0 no-repeat;
  float: left;
}
input.btn:hover { background: URL(/styles/images/buttons.png) -430px -25px no-repeat; }
input.btnLarge {
  border: none;
  margin: 0 2px 0 0;
  height: 22px;
  padding: 0;
  text-align: centre;
  cursor: pointer;
  font-size: .9em;
  width: 125px;
  background: URL(/styles/images/buttons.png) -505px 0 no-repeat;
  float: left;
}
input.btnLarge:hover { background: URL(/styles/images/buttons.png) -505px -25px no-repeat; }
input.btnLarge2 {
  border: none;
  margin: 0 2px 0 0;
  height: 22px;
  padding: 0;
  text-align: centre;
  cursor: pointer;
  font-size: .9em;
  width: 125px;
  background: URL(/styles/images/buttons.png) -505px 0 no-repeat;
}
input.btnLarge2:hover { background: URL(/styles/images/buttons.png) -505px -25px no-repeat; }
table input.btnCreate {
  border: none;
  margin: 0 2px;
  height: 22px;
  padding: 0 0 0px 20px;
  text-align: left;
  cursor: pointer;
  font-size: .9em;
  width: 125px;
  background: URL(/styles/images/buttons.png) -180px 0 no-repeat;
  /*display: none;*/
}
table tr:hover input.btnCreate { display: block; }
table input.btnCreate:hover { background: URL(/styles/images/buttons.png) -180px -25px no-repeat; }
table input.btnRemove {
  border: none;
  margin: 4px 2px;
  height: 22px;
  padding: 0 0 0px 10px;
  text-align: left;
  cursor: pointer;
  font-size: .9em;
  width: 22px;
  font-size: 1px;
  background: URL(/styles/images/buttons.png) -630px 0 no-repeat;
  letter-spacing: 500px;
}
table input.btnRemove:hover { background: URL(/styles/images/buttons.png) -630px -25px no-repeat; }
table input.btnRemoveBreakdown {
  border: none;
  margin: 0 2px 0 0;
  height: 22px;
  padding: 0 0 0px 20px;
  text-align: left;
  cursor: pointer;
  font-size: .9em;
  width: 125px;
  background: URL(/styles/images/buttons.png) -305px 0 no-repeat;
}
table input.btnRemoveBreakdown:hover { background: URL(/styles/images/buttons.png) -305px -25px no-repeat; }
.stepWrapper {
  width: 1000px;
  padding: 30px 0 0 0;
  margin: 10px 0px;
  background: URL(/styles/images/stepWrapTop.png) top no-repeat;
  clear: both;
}
.stepWrapper .stepWrapperContent {
 padding: 0 30px 0 30px;
  background: URL(/styles/images/stepWrapRepeat.png) repeat-y;
  zoom: 1;
}
.stepWrapper .stepWrapperBottom {
  background: URL(/styles/images/stepWrapbottom.png) repeat-y;
  height: 30px;
}
.stepWrapper p {
	margin: 0;
}
.stepWrapper h2 {
	margin: 0 0 1em 0;
	font-weight: normal;
 	font-size: 2em;
	line-height: 1.3em;
	color: #000;
}
.aHide { text-indent: -9999px; }
.mainContent { padding: 0 30px; clear: both; }
.mainContent h1, .mainContent h2 { font-weight: normal;}

.cluetip-info #cluetip-outer {
  width: 500px;
  background: URL(/styles/images/helpTop.gif) top no-repeat;
  padding: 10px 0 0 0;
  color: white;
  font-size: 0.9em;
}
.cluetip-info #cluetip-outer a { color: white; }
.cluetip-info #cluetip-outer #cluetip-close, .cluetip-note #cluetip-outer #cluetip-close { float: right; }
.cluetip-info #cluetip-outer #cluetip-inner {
  width: 480px;
  background: URL(/styles/images/helpRepeat.gif) top repeat-y;
  padding: 10px 10px 10px 10px;
}
.cluetip-info #cluetip-outer #cluetip-inner h1, .cluetip-note #cluetip-outer #cluetip-inner h1 {
  font-size: 1.2em;
  font-weight: normal;
  margin: 0 0 5px 0;
}
.cluetip-info #cluetip-outer #cluetip-inner p, .cluetip-note #cluetip-outer #cluetip-inner p { margin: 5px 0px; }
.cluetip-info #cluetip-extra {
  width: 500px;
  background: URL(/styles/images/helpBottom.gif) top no-repeat;
  height: 10px;
}
.cluetip-note #cluetip-outer {
  width: 500px;
  background: URL(/styles/images/noteTop.gif) top no-repeat;
  padding: 10px 0 0 0;
  color: black;
}
.cluetip-note #cluetip-outer a { color: black; }
.cluetip-note #cluetip-outer #cluetip-inner {
  width: 480px;
  background: URL(/styles/images/noteRepeat.gif) top repeat-y;
  padding: 10px 10px 10px 10px;
}
.cluetip-note #cluetip-extra {
  width: 500px;
  background: URL(/styles/images/noteBottom.gif) top no-repeat;
  height: 10px;
}
#footer {
	clear: both;
}
#footer ul {
	float: right;
	margin: 0;
	padding: 0;
}
#footer ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer p {
	float: left;
	margin: 50px 0 0 30px;
	font-size: 0.9em;
	color: #666666;
}
fieldset {
	border: 1px solid #CCC;
	padding: 10px;
}
fieldset legend {
	font-size: 1.5em;
	font-weight: normal;
}
fieldset p {
	overflow: auto;
}
fieldset label {
	float: left;
	width: 150px;
}
fieldset input[type=text], fieldset input[type=password] {
	border: 1px solid #CCC;
	padding: 5px;
	width: 250px;
}
fieldset .field-validation-error {
	color: #CC0066;
	
}
fieldset input.input-validation-error, table .invalid {
	color: #CC0066;
	border-color: #CC0066;
}
.floatRight {
	float: right;
}
.loginContent {
	margin: 10px 30px;
	clear: both;
}
.loading {
font-style: italic;
color: #999999;
}


