/*
 * Boxes.css
 * Styles for content boxes - eg, dashbox, reportbox etc
 */

/*
 * Generic Styles Used In All Boxes
 */ 
a {
	color:#005C9C;
	text-decoration:none;
}

a:hover {
	text-decoration:underline
}

.hidden, .hide { display: none; }

.RoundCornersGreyOutline {background:#fff; color:#fff; margin:0;}
.RoundCornersGreyOutline .RTop{display:block;}
.RoundCornersGreyOutline .RBottom{display:block; }
.RoundCornersGreyOutline .RTop *{display: block;height: 1px;overflow: hidden;background:#fff;}
.RoundCornersGreyOutline .RBottom *{display: block;height: 1px;overflow: hidden;background:#fff;}
.RoundCornersGreyOutline .R1{margin: 0 3px; border-left:1px solid #999999; border-right:1px solid #999999; background:#999999 ;}
.RoundCornersGreyOutline .R2{margin: 0 2px; border-left:1px solid #999999; border-right:1px solid #999999;}
.RoundCornersGreyOutline .R3{margin: 0 1px; height: 1px; border-left:1px solid #999999; border-right:1px solid #999999;}


/*
 * Error dialog
 */
.ErrorBalloon { margin: 0; margin-left: 50px; margin-right: 50px; background:#ff6666; color:#fff;}
.ErrorBalloon .RTop{ margin-top: 50px; display:block;background:#fff; }
.ErrorBalloon .RBottom{ margin-bottom: 50px; display:block;background:#fff; }
.ErrorBalloon .RTop *{ display: block;height: 1px;overflow: hidden;background:#ff6666; }
.ErrorBalloon .RBottom *{ display: block;height: 1px;overflow: hidden;background:#ff6666; }
.ErrorBalloon .R1{ margin: 0 3px }
.ErrorBalloon .R2{ margin: 0 2px }
.ErrorBalloon .R3{ margin: 0 1px; height: 1px }
.ErrorContent { 
	margin-left: 50px; 
	margin-right: 50px; 
	padding-left: 150px; 
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 15px;
	background:#ffcccc;
	border-left: 3px solid #ff6666;
	border-right: 3px solid #ff6666; 
	display: block;
	min-height: 100px;
}

.ErrorOops {
	background-image: url(/img/headbang.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

.ErrorSorry {
	background-image: url(/img/error.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

/* Generic class for error image - specify the image inline */
.ErrorImage {
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

.ErrorContent h1 {
	font-size: 14pt;
	font-weight: bold;
	margin-bottom: 10px;
}


/*
 * Session->flash boxes
 */
.FlashWarningBalloon { margin: 0; margin-left: 0px; margin-right: 0px; background:#ffcc66; color:#fff;}
.FlashWarningBalloon .RTop{ margin-top: 0px; display:block;background:#fff; }
.FlashWarningBalloon .RBottom{ margin-bottom: 5px; display:block;background:#fff; }
.FlashWarningBalloon .RTop *{ display: block;height: 1px;overflow: hidden;background:#ffcc66; }
.FlashWarningBalloon .RBottom *{ display: block;height: 1px;overflow: hidden;background:#ffcc66; }
.FlashWarningBalloon .R1{ margin: 0 3px }
.FlashWarningBalloon .R2{ margin: 0 2px }
.FlashWarningBalloon .R3{ margin: 0 1px; height: 1px }
.FlashWarning { 
	margin-left: 0px; 
	margin-right: 0px; 
	padding-left: 50px; 
	padding-top: 15px;
	padding-bottom: 5px;
	padding-right: 15px;
	background:#fff0cc;
	border-left: 3px solid #ffcc66;
	border-right: 3px solid #ffcc66; 
	display: block;
	min-height: 32px;
	background-image: url(/img/error_32.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	font-size: 10pt;
}
.FlashWarning em { font-weight: bolder; }

.FlashErrorBalloon { margin: 0; margin-left: 0px; margin-right: 0px; background:#ff6666; color:#fff;}
.FlashErrorBalloon .RTop{ margin-top: 0px; display:block;background:#fff; }
.FlashErrorBalloon .RBottom{ margin-bottom: 5px; display:block;background:#fff; }
.FlashErrorBalloon .RTop *{ display: block;height: 1px;overflow: hidden;background:#ff6666; }
.FlashErrorBalloon .RBottom *{ display: block;height: 1px;overflow: hidden;background:#ff6666; }
.FlashErrorBalloon .R1{ margin: 0 3px }
.FlashErrorBalloon .R2{ margin: 0 2px }
.FlashErrorBalloon .R3{ margin: 0 1px; height: 1px }
.FlashError { 
	margin-left: 0px; 
	margin-right: 0px; 
	padding-left: 50px; 
	padding-top: 15px;
	padding-bottom: 5px;
	padding-right: 15px;
	background:#ffcccc;
	border-left: 3px solid #ff6666;
	border-right: 3px solid #ff6666; 
	display: block;
	min-height: 32px;
	background-image: url(/img/error_32.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	font-size: 10pt;
}
.FlashError em { font-weight: bolder; }


/*
 * Full Width container - ie, no vertical menu
 */
 .FullContainer {
	width: 950px;
	padding: 10px 0 0 0;
}

.ReportsContainer {
	width: 737px;
	padding: 10px 0 0 0;
}
	
.ReportsContent {
	border-left: 1px #999999 solid;
	border-right: 1px #999999 solid;
	padding: 12px;
	overflow: hidden;
}
	
.ReportTitle {
	font-size:20px;
	padding:15px 0 0 15px;
	font-weight:bold;
	text-align:left;
	width:320px;
}

.ReportSection {
	width: 711px;
	margin-bottom: 10px;
}
.ReportSection .link {
	font-size: larger;
}
.ReportSection a.link {
	display: block;
	padding: 4px 20px;
	border: 1px solid #888;
	background: #DDD;
	width: 120%;
}
.ReportSection input {
	display: inline-block;
}
.ReportSection .input.checkbox input[type=checkbox] {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
	
}
.ReportSection label {
    display: inline-block;
    padding-left: 25px;
    text-indent: -15px;
	
}

.SectionLine {
	border-top: 1px solid #999999;
}

.FullContainer .ReportSection { width: 924px; }

.ReportHeader {
	min-height: 100px;
}


.H2 {
	font-size:20px;
	font-weight:bold;
	padding:10px 0 10px 0;	
	}
	
.ValidatorError {
	color:#FF0000;
	font-size:10px;
	padding:4px 0 0 0;
	}

.Wrapper {
	/* position: relative; */
	width:100%;
	margin:0 auto;
	font-family:Helvetica, sans-serif, Arial;
	font-size:12px;
	}

.Content {
	width:950px;
	margin:auto;
	}
	
.Debug {
	margin:200px auto 0 auto;
	float:left;
	}

.Printable a {
	font-size:10px;
	color:#005C9C;
	text-decoration:none;
	padding-left:15px;
	line-height:20px;
	}
	
#ExportOptionPane {
	position: absolute;
	margin-left: 20px;
	background-color: white;
	z-index: 100;
	height: auto;
	border: 1px solid grey;
	padding: 10px;
	overflow-x: hidden;
	overflow-y: hidden;
	display: none;
}

#ExportOptionPane a {
	font-size:10px;
	color:#005C9C;
	text-decoration:none;
	line-height:20px;
}
	
.PageHeader {
	width:950px;
	margin:auto;
}


.VariablePageHeader {
	/*width:100%;*/
	min-width: 950px;
	margin:auto;	
	padding-left: 5px;
	padding-right: 15px;
}

.VariableContent {
	margin: auto;
	padding-left: 5px;
	padding-right: 15px;
	height: 100%;	
}

.VariableContainer {
	padding: 10px 0 0 0;
}
/*
 * Front Page
 */

.FrontWrapper {
	font-family: "Trebuchet MS", serif;
	font-size: 13px;
	color: #555555;
	}

.FrontHeaderContainer {
	width:100%;
	}

.FrontHeaderContent {
	width:950px;
	margin:0 auto;
	text-align:left;
	}

.FrontContent {
	width:100%;
	}

.FrontMenuContainer {
	height: 40px;
	background-color: #99ccff;
	text-transform:uppercase;
	font-weight:bold;
	}

.FrontMenuLinks {
	width:950px;
	margin:0 auto;
	font-family: "Trebuchet MS", serif;
	}

.FrontMenuLinks a {
	float:left;
	color: #FFFFFF;
	text-decoration:none;
	margin-top:10px;
	padding: 0 18px 0 30px;
	display:inline;
	font-size:15px;
}

.FrontMenuLinks a:visited {	color: #FFFFFF; }


.FrontMenuLinks .Last a { border-right:none; }

.FrontMenuLinks .Last a:visited { color:#FFFFFF; }

.FrontBannerContainer {
	background: #0066cc;
	width:100%;
	border-bottom:#6699ff solid 2px;
	border-top:#6699ff solid 2px;
	}

.FrontBannerContent {
	overflow:hidden;
	margin:0 auto;
	width:950px;
	color:#FFFFFF;
	background:url(/img/front_background.jpg) bottom;
	height:400px;
	}

.FrontBannerContent .Intro {
	font-size:30px;
	font-weight:bold;
	width:430px;
	text-align:center;
	padding:40px 0 0 0;
	display:block;
	}
	
.FrontBannerContent .Text {
	font-size:14px;
	line-height:1.4;
	word-spacing:4px;
	width:430px;
	display:block;
	}

.FrontBannerContent .Text p {
	padding:10px 0 0 0;
	}

.FrontBannerContent .SignupButton {
	margin-bottom: 15px;
	}

.FrontContentButtons {
	margin-top: 20px;
	float: left;
}


.FrontLoginBox {
	color:#000000;
	float:right;
	font-size:8pt;
	font-weight:bold;
	padding:20px 0 0;
	}
	
.FrontLoginBox .Button {
	color:#005C9C;
	font-weight:normal;
	text-decoration:none;
	}
	
.FrontSignupBox {
	color:#000000;
	float:right;
	font-size:8pt;
	font-weight:bold;
	padding:20px 10px 0;
	}
	
.FrontSignupBox .Button {
	color:#005C9C;
	font-weight:normal;
	text-decoration:none;
	}	

.FrontLogo {
	margin: 0 auto;
	padding: 10px 0 20px 0;
	}

.FrontSnapshotContainer {
	width:950px;
	height: 220px;
	margin:0 auto;
	}

.Snapshot {
	float:left;
	width:278px;
	font-size:16px;
	line-height:1.2;
	margin:20px 15px 0 15px;
	}


.Snapshot .Image {
	border:4px solid #E3E3E3;
	}

.Snapshot .Text {
	background-color: #99ccff;
	text-align:center;
	font-weight:bold;
	padding:10px;
	color:#FFFFFF;
	}




/*
 * Features
 */

.FeaturesMenu {
	float:left;
	width:180px;
	}

.FeaturesMenu .MenuHeader {
	padding: 10px 0 3px 5px;
	border-bottom:1px solid #999999;
	}	

.FeaturesMenu .MenuCategoryActive a {
	font-size:15px;
	font-weight:bold;
	padding: 10px 0 3px 5px;
	text-decoration:none;
	color:#333333;
	}

.FeaturesMenu .MenuCategoryInActive a {
	font-size:15px;
	font-weight:bold;
	padding: 10px 0 3px 5px;
	text-decoration:none;
	color:#333333;
	}

.FeatureContainer {
	float:right;
	width:700px;
	padding:20px 0 40px 0;
	font-size:16px;
	line-height:1.5;
	}
	
.FeatureContainer .FeatureContentRight {
	float:right;
	width:370px;
	}

.FeatureContainer .FeatureContentRight a {
	text-align:right;
	display:block;
	}

.FeatureContainer .FeatureContentLeft {
	float:left;
	border:4px solid #E3E3E3;
	}

.FeatureHeader {
	padding:20px 30px 30px 30px;
	font-size:36px;
	font-weight:bold;
	}
	
/*
 * Pricing
 */

.PricingContent {
	float:left;
	width:100%;
	text-align:center;
	}

.PricingContentLeft {
	float:left;
	width:300px;
	padding:20px 0px 20px 120px;
	}
	
.PricingContentRight {
	float:right;
	width:300px;
	padding:20px 120px 20px 0px;
	}

.PricingContent .Price {
	font-size:60px;
	font-weight:bold;
	}

.PricingContent .Setup {
	font-size:30px;
	font-weight:bold;
	padding:50px 0 30px 0;
	}


/*
 * Contact
 */


.ContactHeader {
	font-size:36px;
	font-weight:bold;
	margin:20px 0 20px 30px;
	float:left;
	width:100%;
	}

.ContactContent {
	float:left;
	width:100%;
	margin:20px 0px 0 20px;
	width:100%;
	}

.ContactContent .LeftCol {
	padding:0 0 0 30px;
	float:left;
	width:45%;
	}

.ContactContent .RightCol {
	padding:0 30px 0 0;
	float:right;
	width:45%;
	}

.ContactContent .FullCol {
	padding:0 0 0 30px;
	float:left;
	width:100%;
	}


.ContactContent label {
	color:#333333;
	display:block;
	font-weight:700;
	line-height:2.4em;
	padding:7px 10px 0 0;
	white-space:nowrap;
	width:116px;
	}

.ContactContent input
	{
	border:1px solid #CCCCCC;
	margin:1px;
	padding:3px;
	width:75%;
	}

.ContactContent .FieldName {
	color:#333333;
	display:block;
	font-weight:700;
	line-height:2.4em;
	padding:7px 10px 0 0;
	white-space:nowrap;
	width:116px;
	}

.ContactContent textarea
	{
	padding:3px;
	margin:1px;
	width:785px;
	border:1px solid #CCCCCC;
	}

.ContactContent .submit input
	{
	padding:3px;
	margin:1px;
	border:1px solid #CCCCCC;
	float: right;
	width:100px;
	margin-right:156px
	}

.ContactContent .error-message {
	color:#FF0000;
	font-size:10px;
	padding:4px 0 0 0;
	background-image: url(/img/small_right_arrow.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-left: 18px;
	}

/*
 * Signup Form
 */

.SignupHeader {
	font-size:36px;
	font-weight:bold;
	padding:30px 0 0 20px;
	}

.SignupContainer {
	float:left;
	width:100%;
	margin:20px 0px 0 24px;
	width:100%;
}
	
.ProgressContainer {
	padding:20px 20px 0 54px;
}

#ImportingStagesList li {
	padding: 5px 0;
}

#ImportingStagesList .Current {
	list-style-image: url('/img/GreenArrow.gif');
}

.DownloadContainer {
	float:left;
	width:100%;
	margin:20px 0px 0 24px;
	width:100%;
	background: url(/img/installer.jpg) top right no-repeat;
	}

.SignupContent {
	padding: 12px;
	overflow: hidden;
	}

.SignupContent p {
	padding: 5px 0 0 0;
	width:450px;
	}

.SignupContent ul {
	padding:0 0 20px 0;
	}

.SignupContent li {
	background: url(/img/tick.jpg) left no-repeat;
	padding:3px 0 3px 35px;
	}

.SignupContent .TwoColLeft {
	float:left;
	width:50%;
	font-size:16px;
	border-left:#CCCCCC solid 2px;
	margin:0 0 0 20px;
	padding:20px 0 50px 40px;
	}

.SignupContent .TwoColLeftLast {
	float:left;
	width:50%;
	font-size:16px;
	margin:0 0 0 20px;
	padding:20px 0 50px 40px;
	}

.SignupContent .TwoColRight {
	float:right;
	font-size:16px;
	width:40%;
	margin:0 0 0 20px;
	padding:20px 0 50px 0;		
	}

.SignupContent .TwoColRightDownload {
	padding:300px 0 0 0;
	float:right;
	font-size:16px;
	width:30%;
	margin:0 0 0 20px;
	}

.SignupContent .ThreeColLeft {
	float:left;
	width:35%;
	font-size:16px;
	border-left:#CCCCCC solid 2px;
	margin:0 0 0 20px;
	padding:20px 0 50px 40px;
	}

.SignupContent .ThreeColLeftLast {
	float:left;
	width:35%;
	font-size:16px;
	margin:0 0 0 20px;
	padding:20px 0 50px 40px;
	}

.SignupContent .ThreeColMiddle {
	float:left;
	width:35%;
	font-size:16px;
	padding:20px 0 50px 0;
	}

.SignupContent .ThreeColRight {
	float:right;
	font-size:16px;
	width:20%;
	margin:0 0 0 20px;
	padding:20px 0 50px 0;		
	}
	
.SignupContent .Title {
	width:94%;
	font-size:18px;
	font-weight:bold;
	padding:10px 0 0 50px;
	height:30px;
	}

.SignupContent .FieldName {
	color:#333333;
	display:block;
	font-weight:700;
	line-height:2.4em;
	padding:7px 10px 0 0;
	white-space:nowrap;
	width:116px;
	}

.SignupContent .Field {
	padding:3px;
	margin:1px;
	width:75%;
	border:1px solid #CCCCCC;
	}

.SignupContent .CaptchaImage {
	border:1px solid #CCCCCC;
	height: 50px;
	width: 100px;
	clip: rect(0px, 100px, 50px, 0px);
	overflow: hidden;
	float:left;
	margin:0 0 40px 0;
	}
	
.SignupContent .CaptchaField {
	padding:3px;
	margin:10px 73px 1px 1px;
	width:35%;
	border:1px solid #CCCCCC;
	float:right;
	}	

.SignupSection {
	width:100%;
	float:left;
	margin:0 0 0 0;
	}

.SignupSection .VersionHeader {
	font-weight:bold;
	padding:20px;
	}

.SignupSection p {
	padding:10px 0 0 0;
	}

.LoginContainer {
/*	width:500px;
	margin:20% auto 0 auto;
*/
	position: absolute;
	top: 33%;
	margin-top: -86px;
	width: 470px;
	left: 50%;
	margin-left: -235px;
	}

.LoginLogo {
	margin: 20px 0 0 10px;
	}

.UserLogin {
	/* this needs to be this wide to prevent the spans from wrapping in IE6 */
	/* nb, it has very little effect otherwise, since the width of the loginbox */
	/* is determined by .LoginContainer */
	width:520px;
	}

.UserLoginForm a {
	text-decoration:none;
	color:#005C9C;
	}	

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

.UserLogin input {
	border:1px solid #CCCCCC;
	margin:0 0 0 10px;
	padding:3px;
	width:200px;
	}

.UserLogin label {	
	color:#333333;
	display:block;
	font-weight:700;
	line-height:2.4em;
	padding:7px 10px 0 0;
	white-space:nowrap;
	width:100%;
	margin:0 0 0 10px;
	}
		
.UserLogin .input {
	padding:2px 0 2px 0;
	width:240px;
	display: inline;
	display: inline-block;
	}
	
.UserLogin .InputRight {
	padding:2px 0 2px 0;
	width:240px;
	float:right;
	}
	
.LoginFooter {
		padding-right: 8px;
		padding-left: 8px;
}
	
.AuthValidatorError {
	color: red;
	display:block;
	width:100%;
	margin:0 0 0 10px;
	}

.LoginFooter .Remember {
	width:200px;
	padding:8px 0 0 0;
	}

.LoginFooter .Remember input {
	width:20px;

	border:none;
	}

.LoginFooter .Remember label {
	display:inline;
	padding:0px 10px 0 7px;
	line-height:normal;

	}
	
.LoginFooter .Right {
	float:right;
	width:150px;
	margin:5px 0 0 0;	
	}	

.UserLogin .Reset { 
	display:inline-block;
	}

.UserLogin .Reset input {
	width:85px;
	border:none;
	}
	
.LoginFooter .Submit {
	margin:5px 0 0 0;
	float:right;
	}
 
.LoginFooter .Submit input {
	width:86px;
	height:27px;
	border:none;
	}
 
 .LoginFooter .Forgot {
	float:right;
	padding:0 6px 0 0;
 	}
 
 /*
 * Login Form
 */

.VersionContainer {
	width:900px;
	margin:10% auto 0 auto;
	}

.VersionBox {
	border:#666666 1px solid;
	margin:0 0 30px 0;
	padding:0 30px 20px 30px;
	height:200px;
	}

.VersionBox .Info {
	width:500px;
	float: left;
	
	}

.VersionBox .Link {
	margin-left: 570px;
	width:240px;
	}

.VersionBox .Link a:hover {
	text-decoration:underline;
	}

.VersionBox .UserLogin {
	width: 230px;
}

.Link .Forgot, .Link .Remember {
	font-size: smaller;
	width: 100px;
}

.Link .Remember {
	width: 100px;
}

.Link .Remember label {
	padding: 0;
}
 
 /*
 * Footer
 */

	
.FooterWrapper {
	font-family: "Trebuchet MS", serif;
	font-size: 11px;
	color:#666666;
	width:100%;
	/* float:left; */
	background:url(/img/footer_background.png) repeat-x;
	/* margin:30px 0 80px 0; */
	position: fixed;
	bottom: 0px;
	height: 45px;
	}

 
.FooterContainer {
	padding:0 230px 0 230px;
	margin:20px auto;
	}
	
.FooterContainer a {
	padding:0 8px 0 8px;
	text-decoration:none;
	color:#005C9C;
	}	

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

.FooterContainer .LeftLinks {
	float:left;
	}

.FooterContainer .CenterLinks {
	}



.FooterContainer .RightLinks {
 	float:right;
	}
 
 
/*
 * Date Picker
 */
 
.DatePicker {
	font-size:18px;
	float:right;
	padding:15px 15px 15px 0;
	width:355px;
	} 

.DatePicker .CurrentDate {
	text-align:right;
	} 
	
.DatePicker .Navigation {
	text-align:right;
	font-size:9px;
	float:right;
	width:100%;
	margin:5px 0 7px 0;
	}

.DatePicker .Navigation .Link {
	display:inline;
	background:#FFFFFF;
	}

.DatePicker .Navigation .Link a {
	display:inline;
	text-decoration:none;
	color:#005C9C;
	padding:6px 0px 9px 10px;
	}
	
.DatePicker .Navigation .Link a:hover {
	text-decoration:underline;
	}

.DatePicker .PeriodSelect {
	text-align:right;
	font-size:9px;
	padding:0;
	margin:0 0 0 0;
	float:right;
	}

.DatePicker .PeriodSelect .Button {
	float:right;
	}

.DatePicker .PeriodSelect .Label {
	float:right;
	padding:4px 7px 0 0;
	color:#333333;
	font-size:11px;
	}

.DatePicker .Navigation .Link .date_toggler {
	text-decoration:none;
	color:#005C9C;
	display:inline;
	padding:6px 0px 9px 3px;
	border:none;
	}

.DatePicker .Navigation .Link .date_toggler:hover {
	text-decoration:underline;
	}

.date_toggled {
	visibility: hidden;
	width: 0;
}

.date_toggled2 {
	width: 2px;
	height: 2px;
}

/*
 * Dashboard
 */

.DashboardContainer {
	width: 950px;
	padding: 10px 0 0 0;
	}

.DashTitle {
	font-size:26px;

	padding:15px 0 30px 15px;
	margin-bottom: 20px;
	font-weight:bold;
	}
	
.DashTitle .Left {
	float:left;
	}

.DashTitle .Right {
	float:right;
	}	

.TopContainer {
	width:100%;
	left: 0px;
	position: relative;
	/* float:left; */
	}

.TopContainer .LeftCol {
	width:350px;
	float:left;
	
	}


.TopContainer .RightCol {
	width:550px;
	/* float:right; */
	margin-left: 380px;
	}
	
.TopContainer .GraphContainer {
	border:#CCCCCC 1px solid;
	width:540px;
	margin:0 0 20px 0;
	overflow:hidden;
	}	

.TopContainer .GraphContainer .GraphTitle {
	padding:7px;
	text-align:right;
	font-size:16px;
	font-weight:bold;
	background:#CCCCCC;
	color:#FFFFFF;
	}

.TopContainer .Grid {
	width:130px;
	float:left;
	margin:80px 0 50px 20px;
	}

.TopContainer .Pie {
	width:365px;
	float:right;
	margin:0 5px 0 0;
	}

.DashStatistics div{
	font-size:20px;
	padding: 0 20px 20px 20px;
	font-weight:bold;
	}

.DashStatistics a {
	text-decoration:none;	
	color:#005C9C;
	}
	
.DashStatistics a:hover {
	text-decoration:underline;
	}

.OrdersTableContainer {
	/* float:left; */
	}	

.OrdersTable .ReportMiniTableTitle {
	font-weight:bold;
	margin:20px 0 0 0;
	padding:7px 0 7px 10px;
	font-size:16px;
	background:#CCCCCC;
	color:#FFFFFF;
	}

.OrdersTable .ReportMiniTable td {
	padding: 8px 0 8px 0;
	border-top:1px solid #BBBBBB;
	text-align:center;
	}
	

.OrdersTable .ReportMiniTable th {
	font-weight:bold;
	padding: 4px 0 4px 0;
	text-align:center;
	}

.OrdersTable .ReportMiniTable .ReportMiniTableFirstCol {
	text-align:left;
	width:130px;
	text-align:left;
	}

	
.BottomContainer {
	width:100%;
	}
	
.BottomContainer .RightCol {
	width:450px;
	margin-left: 473px;
	text-align:right;
	}
	
.BottomContainer .LeftCol {
	width:450px;
	float:left;
	text-align:left;
	}

.BottomContainer .GraphTitle {
	margin:0px 20px 0 0;
	padding:7px;
	font-size:16px;
	font-weight:bold;
	width:434px;
	background:#CCCCCC;
	color:#FFFFFF;
	}
.BottomContainer .GraphContainer {
	border:#CCCCCC 1px solid;
	width:448px;
	margin:0 0 20px 0;
	overflow:hidden;
	padding-bottom: 3px;
	}	

.WeekContainer {
	border:#CCCCCC 1px solid;
	width:448px;
	margin:0 0 20px 0;
	overflow:hidden;
	}
	
.WeekContainer .ReportMiniTable {
	width:100%;
	height:303px;
	border:none;
	}	

.WeekContainer .TotalsRow {
	font-weight:bold;
	}

/*
 * Budget
 */

.BudgetContainer {
	width: 950px;
	padding: 10px 0 0 0;
	}

.BudgetTitle {
	font-size:20px;
	float:left;
	padding:15px 0 15px 15px;
	font-weight:bold;
	width:330px;
	}

.BudgetContent {
	border-left: 1px #999999 solid;
	border-right: 1px #999999 solid;
	padding: 12px;
	overflow: hidden;
	}

.BudgetDatePicker {
	font-size:20px;
	font-weight:bold;
	padding:15px 0 15px 15px;
	width:350px;
	} 

.BudgetDatePicker .CurrentDate {
	text-align:left;
	} 
	
.BudgetDatePicker .Navigation {
	text-align:left;
	font-size:9px;
	float:left;
	width:400px
	}

.BudgetDatePicker .Navigation .Link a {
	text-decoration:none;
	color:#005C9C;
	float:left;
	padding:6px 10px 9px 0;
	}
	
.BudgetDatePicker .Navigation .Link a:hover {
	text-decoration:underline;
	}

.BudgetContent .WorksheetTable {
	width:100%;
	}
	


.BudgetContent .BudgetTable {
	width:480px;
	/* float:left; */
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
.BudgetTable .disabled {
	color: #999999;
}

.BudgetSpacer {
	height:7px;
	}
	
.WorksheetTable .TableHeader {
	font-size:12px;
	font-weight:bold;
	padding:10px 0 10px 0;
	}

.BudgetContent .DayCell {
	}

.BudgetContent .ValueCell {
	text-align:right;
	padding:3px 15px 3px 0;
	}

.BudgetContent .MonthlySummary {
	float:right;
	width:250px;
	text-align:right;	
	margin:0 20px 0 0;
	}

.BudgetContent .MonthlySummary th {
	font-size:11px;
	text-align:right;
	padding:0 0 3px 0;
	}

.BudgetContent .MonthlySummary td {
	padding:2px 0 2px 0;
	}
	
.BudgetContent .MonthlySummary .LeftBold {
	text-align:left;
	font-weight:bold;
	}

.BudgetContent .Changes {
	width:160px;
	}

.BudgetWeekWrapper {
	margin-bottom: 10px;	
}

.BudgetContent .BudgetWeek {
	padding:5px 10px 5px 10px;
	border-left:solid #999999 1px;
	border-right:solid #999999 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
.BudgetContent .WeekSummary {
	/* text-align:right; */
	padding:10px 20px 10px 0;
	width:235px;
	float:right;
	}
.BudgetContent .WeekSummary table { width: 230px; }

.BudgetContent .WeekSummary .Title {
	font-size:15px;
	font-weight:bold;
	margin-bottom: 10px;
	/* width:300px; */
	}

.BudgetContent .WeekSummary .TotalsLine {
	/* float:right; */
	/* width:200px; */
	padding:4px 0 0 0;
	font-size:13px;
	height: 25px;
	}

.BudgetContent .WeekSummary .TotalsLine .Value {
	/* float:right; */
	text-align: right;
	}

.BudgetContent .WeekSummary .TotalsLine .Label {
	/* float:left; */
	width:100px;
	}

/*
 * Reports Menu
 */

.ReportsMenuContainer {
	width: 200px;
	float: left;
	margin: 10px 0 0 0;
	}

.ReportsMenuContent {
	border-left: 1px #999999 solid;
	border-right: 1px #999999 solid;
	padding: 8px 10px 10px 10px;
	}

.ReportsMenuContent a {
	text-decoration:none;
	color:#333333;
	}

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

.ReportsMenuContent ul li{
	margin:8px 0 8px 15px;
	}
	
.ReportsMenuContent .MenuCategoryActive .MenuHeader{
	font-size:15px;
	font-weight:bold;
	border-bottom:1px solid #999999;
	margin: 6px 0 0 0;
	padding: 3px 0 3px 5px;
	background-color:#666666;
	}

.ReportsMenuContent .MenuCategoryActive .MenuHeader a {color:#FFFFFF;}	

.ReportsMenuContent .MenuCategoryInActive .MenuHeader{
	font-size:15px;
	font-weight:bold;
	border-bottom:1px solid #999999;
	margin: 6px 0 0 0;
	padding: 3px 0 3px 5px;
	}	

.ReportsMenuContent .MenuCategoryInActive li{
	display:none;
	}

	
/*
 * Reports Container
 */
 
 .footerClearance { margin-top: 60px; }
 .ReportsContainerWrapper {
 	width: 800px;
 	margin-left: 210px;
 	margin-right: -100px;
 }

	

.CampaignType {
	font-size:15px;
	padding:10px 0 15px 15px;
	font-weight:bold;
	text-align:left;
	width:320px;
	}
	
.CampaignType a {
	color:#005C9C;
	text-decoration:none;
	}

.CampaignType a:hover {
	text-decoration:underline
	}

.MiniContainer {
	padding-top: 10px;
	padding-bottom: 10px;
	display:block;
	width:100%;
	}	

.ContentLeft {
	width:350px;
	float:left;
	}

.ContentRight {
	width:350px;
	margin-left: 361px;
	}

.ReportsHeading {
	display:block;
	height:100px;
	}
		
 
/*
 * Reports Content
 */

.StatisticsContainer {
	/* float:right; */
	display:block;
	width:100%;
	font-size:18px;
	font-weight:bold;		
	}

.StatisticsContainer .ContentLeft div {
	padding: 10px 20px 10px 20px;
	}	

.StatisticsContainer .ContentRight div {
	padding: 10px 20px 10px 20px;
	}	

.StatisticsContainer a {
	text-decoration:none;	
	color:#005C9C;
	}
	
.StatisticsContainer a:hover {
	text-decoration:underline;
	}

.Statistic {
	font-size:18px;
	font-weight:bold;
	padding: 10px 20px 10px 20px;
}
	
.Percent { 
	padding:0px;
	font-size:14px; 

	}
	
.TransactionContainer {
	float:left;
	width:665px;
	border-bottom:1px #999999 solid;
	padding:10px 0 10px 0;
	margin:0 20px 0 20px;
	}

.TransactionContainer .AccountHeader {
	font-size:12px;
	font-weight:bold;
	display:block;
	}

.TransactionContainer .AccountContents .Transaction {
	border-bottom:1px #999999 solid;
	padding:10px 0 10px 0;
	float:left;
	}	

.TransactionContainer .AccountFooter {
	font-size:12px;
	font-weight:bold;
	float:left;
	}

.TransactionContainer .Data .FirstCol {
	padding:0 0 0 10px;
	width:240px;
	}

.TransactionContainer .FirstCol {
	width:250px;
	float:left;
	}

.TransactionContainer .SecondCol {
	width:70px;
	float:left;
	text-align:center;
	}

.TransactionContainer .ThirdCol {
	width:100px;
	float:left;
	text-align:right;
	}

.TransactionContainer .FourthCol {
	width:150px;
	float:left;
	text-align:right;
	}
	
/*
 * Cashups
 */		
	
	
.CashupContainer {
	width: 950px;
	padding: 10px 0 0 0;
	}	

.CashupDatePicker {
	font-size:18px;
	float:right;
	padding:15px 15px 15px 0;
	width:355px;
	} 

.CashupDatePicker .CurrentDate {
	text-align:right;
	} 
	
.CashupDatePicker .Navigation {
	text-align:right;
	font-size:9px;
	float:right;
	width:100%;
	margin:5px 0 7px 0;
	}

.CashupDatePicker .Navigation .Link {
	display:inline;
	background:#FFFFFF;
	}

.CashupDatePicker .Navigation .Link a {
	display:inline;
	text-decoration:none;
	color:#005C9C;
	padding:6px 0px 9px 10px;
	}
	
.CashupDatePicker .Navigation .Link a:hover {
	text-decoration:underline;
	}

.CashupDatePicker .PeriodSelect {
	text-align:right;
	font-size:9px;
	padding:0;
	margin:0 0 0 0;
	float:right;
	}

.CashupDatePicker .PeriodSelect .Button {
	float:right;
	}

.CashupDatePicker .PeriodSelect .Label {
	float:right;
	padding:4px 7px 0 0;
	color:#333333;
	font-size:11px;
	}

.CashupDatePicker .Navigation .Link .date_toggler {
	text-decoration:none;
	color:#005C9C;
	display:inline;
	padding:6px 0px 9px 3px;
	border:none;
	}

.CashupDatePicker .Navigation .Link .date_toggler:hover {
	text-decoration:underline;
	}

.CashupSummaryGraph {
	width:870px;
	padding:0 10px 0 40px;
	}

.CashupsTable {
	margin:0 35px 35px 35px;
	font-size:13px;
	}

.CashupsTable th {
	font-size:18px;
	font-weight:bold;
	padding:8px 0 8px 0;
	}

.CashupsTable td {
	padding:3px 0 3px 0;
	}

.Title {
	font-size:20px;
	padding:15px 0 15px 15px;
	font-weight:bold;
	width:330px;
	}

.DateHeader {
	font-size:20px;
	float:right;
	padding:15px 20px 15px 15px;
	font-weight:bold;
	}

.CashupOverview {
	width:100%;
	}

.CashupOverview .Chart {
	float:right;
	width:520px;
	height:300px;
	margin:25px 0 0 0;
	}

.CashupOverview .SummaryChart {
	float:right;
	width:320px;
	height:300px;
	margin:25px 0 0 0;
	}

.CashupOverview table {
	font-size:18px;
	margin:20px 0 20px 20px;
	font-weight:bold;
	float:left;
	}
	

	
.OverviewTables {
	width:400px;
}
.OverviewPie {
	width:520px;
	margin-left: 410px;
	height: 325px;
}
.CashOverview {
	font-size:18px;
	margin:20px 0 20px 20px;
	font-weight:bold;
}

.CashOverview td {
	padding: 2px 0;
}
.OtherOverview td {
	padding:2px 0;
	}
.CashOverview .Right, .OtherOverview .Right {
	text-align:right;
	}

.OtherOverview {
	margin:40px 0 20px 20px;
	font-size:15px;
	font-weight:bold;
	}

.Cashups {
	width:880px;
	margin-left: 20px;
	}

.CashupComment { margin-left: 20px; }
.CashupComment .TextBox {
	border: solid 1px #CCCCCC;
	padding:5px;
	}

.CashupComment .TextBoxView {
	padding:5px;
	width:600px;
	}

.CashupComment .Header{
	font-size:14px;
	font-weight:bold;
	padding:15px 0 4px 0;
	}

.Cashups {
	text-align:right;
	font-size:13px;
	}
	
.Cashups td {
	height:30px;
	border-top:1px solid #BBBBBB;
	}
	
.Cashups th {
	font-weight:bold;
	height:30px;	
	text-align:right;
	}

.Cashups .Left {
	text-align:left;
	}

.Cashups tfoot {
	font-weight:bold;
	}
	
.Cashups input {
	border:#999999 1px solid;
	width:60px;
	text-align:right;
	height:18px;
	}	

.Cashups button {
	border:none;
	background:url(/img/calc.jpg) no-repeat;
	width:14px;
	height:18px;
	text-indent:30px;
	margin-left:8px;
	float:right;
	}

.CashupSubmit {
	border:none;
	background:url(/img/commitcashup.gif) no-repeat;	
	width:155px;
	height:35px;
	text-indent:-999px;
	margin:15px 23px 0 0;
	float:right;
	cursor: pointer;
	}	
	
.CashupSubmitting { 
	background:url(/img/commitcashup_disabled.gif) no-repeat;
}
	
.CashupComment .SubmitView {
	width:155px;
	height:35px;
	margin:15px 23px 0 0;
	float:right;
	}	

	
.Cashups button:hover {
	cursor:pointer;
	}
	
.overlay {
	background-color: white;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity:0.0;
	filter:alpha(opacity=0);
	z-index: 5;	
	}
	
.tender_calculator {
	border:#999999 1px solid;
	font-size:11px;
	font-family: Helvetica,sans-serif,Arial;
	padding:4px;
	position: absolute; 
	background-color: #eeeeff;
	z-index: 6;
	}

.tender_calculator .label {
	width:140px;
	}

.tender_calculator .system {
	width:50px;
	text-align:right;
	padding-right:5px;
	}

.tender_calculator .actual {
	width:50px;
	text-align:right;
	padding-right:5px;
	}

.tender_calculator th {
	text-align:center;
	font-weight:bold;
	padding:5px 0 5px 0;
	}

.tender_calculator tfoot {
	font-weight:bold;
	}
	
.tender_calculator select {
	margin:8px 20px 8px 0;
	width:180px;
	}

.tender_calculator button {
	width:40px;
	margin:8px 0px 8px 0;
	}

.tender_calculator td {
	padding-top:2px;
	padding-bottom:2px;
	border-top:#CCCCCC 1px solid;
	}

.tender_calculator input {
	width:60px;
	text-align:right;
	border:#999999 1px solid;
	}

.tender_calculator .actual input {
	width:60px;
	text-align:right;
	border:#999999 1px solid;
	
	}

/*
 * Settings
 */	
	
.SitesContainer {
	float:left;
	width:100%;
	}	
	
.SitesContainer .Site {
	padding:20px 0 20px 0;
	margin:0 20px 0 20px;
	width:90%;
	float:left;
	border-bottom:#999999 solid 1px;
	}

.SitesContainer .Header {
	font-size:16px;
	font-weight:bold;
	padding:0 0 20px 0;
	margin:0 30px 0 20px;	
	float:left;
	width:90%;
	border-bottom:#999999 solid 1px;
	}
	
.SitesContainer .Primary a {color:#005C9C; text-decoration:none;}

.SitesContainer .Primary a:hover {color:#005C9C; text-decoration:underline;}	
	
.SitesContainer .Primary {
	font-size:16px;
	font-weight:bold;
	padding:20px 20px 30px 20px;
	float:left;
	width:100%;
	}	

.SitesContainer .SiteName {
	font-size:14px;
	font-weight:bold;
	padding:0 0 0 3px ;
	}

.SitesContainer .Owner {
	padding:0 0 0 3px;
	}

	
.SitesContainer .Controls {
	float:right;
	margin:0 10px 0 0;
	}

.SitesContainer .Controls .submit input {
	width:80px;
	border:1px solid #CCCCCC;
	text-align:center;
	margin:0 0 10px 0;
	font-size:9px;
	}		
	
.SitesContainer .Delete {
	padding:5px 0 0 0;
	}

.SitesContainer .Delete .submit input {
	border:none;
	background:#FFFFFF;
	color:#005C9C;
	}

.SitesContainer .Delete .submit input:hover {
	text-decoration:underline;
	cursor:pointer;
	}
	
.AddSite {
	width:100%;
	float:left;
	padding:40px 20px 20px 20px;
	}

.AddSite .Header {
	font-size:16px;
	font-weight:bold;
	}		

.AddSite .Field {
	border:1px solid #CCCCCC;
	margin:1px;
	padding:3px;
	width:200px;
	}

.AddSite label {	
	color:#333333;
	display:block;
	font-weight:700;
	line-height:2.4em;
	padding:7px 10px 0 0;
	white-space:nowrap;
	width:116px;
	}

.AddSite .input {
	float:left;
	width:350px;
	}	

.AddSite .Username {
	float:left;
	width:230px;
	}

.AddSite .Password {
	float:left;
	width:230px;
	}

.AddSite .FirstName {
	float:left;
	width:230px;
	}

.AddSite .LastName {
	float:left;
	width:230px;
	}

.AddSite .Email {
	float:left;
	width:230px;
	margin:0 400px 0 0;
	}
	
.AddSite .submit {
	float:left;
	margin:37px 0 0 0;
	}

.UserAccounts {
	width:100%;
	float:left;
	}

.UserAccounts .Account {
	width:100%;
	float:left;
	padding:10px 0 0px 20px
	}
	
.UserAccounts .Account .Name {
	font-size:13px;
	font-weight:bold;
	float:left;
	width:100%;
	}

.UserAccounts .Account .Username {
	font-size:12px;
	float:left;	
	}

.UserAccounts .Account .Email {
	font-size:12px;
	float:left;	
	}

.UserAccounts .Account .Link {
	font-size:12px;
	float:left;	
	}

.UserAccounts .Delete {
	width:100px;
	float:left;
	}

.UserAccounts .Account input, .UserAccounts .Account a {
	border:none;
	background:#FFFFFF;
	color:#005C9C;
	text-decoration:none;
	float:left;
	}

.UserAccounts .Account input:hover, .UserAccounts .Account a:hover {
	text-decoration:underline;
	cursor:pointer;
	}

.Password {
	width:100%;
	float:left;
	}

.Password .Field {
	border:1px solid #CCCCCC;
	margin:1px;
	padding:3px;
	width:200px;
	}

.Password label {	
	color:#333333;
	display:block;
	font-weight:700;
	line-height:2.4em;
	padding:7px 10px 0 0;
	white-space:nowrap;
	width:116px;
	}	
		
/*
 * Reports Tables
 */

.ReportTableTitle {
	font-weight: bold;
	padding: 7px 0 7px 0;
	font-size: 88%;
	}

.ReportTable {
	text-align:right;
	width:711px;
	font-size: 88%;
}
.ReportTable .TableHeader {
	text-align: left;
	font-weight: bold;
}
input.MoneyEdit {
	text-align: right;
	width: 50px;
	border: 1px solid white;
	padding: 2px;
	margin-left: 2px;
	color: #005C9C;
    text-decoration: none;
}
input.MoneyEdit:hover {
    text-decoration: underline;
    cursor: pointer;
    cursor: hand;
}
input.MoneyEdit:focus, input.MoneyEdit:focus:hover {
	color: #000;
	text-align: right;
	width: 50px;
    border: 1px solid #CCC;
    text-decoration: none;
    cursor: auto;
}

input.TextEdit {
	text-align: left;
	width: 90%;
	border: 1px solid white;
	padding: 2px;
	margin-left: 2px;
	color: #005C9C;
    text-decoration: none;
}
input.TextEdit:hover {
    text-decoration: underline;
    cursor: pointer;
    cursor: hand;
}
input.TextEdit:focus, input.TextEdit:focus:hover {
	color: #000;
	text-align: left;
	width: 90%;
    text-decoration: none;
    border: 1px solid #CCC;
    cursor: auto;
}

.ReportSectionHeader {
	font-weight: bold;
	font-size: large;
}

.ReportTable .ReportTableFirstCol {
	text-align:left;
	width:180px;
}

.ReportTable .LeftCol {
	text-align:left;
}

.ReportTable .CentreCol {
	text-align: center;
}

.CentreCol {
	text-align: center;
}
	
.ReportTable td {
	padding: 4px 0 4px 0;
	border-top:1px solid #BBBBBB;
}
	
.ReportTable td a {color:#005C9C; text-decoration:none;}

.ReportTable td a:hover {color:#005C9C; text-decoration:underline;}

.ReportTable th {
	font-weight:bold;
	padding: 4px 0 4px 0;
	text-align:right;
}

.ReportSubTable {
	text-align:right;
	font-size: 8pt;
	margin-left: 30px;
	width: 400px;	
}

.ReportSubTableHeader {
	font-weight: bold;
	
	font-size: 9pt;
	margin-left: 30px;
	width: 400px;	
}


/*
 * Sectioned Table
 */
.SectionTableTitle {
	font-weight:bold;
	padding:7px 0 7px 0;
	font-size:16px;
	width:715px;
	}

.SectionTable {
	text-align:right;
	width:715px;
	font-size:8pt;
	}


.SectionTable .SectionTableFirstCol {
	text-align:left;
	width:200px;
	}
	
.SectionTable td {
	padding: 4px 0 4px 0;
	min-width: 100px;
	}

.SectionTable .sectionheader { text-align:left; font-weight: bold; }

.SectionTableInner td {
	border-top:1px solid #BBBBBB;
}
	
.SectionTable td a {color:#005C9C; text-decoration:none;}

.SectionTable td a:hover {color:#005C9C; text-decoration:underline;}

.StaffFullSectionBody .SectionTableFirstCol{
	padding-left: 15px;
	width: 185px;
}



.TotalRow {
	font-weight: bold;
}

.SectionTable th {
	font-weight:bold;
	padding: 4px 0 4px 0;
	text-align:right;
	}

.ReportMiniGraph {
	width:348px;
	border:1px solid #E5E5E5;
	}

.ReportMiniTable {
	border-collapse:separate;
	text-align:right;
	width:350px;
	padding:10px;
	font-size:88%;
	border:1px solid #E5E5E5;
	}

.ReportMiniTableTitle {
	font-weight:bold;
	margin:0px;
	padding:7px 0 7px 10px;
	font-size:16px;
	background:#E5E5E5;
	}

.ReportMiniTable .ReportMiniTableFirstCol {
	text-align:left;
	width:180px;
	}

.ReportMiniTable .ReportMiniTableFirstCol a {
	text-decoration:none;
	}

.ReportMiniTable .ReportMiniTableFirstCol a:hover {
	text-decoration:underline;
	}

.ReportMiniTable td {
	padding: 4px 0 4px 0;
	border-top:1px solid #BBBBBB;
	}
	
.ReportMiniTable td a {color:#005C9C;}

.ReportMiniTable th {
	font-weight:bold;
	padding: 4px 0 4px 0;
	text-align:right;
	}

.MiniTableWideData td {
	width: 74px;
}

.MiniTableWideData .ReportMiniTableFirstCol {
	width: auto;
}

/*
 * Bar Graph
 */

.BarGraphContainer {

	}



	
/*
 * Pie Chart
 */
 
.LargePieContainer {
 	width:715px;
	margin:0 0 0 0;
	float:right;
	}
	
.Grid {
	width:200px;
	margin:50px 0 50px 0;
}

.Pie {
	margin-left: 205px;
	width: 510px;
	}
	



/*
 * Time
 */


.date_button { color:#005C9C; display:inline; }

.date_button:hover { text-decoration:underline; }

.Timeclock .ReportTable th { padding-top:20px; } 

.Timeclock .ReportTableTitle { padding:0; float:none; }

.Timeclock .ReportTable .TotalRow { font-weight:bold; }

.Timeclock .ReportTable .sectionheader { padding-top:20px; font-weight:bold; text-align:left; border-top:none }

.Reconciliation .ReportTable th { padding-top:20px; } 

.Reconciliation .ReportTable .TotalRow { font-weight:bold; }

.Reconciliation .ReportTable .sectionheader { padding-top:20px; font-weight:bold; text-align:left; border-top:none }


/*
 * Settings
 */	


.OptionMatrix {
	margin: 15px 0 15px 13px;
	border-bottom: 1px solid #DDD;
	width: 711px;
}

.OptionMatrix th {
	padding-bottom: 10px;
}

.OptionMatrix td {
	border-top: 1px solid #DDD; 
	padding-top: 5px;
	padding-bottom: 6px;
	padding-left: 5px;
}

.OptionMatrix .OptionCols {
	width: 10%;
	padding: 0;
	font-weight: bold;
}

.OptionMatrix span {
	display: block;
	height: 17px;
	width: 100%;
	background-image:url('/img/UnCheckedbox.gif');
	background-repeat: no-repeat;
	background-position: center;
}

.OptionMatrix span.checked {
	background-image:url('/img/TickedCheckbox.gif');
}

.OptionMatrix span:hover {
	cursor: pointer;
	background-image:url('/img/hoveredCheckbox.gif');
}

.OptionMatrix span.checked:hover {
	cursor: pointer;
	background-image:url('/img/TickedCheckbox.gif');
}

.OptionMatrix .RightCol {
	text-align: right;
	padding-right: 5px;
}

.OptionMatrix #OptionMatrixBody .table-tr-odd{
	background-color: #F3F3F3;
}

.OptionMatrix .labelcell { width: 250px;}

#add_user_submit:hover { cursor: pointer; }


.OptionList {
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.OptionList td {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #999999;
}

.OptionList .label { width: 300px; }

.AccountDetails {
	margin-left: 45px;
	margin-right: 45px;
	border: 1px solid #999999;
}

.AccountDetails Caption {
	font-weight: bold;
	padding-bottom: 5px;
}

.AccountDetails td {
	padding: 10px;
	padding-bottom: 15px;
	width: 10em;
}

.AccountDetails td.price { width: 4em; }
.AccountDetails td.range { width: 15em; }

.OptionRow {
	position: relative;	
	height: 300px;
}

.OptionButton {
	position: absolute;
	width: 100px;
	height: 100px;
	background-image: url(/img/plain_white_icon.png);
	padding: 50px;
	/*border: 1px solid black;*/
}

.OptionButton .offer {
	font-size: 10pt;
	font-style: italic;
	text-align: center;
}

.OptionButton .price {
	position: absolute;
	left: 0;
	top: 100px;
	width: 200px;
	text-align: center;
	font-weight: bolder;
	font-size: 14pt;
	
}
.OptionButton .link {
	position: absolute;
	text-align: center;
	font-weight: bold;
	font-size: 11pt;
	bottom: 55px;
	width: 100px;
}

.Selected {
	color: #FFF;
	font-weight: bold;
	font-size: 110%;
}

.Finished {
	color: #CCC;
}


/*
 * Styles for the Site Summary Boxes on the Sites Overview Report
 */
.SiteSection {
	background-color: #BBBBBB;
	padding: 1px;
	margin-bottom: 15px;
}

.SiteSectionHeader {
	padding: 5px;
	padding-left: 10px;
	
	font-size: 12pt;
	font-weight: bold;
	color: black;
}

.SiteSectionContent {
	position: relative;
	background-color: white;
	padding: 7px;
	height: 159px;
}

.SiteSectionCell {
	float:left;
	width: 270px;
}

.SiteSectionCell ul {
	
}

.SiteSectionCell li {
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 15px;
}

.SiteSectionSpacer {
	float: left;
	margin: 7px;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 1px;
	background-color: #BBBBBB;
	overflow: hidden;
	height: 135px;
}

.ForbList {
	margin-left: 5px;
	margin-top: 25px;
	font-size: 8pt;
}

.ForbList div {
	background-image: url(/img/Beverage_Square.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding-left: 24px; 
	font-size: 12pt;
	font-weight: normal;
}


#PerorgAddForm {}
#PerorgAddForm .input.text label {
	width: 140px;
	float: left;	
}
#PerorgAddForm .input.text input {}

.error-message {
	color: #FF0000;
	display: inline-block;
	padding-left: 1em;
}

#togglePublicLink {
	display: none;
}

.settingsDisplayTable {
	width: 100%;
	margin: 20px 0;
	
	border-bottom: 1px solid #000;
}
.settingsDisplayTable .options {
	width: 50%;
	position: relative;
	left: 40%;
	top: -16px;
}
.settingsDisplayTable .heading, .ReportsContent .heading {
	padding: 4px 0;
	width: 40%;
	vertical-align: top;
	font-size: larger;
}
.settingsDisplayTable td {	
	padding: 4px 0;
	vertical-align: middle;
}
.settingsDisplayTable td input { 
      width: 20px;
      display: block;
      float: left;
}
.settingsDisplayTable td label {
      width: 100%;
      display: block;
      margin: 0 -32px 0 16px ;
}
.settingsDisplayTable tr {
	border: none;
}

.StockSiteDeliveryForm table {
	width: 100%;	
}
.StockSiteDeliveryForm table td {
	vertical-align: text-top;
}
.StockSiteDeliveryForm table .heading {
	margin: 0;
	font-weight: bold;
	font-size: larger;
}
.StockSiteDeliveryForm table label,
#StockSiteSupplierAddForm table label,
#addCanvas table label {
	display: block;
    font-weight: 700;
    line-height: 1.8em;
    white-space: nowrap;
    width: 116px;
    margin-left: 10px;
}
.StockSiteDeliveryForm table tr.divider {
	border-bottom: 1px solid #000;
	margin-bottom: 12px; 
}
.StockSiteDeliveryForm table tr.divider td {
	padding-bottom: 8px;
}
.StockSiteDeliveryForm table input,
.StockSiteDeliveryForm table textarea,
#StockSiteSupplierAddForm table textarea,
#StockSiteSupplierAddForm table input {
	display: inline; 
	border: 1px solid #CCCCCC;
    margin: 1px 1px 1px 20px;
    padding: 3px;
    width: 85%;
}
.StockSiteDeliveryForm table input.override,
.StockSiteDeliveryForm table textarea.override {
	display: inline-block; 
	float: left;
	margin-right: 10px;
	width: 20px;
}
.StockSiteDeliveryForm table textarea {
    width: 90%;
}
.extra-bottom-padding {
	padding-bottom: 10px;
}

#StockSiteSupplierAddForm {
	width: 640px;
}
#StockSiteSupplierAddForm form,
#StockSiteSupplierAddForm table {
	width: 640px;
	font-size: smaller;
	font-family: Helvetica,sans-serif,Arial;
}
#StockSiteSupplierAddForm .double-width {
    width: 590px;
}
#StockSiteSupplierAddForm table .heading {
	font-weight: bold;
	font-size: 20px;
	padding: 4px;
	margin: 0 10px;
	border-bottom: 5px solid #06C;
}
#StockSiteSupplierAddForm table td {
	vertical-align: text-top;
}
#StockSiteSupplierAddForm .submit input {
	display: block;
	margin-top: 20px;
	margin-left: 240px;
	width: 160px;
}

div.stockCategories {
	border: 2px solid #999;
	height: 280px;
	overflow: auto;
	margin: 4px;
}
ul.stockCategories {
	width: 95%;
	cursor: pointer;
	cursor: hand;
}

ul.stockCategories .header {
	font-weight: bold;
	font-size: 14pt;
}

ul.stockCategories .category {
	width: 100%;
	padding-left: 8px;
	
}
ul.stockCategories .expand {
	background: url( '/img/expand_icon.gif' ) no-repeat 0px 5px;
	padding-left: 20px;
}
ul.stockCategories .collapse {
	background: url( '/img/collapse_icon.png' ) no-repeat 0px 5px;
	padding-left: 20px;
}
ul.stockCategories .category div {
}
ul.stockCategories ul {
	overflow: hidden;
	padding-left: 10px;
}
ul.stockCategories ul .item {
	padding: 2px;
	padding-left: 28px;
}
ul.stockCategories ul .item.highlight {
	background: #ABCDDE;
	border: 1px solid #0790D7;
}
ul.stockCategories ul .item.selected{
	background-image: url( '/img/selected_icon.png' );
	background-repeat: no-repeat;
	background-position: 100% 2px;
}

#NewSupplier {
	font-size: 14px;	
	font-weight: bold;	
}


#OrderSubTotal {
	text-align: right;
	font-size: 12pt;
	margin-top: 20px;
}

#OrderSubTotal label {
	margin-right: 10px;
}

#OrderSubTotal input {
	text-align: right;
}

.PurchaseOrder {
	width: 715px;
	font-family: Helvetica, sans-serif, Arial;
	font-size: 14px;
}

.PurchaseOrder #LogoBox {
	float: right;
	width: 290px;
	height: 100px;
	text-align: right;
}

.PurchaseOrder #Title {
	height: 75px;
	font-size: 24pt;
	font-weight: bold;
	padding-top: 35px;
	padding-left: 20px;
	
}

.PurchaseOrder #Details
{
	padding-bottom: 15px;
}

.PurchaseOrder #Details div
{
	float: left;
	width: 220px;
	padding-left: 10px;
	margin-bottom: 15px;
}

.PurchaseOrder #Details div#SupplierDetails { width: 260px; }
.PurchaseOrder #Details div#OrderDetails { text-align: right;  width: 180px; }

.PurchaseOrder .header { font-weight: bold; }

.PurchaseOrder #Details li { margin-bottom: 10px; } 



.PurchaseOrder .Money {
	text-align: right;
}

.PurchaseOrder #ProductList {
	clear: both;
	margin-top: 20px;
	padding: 3px;
}

.PurchaseOrder #ProductList table {
	border-collapse: separate;
	width: 705px;
	margin-bottom: 1em;
	border-bottom: 2px solid black;
}

.PurchaseOrder #ProductList table thead th {
	border-bottom: 2px solid black;
	padding-bottom: 5px;
	font-weight: bold;
}

.PurchaseOrder #ProductList table tbody tr:first-child td {
	padding-top: 5px;
}

.PurchaseOrder #ProductList table tbody tr:last-child td {
	padding-bottom: 5px;
}

.PurchaseOrder #ProductList table tbody tr.header td {
	padding-top: 5px;
}

#PurchaseOrderNotesHolder { margin-top: 15px; margin-bottom: 15px; }

.TextRight { text-align: right; }
.TextLeft { text-align: left; }
.TextCenter { text-align: center; }
.UpperCase { text-transform: uppercase; }
.TextLarger { font-size: 130%; }


#StockStockOrderSubtotal {
	display: inline-block;
	width: 80px;
	border: none;
	background-color: white;
	color: black;
}



/*
 *
 * Styles for the quick select forms in the Stock Module
 *
 */

.selectCanvas .table-tr-selected
{
	background-color: #edf8ff;
	font-weight: bold;
}

.selectCanvas .labelCol
{
	text-align: left;
	color:#005C9C;
	text-decoration:none;
}

.selectCanvas .labelCol:hover {
	text-decoration:underline
}


.selectCanvas .table-tr-selected .selectedCol {
	background-image: url(/img/selected_icon.png);
	background-repeat: no-repeat;
	background-position: 5px 6px;
}


#ssSelectCanvas {
	padding: 10px;
}

#ssAddCanvas {
	width: 640px;
}

.selectCloseButtons {
	float: right;
	width: 160px;
}

.SelectDefaultCheck {
	padding-top: 5px;
	float: right;
	width: 150px;
}

.SelectDefaultCheck .input {
	float: left;
	padding-right: 10px;
}



.selectCanvas .Heading {
	font-family: Helvetica,sans-serif,Arial;
	font-size: 14pt;
	font-weight: bold;
}	

.selectListContainer {
	margin:10px;
	height: 250px;
	overflow-y: auto;
	overflow-x: hidden;
	font-size: 10pt;
	cursor: pointer;
	cursor: hand;
}

.selectAddNew {
	display: block;
	margin-right: 50px;
}

.customEntryTable {
	width: 640px;
	font-size: smaller;
	font-family: Helvetica,sans-serif,Arial;
}
.customEntryTable .double-width {
    width: 590px;
}
.customEntryTable .heading {
	font-weight: bold;
	font-size: 20px;
	padding: 4px;
	margin: 0 10px;
	border-bottom: 5px solid #06C;
}
.customEntryTable td {
	vertical-align: text-top;
}
.addCanvas .submit input {
	display: block;
	margin-top: 20px;
	margin-left: 240px;
	width: 160px;
}

.customEntryTable label
{
	margin-top: 10px;
	margin-left: 20px;
}

.customEntryTable textarea,
.customEntryTable input, 
.customEntryTable select
{
	display: inline; 
	border: 1px solid #CCCCCC;
    margin: 1px 1px 1px 20px;
    padding: 3px;
    width: 85%;
}

#StockSiteItemGlobalPrice {
	text-align: right;
}

.customEntryTable .input div.searchLink
{
	display: inline-block;
	border: 1px solid #CCCCCC;
	margin: 1px 1px 1px 20px;
    padding: 3px;
    width: 85%;
}

.isAddSearch input
{
	border: 1px solid #CCCCCC;
	margin: 0;
	padding: 3px;
}

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


.AFormSubmitLink {
	background: none;
	border: 0;
	color: #005C9C;
    text-decoration: none;
	cursor: pointer;
	cursor: hand;
}
.AFormSubmitLink:hover {
    text-decoration: underline;
}

.form-tip {
	z-index: 100;
}

.QuickSelectBalloon
{
	width: 250px;
	border: 2px Solid #0066CC;
	background-color: white;
	font-family: Helvetica,sans-serif,Arial;
}

.help-baloon-title {
	height: 20px;
	overflow: hidden;
	background-color: #0066CC;
	font-size: 10pt;
	font-weight: bolder;
	color: white;
	font-family: Helvetica,sans-serif,Arial;
}

.help-baloon-body {
	font-size: 10pt;
}

.icon {
	padding-right: 3px;	
}
	
/*
 *
 * Search Box Styles
 *
 */

.SearchBoxResults {
	width: 250px;
	border: 1px solid #CCC;
	background-color: white;
	font-family: Helvetica,sans-serif,Arial;
	font-size: 9pt;
	font-weight: normal !important;
	/* padding: 3px 3px 3px 10px; */
	
}
.SearchBoxResults div.scrollBox {
	max-height: 200px;
	overflow: auto;
}
.SearchBoxResults li.group {
	font-family: Helvetica,sans-serif,Arial;
	font-weight: bold;
	font-size: 10pt;
}
.SearchBoxResults li.item {
	font-family: Helvetica,sans-serif,Arial;
	font-size: 9pt;
	font-weight: normal !important;
	padding: 1.5px 0 1.5px 10px;
	cursor: pointer;
	cursor: hand;
	/* text-decoration: underline; */
	color: #005C9C;
}

.SearchBoxResults .item:hover
{
	text-decoration: underline;
}
	

.SearchBoxResults li.bgcolour {
	background-color: #CCC;
}

.SearchBoxResults .AddLink {
	margin-top: 5px;
	font-size: 10pt;
	font-family: Helvetica,sans-serif,Arial;
	font-weight: bold;
}

.SearchBoxOverlay {
	position: fixed;
	top: 0;
	left:0;
	right: 0;
	bottom: 0;
}

.SearchBoxWrapper {
	position: absolute;
	width: 250px;
}

.SearchBoxInput, #MasterItemSearchInput{
	border: 1px solid #CCC;
	font-family: Helvetica,sans-serif,Arial;
	font-size: 10pt;
}

#misCloseButtons {
	padding-top: 30px; 
}

.blanket {
	background-color: #111;
	opacity: 0.65;
	filter:alpha(opacity=65);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	float: both;
}

.popUpBox {
	position: absolute;
	background-color: #FFF;
	border: 5px solid #06C;
}

#pulbAddNew {
	position: absolute;
	bottom: 0;
	height: 100px;
}

#pulbList {
	height: 325px;
	overflow: auto;
}

.pulbHeaders {
	font-family: Helvetica,sans-serif,Arial;
	font-size: large;
	font-weight: bold;
}

.selectedCol {
	width: 50px;
}

.deleteCol {
	/*width: 50px;*/
}

.labelCol {
	width: 450px;
}

div .input {
	display: inline-block;
}

.OrderLineTableRows {
	height: 32px;
	font-size: 8pt;
}

.ReportSection ul li {
	display: block;
	height: 25px;
}

/* Recipe Edit Styles */

.RecipeHeaders {
	width: 105px;
}

input.RecipeEdit {
	text-align: left;
	width: 50px;
	border: 1px solid white;
	padding: 2px;
	margin-left: 2px;
	color: #005C9C;
    text-decoration: none;
}
input.RecipeEdit:hover {
    text-decoration: underline;
    cursor: pointer;
    cursor: hand;
}
input.RecipeEdit:focus, input.RecipeEdit:focus:hover {
	color: #000;
	text-align: left;
	width: 50px;
	border: 1px solid #CCC;
    text-decoration: none;
    cursor: auto;
}

.RecipeEditBox {
	position: absolute;
	height: 150px;
	width: 300px;
	background-color: white;
}

.RecipeEditBox div.submit {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.RecipeEditBox p {
	text-align: center;
	padding: 10px 0;
	font-size: 10pt;
}

.RecipeEditBox p.radio_button {
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 9pt;
}

.RecipeEditBox a {
	font-size: 11pt;
}

/*
	Css for the PosItem reports table
*/

.PosSectionHeader {
	padding: 2px 0 2px 2px;
	background-color: #CCC;
	color: #FFF;
}

.PosSectionHeader:hover {
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
}

.GroupHeader {
	color: #06C;
	font-weight: bold;
}

.GroupHeader:hover {
	cursor: pointer;
	cursor: hand;
	text-decoration: underline;
}

.AmountEdit {
	color: #06C;
	border: none;
	align: left;
}

.AmountEdit:hover {
	cursor: pointer;
	cursor: hand;
	text-decoration: underline;
}

.AmountEdit:focus {
	color:#000;
}

.AmountEdit:focus:hover {
	color:#000;
	text-decoration: none;
	cursor: auto;
}

/*
	Stock Use Reports CSS Section
*/
.ReportTable td.StockUseHeading {
	font-size: 8pt;
	width: 100%;
	padding: 16px 0 5px 5px;
	font-weight: bold;
	/*border-bottom: 1px solid #CCC;*/
}

.ReportTable td.EditStockHeading {
	width: 100%;
	padding: 16px 0 5px 5px;
	font-weight: bold;
	font-size: 8pt;
	border-bottom: 1px solid #CCC;
}

.ReportTable td.Itemname {
	padding: 0 0 0 4px;
	text-font: 8pt;
}

.ReportTable td.Itemname div {
	height: 14px;
	overflow: hidden;
}

.EditStocktakeTH th {
	font-size: 8pt;
	padding: 5px 5px 5px 0;
}

.ReportTable td.FirstStockHeading {
	padding: 5px 0 5px 0;
}

.FloatRight {
	float: right;
}

.StockUseTH th {
	font-size: 8pt;
	text-align: center;
	vertical-align: bottom;
}

.FakeTH td {
	padding: 8px 0;
	font-weight: bold;
	font-size: 8pt;
	text-align: center;
	vertical-align:bottom;
}

/* 
	Css for delivery logo uploader
*/

#default-logo {
	float: left;
	position: relative;
	width: 241px;
	height: 109px;
	border: 1px solid #CCC;
	background-position: 1px 1px;
	background-repeat: no-repeat;
}

#default-logo a {
	border-top: solid 1px #CCC;
	position: absolute;
	left: 1px;
	right: 1px;
	bottom: 1px;
	padding: 0;
	line-height: 22px;
	display: block;
	text-align: center;
}

input.SCEdit {
	text-align: left;
	width: 50px;
	border: 1px solid white;
	padding: 2px;
	margin-left: -3px;
	color: #005C9C;
    text-decoration: none;
}
input.SCEdit:hover {
    text-decoration: underline;
    cursor: pointer;
    cursor: hand;
}
input.SCEdit:focus, input.SCEdit:focus:hover {
	color: #000;
	text-align: left;
	width: 50px;
    border: 1px solid #CCC;
    text-decoration: none;
    cursor: auto;
}

.ReportTable td.StocktakeItemname {
	padding-left: 10px;
	text-font: 8pt;
}

.RemoveCell {
	text-align: center;
}

/* Formatting for Dialog Boxes */
.DialogBox {
	position: absolute;
	margin: auto;
	background-color: white;
	font-size: 12pt;
	padding: 15px;
}

.DialogBox div.submit {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.DialogBodyText {
	font-size: 14pt;
}

.DialogOptionsWrapper {
	margin-top: 10px;
	padding: 5px;
	padding-left: 25px;
	font-size: +1;
}

.DialogOptionsWrapper .Disabled {
	color: #cccccc;
}

.DialogOptionsWrapper .Disabled input {
	background-color: #eeeeee;
	color: #cccccc;
}

.DialogOptionsOption div {
	margin-left: 30px;
}

.Logo {
	margin:7px 0 2px 10px;
	width:300px;
}

#silverlightControlHost {
    text-align:center;
}

.qty {position: absolute; left: 200px; }
.discount {position: absolute; left: 350px; }
.gross {position: absolute; left: 500px; }

.FeedbackForm body {
	font-family: Helvetica,sans-serif,Arial;
	font-size: 12px;
}

.wrapper { padding: 20px; }
		
.FeedbackForm .label { width: 150px; float: left; }
			
#fb_text { 
	width: 584px; 
	height: 180px; 
	border:1px solid #CCCCCC;
	margin:0 0 0 0px;
	padding:3px; 
	scroll: none;
}
	
		
.FeedbackForm input {
	border:1px solid #CCCCCC;
	margin:0 0 0 10px;
	padding:3px;
	width:300px;
}
			
.FeedbackForm select {
	border:1px solid #CCCCCC;
	margin:0 0 0 10px;
	padding:3px;
	width:308px;
}
		
.FeedbackForm label {	
	color:#333333;
	font-weight:700;
	line-height:2.4em;
	padding:7px 10px 0 0;
	white-space:nowrap;
	margin:0 0 0 10px;
}

.FeedbackForm .Submit {
	margin-right: -8px;
	margin-top: 10px;
	float:right;
}

.FeedbackForm .Submit input {
	width:10em;
	height:27px;
	border:none;
	border:1px solid #CCCCCC;
}


/** 
	CSS for PosItemVersions popup in pos items
*/
#PosItemVersionSB {
	width: 100%;
	height: 200px;
}

#PosItemVersionSB .heading {
	font-weight: bold;
	font-size: 10pt;
}

#pivtBody {
	display: block;
	height: 162px;
	overflow: auto;
}

#pivtHead tr {
	display: block;
	position: relative;
}

/**
	CSS for RecipeVersion popup in recipe edit
*/
#RecipeVersionSB {
	width: 100%;
	height: 200px;
}

#RecipeVersionSB .heading {
	font-weight: bold;
	font-size: 10pt;
}

#rvtBody {
	display: block;
	height: 162px;
	overflow: auto;
}

#rvtHead tr {
	display: block;
	position: relative;
}

/** Admin Page */

/* Accounts */

.AccountsTable {
	margin-bottom: 20px;
}

.AccountsTable caption {
	font-size: 10pt;
	font-weight: bold;
}

/* Account */

.AccountInput label {
	font-weight: bold;
	display: block;
	float: left;
	width: 110px;
	margin: 5px 0;
}

.AccountInput input {
	clear: left;
	width: 175px;
	padding: 3px;
	margin: 2px 0;
	
	border:none;
	background:#FFFFFF;
	color:#005C9C;
	text-decoration:none;
}

.AccountInput input:hover {
	text-decoration: underline;
	cursor: pointer;
}

.AccountInput input:focus {
	border: 1px inset;
	padding: 2px;
	color: #000;
	text-decoration: none;
	cursor: text;
}

.AccountInput input:focus:hover {
	border: 1px inset;
	padding: 2px;
	color: #000;
	text-decoration: none;
	cursor: text;
}

.AccountInput span {
	width: 110px;
	display: inline-block;
	padding-right: 4px;
	margin: 5px 0;
	font-weight: bold;
}

.AdminContainer .RightButtons {
	float:right;
	margin-right: 5px;
}

.AdminContainer .AccountLeftCol {
	float: left;
	width: 292px;
}

.AdminContainer .AccountRightCol {
	margin-left: 15px;
}

.AdminContainer .AccountRightCol a {
	margin-left: -3px;
}

.AdminContainer .date {
	max-width: 30px;
}

.AdminContainer #OptionMatrix {
	width: 680px;
}

/* Users */

#popupMessage, #flashMessage {
	width: auto;
	min-height: 26px;
	overflow: visable;
	padding: 10px 31px 14px 46px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;	
	position: relative;	
}
#popupMessage #closeMessage, #flashMessage #closeMessage {
	float: right;
	width: 18px;
	height: 18px;
	background-image: url('/img/close-icon.png');
	background-repeat: no-repeat;
	background-position: 1px 1px; 
	margin-top: -6px;
	margin-right: -25px;
}
#popupMessage.warning, #flashMessage.warning {
	color: #9F6000;
	border: 2px solid #EDC62B;
	background: #FEEFB3 url( '/img/warning.png') no-repeat 6px 6px;
}
#popupMessage.info, #flashMessage.info {
	color: #00529B;
	border: 2px solid #2DA6DF;
	background: #BDE5F8 url( '/img/information.png') no-repeat 6px 6px;
}
#popupMessage.error, #flashMessage.error {
	color: #D8000C;
	border: 2px solid #D62929;
	background: #FFBABA url( '/img/error_2.gif') no-repeat 6px 6px;
}
#flashMessage.success {
	color: #4F8A10;
	border: 2px solid #7DB918;
	background: #DFF2BF url( '/img/success.png') no-repeat 6px 6px;
}
.fakeInput {
	width: 268px;
	padding:3px 0 3px 10px;
	margin-left:20px;
	border:1px solid #CCC;
}
.radio_button {
	margin: 0;
	padding: 0;
}