/* easyTrack */

body
{
	margin: 0px auto;
	padding: 0px;
	font-size: 14px;
	font-family: Tahoma, Arial, sans-serif;	
	color: #525d64;
}

a,a:active,button,button:active,a span
{
    outline: 0;   
}

*:focus {
    outline: 1;
}

/*
	Header
*/

#header
{
	height: 160px;
	background: url(../content/images/common/header-bg.jpg)
				50% 0
				no-repeat;	
	color: #fff;
}

#header .padding
{
	width: 960px;
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
	overflow: hidden;
}

.signin #header
{
	height: 130px;
	background: transparent;
}

.signin #header .padding
{
	width: 650px;
}


.mainLogo
{
	background: url(../content/images/common/main-logo.png)
				no-repeat;	
	overflow: hidden;
	text-indent: -999px;
	display: block;
	width: 224px;
	height: 97px;
	float: left;	
}

.signin .mainLogo
{
	background: url(../content/images/common/logo-signin.png)
				no-repeat;	
	overflow: hidden;
	text-indent: -999px;
	display: block;
	width: 224px;
	height: 97px;
	float: left;	
}

/* Main Nav */

ul.mainNav
{
	padding: 6px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	list-style: none;	
	clear: both;
	overflow: hidden;
	float: left;
	position: relative;
}

ul.mainNav li
{
	float: left; 
	position: relative;
	height: 42px;
}

ul.mainNav li a
{
	background: url(../content/images/common/mainnav-tabs.png)
				right 0;
	float: left;	
	height: 42px;
	display: block;
	line-height: 42px;
	color: #fff;
	text-decoration: none;
	padding: 0px 20px 0px 0px;
	font-size: 16px;
	position: relative;
}

ul.mainNav li a span
{
	background: url(../content/images/common/mainnav-tabs.png)
				left 0;
	float: left;	
	height: 42px;
	display: block;
	line-height: 42px;
	padding: 0px 0px 0px 20px;
}

ul.mainNav li a:hover
{
	text-decoration: underline;
}

ul.mainNav li a:focus
{
	outline: 1px dotted #fff;
}

.home li#navHome a,
.dashboard li#navDashboard a,
.clients li#navClients a,
.register li#navRegister a,
.quotes li#navQuotes a,
.job li#navJobs a,
.invoices li#navInvoices a,
.contact li#navContact a,
.siteSettings li#navSiteSettings a,
.accounts li#navAccounts a,
.tour li#navTour a,
.partners li#navPartners a
{
	background: url(../content/images/common/mainnav-tabs.png)
				right -42px;
	color: #f26731;
}

.home li#navHome a span,
.dashboard li#navDashboard a span,
.clients li#navClients a span,
.register li#navRegister a span,
.quotes li#navQuotes a span,
.job li#navJobs a span,
.invoices li#navInvoices a span,
.contact li#navContact a span,
.siteSettings li#navSiteSettings a span,
.accounts li#navAccounts a span,
.tour li#navTour a span,
.partners li#navPartners a span
{
	background: url(../content/images/common/mainnav-tabs.png)
				left -42px;
}

/* User Nav */

ul.userNav
{
    float: right;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

ul.userNav li
{
    display: inline-block;
    margin: 0px 0px 0px 10px;
}

ul.userNav li a
{
    float: right;
    color: #fff;
    font-weight: bold;
}

ul.userNav li a:focus
{
    outline: 1px dotted #fff;
}

#welcome
{
    float: right; 
    margin: 15px 0px 0px 0px;  
    font-size: 16px;
}

#welcome a
{
    color: #fff;   
}

/* Sub Nav */

ul.subNav
{
    margin: 0px 0px 0px 0px;
    padding: 0px;   
    width: 180px;
    float: left;
    background: url(../content/images/common/subnav-bg.jpg)
                right 0px
                no-repeat;
    min-height: 400px;
}

ul.subNav li
{
    list-style: none;   
}

ul.subNav li a
{
    display: block;
    font-size: 14px;
    padding: 10px 0px 10px 0px;
    border-bottom: 1px dotted #ccc;
}

ul.subNav li a.selected
{
    background: #fff;
}

/*
	Pageheader
*/

#pageHeader
{
	background: url(../content/images/common/pageheader-bg.jpg)
				repeat-x;
	height: 60px;
	padding: 20px 20px 0px 20px;
	margin-bottom: 20px;
}

#pageHeader .padding
{
	background: url(../content/images/common/pageheader-shadow.png)
				0 bottom
				no-repeat;
	height: 60px;
	width: 960px;
	margin: 0px auto;
}

#pageHeader h1
{
	padding: 0px;
	margin: 5px 0px 0px 0px;
	font-weight: normal;
	font-size: 32px;
	float: left;
	overflow: hidden;
}

.home #pageHeader
{
    background-position: 0px bottom;
	height: 340px;
}

.home #pageHeader .padding
{
	height: 340px;
}

.home #pageHeader h1
{
    width: 370px;   
    margin-bottom: 20px;
    padding-top: 55px;
    padding-bottom: 30px;
    line-height: 28px;
}

.home #pageHeader h1 small
{
    font-size: 20px;
    line-height: 14px;
}

.home #pageHeader .submitBtn
{
    margin-right: 10px;   
}

.teaser
{
    float: right;   
    width: 590px;
}

.preceed
{
    float: right;
    font-size: 14px;
    display: block;
    padding: 12px 15px 0px 0px;
    font-weight: bold;
}

/* 
	Content
*/

.right
{
	float: right;	
}

.left
{
	float: left;	
}

.clearer
{
    clear: both; 
    display: block;  
}

#content .padding
{
	width: 960px;
	margin: 0px auto;	
	padding: 0px 0px 20px 0px;
}

#content h2
{
    font-size: 20px;
    font-weight: normal;   
    margin: 0px 0px 10px 0px;
    padding: 0px;
    clear: both;
}

#content h3
{
    font-size: 18px;
    font-weight: normal;   
    margin: 0px 0px 10px 0px;
    padding: 0px;
    clear: both;
}

#content h4
{
    font-size: 12px;
    font-weight: bold;   
    margin: 0px 0px 10px 0px;
    padding: 0px;
    clear: both;
}

#content p
{
    line-height: 20px; 
    margin: 0px 0px 10px 0px;
    padding: 0px;  
}

.mainContent
{
    float: right;
    width: 750px;   
    margin-bottom: 20px;
}

.home #content p
{
    font-size: 14px;
    line-height: 20px;   
}

.formSection
{
    border: 1px solid #cfe4e4;
    padding: 15px; 
    border-radius: 5px;
    -moz-border-radius: 5px;  
    margin: 10px 0px 20px 0px;
    clear: both;
    overflow: hidden;
}

.buttons
{
    overflow: hidden;
    margin: 10px 0px 0px 0px; 
    clear: both;  
}

a
{
	color: #0097d7;
	text-decoration: none;	
}

a:hover
{
	color: #87d1f0;
}

xmp
{
    padding: 10px;
    background: #f1f1f1;
    border: 1px solid #ccc;   
}

.leftCol
{
    float: left;   
    width: 740px;
}

.rightCol
{
    float: right;  
    width: 200px; 
    position: relative;
}

.home .leftCol
{
    float: left;   
    width: 550px;
}

.home .rightCol
{
    float: right;  
    width: 350px; 
    position: relative;
}

.account .leftCol
{
    float: left;   
    width: 190px;
    background: url(../content/images/common/subnav-bg.jpg)
                no-repeat;
    min-height: 370px;
}

ul.links
{
    list-style: none;
    margin: 10px 0px 10px 0px;
    padding: 0px;
    clear: both;   
    overflow: hidden;
    float: left;
}

ul.links li
{
    padding: 5px 0px 5px 0px;
}

.features
{
    padding: 0px;  
    overflow: hidden; 
    margin-bottom: 20px;  
}

.features img
{
    float: left;
    width: 48px; 
}

.features span
{
    float: right;
    width: 280px;  
    margin: 0px;
    padding: 0px;
    line-height: 20px;
    min-height: 48px;
}

hr
{
    border: none;
    height: 15px;
    clear: both;
    border-bottom: 1px dotted #ccc; 
    margin: 10px 0px 15px 0px;
    display: block;
}


.note-result
{
    border-bottom: 1px dotted #ccc;
    padding: 15px 0px 15px 0px; 
    clear: both;
    font-size: 11px;
}

.note-result h3
{
    margin: 0px;
    padding: 0px; 
    font-size: 16px;  
}

.note-result .noteDescription
{
    font-size: 14px;  
    margin: 5px 0px 0px 0px;   
}

.noLogo
{
    width: 200px;
    height: 60px;   
    background: #fafafa;
    border: 1px solid #EEF0F0;
    font-size: 11px;
    line-height: 60px;
    text-align: center;
    float: left;
}

#bannerHeader
{
    float: right;   
    clear: right;
    margin: 5px 0px 0px 0px;
}

.feature
{
    overflow: hidden;   
    margin-bottom: 20px;
    border-top: 1px dotted #999;
    padding: 20px 0px 0px 0px;
}

.feature:first-child
{
    border-top: none;
}

.feature .details
{
    float: left;
    width: 470px;
    padding: 20px 0px 0px 0px;
}

.feature .details p
{
    font-size: 16px;
    color: #999;
    line-height: 26px!important;
}

.feature .details ul
{
    font-size: 16px;
    color: #999;
    line-height: 26px!important;
    margin: 0px;
    padding: 0px;
}

.feature .details ul li
{
    background: url(/content/images/icons/tick_16.png) 0px 5px no-repeat;
    padding: 0px 0px 0px 25px;
}

.feature img
{
    padding: 2px;
    border: 1px solid #f1f1f1; 
}

/* Sign In */

.signin
{
    background: #fff6f1;  
}

#wrapper
{
    width: 650px;
    margin: 0px auto;  
    background: #fffcfb;
    border: 1px solid #fee5d6;
    padding: 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    overflow: hidden;
}

.orRegister
{
    float: right;
    width: 300px; 
    padding-top: 80px;  
}

.signin .saveBtn
{
    margin-left: 10px;   
}

.signIn-form
{
    width: 310px; 
    float: left; 
    border-right: 1px solid #fee5d6; 
}

.signIn-form input[type=text],.signIn-form input[type=password]
{
	margin-top: 10px;
	width: 280px!important;
}

.signIn-form .field
{
    overflow: hidden;
    margin: 0px 20px 10px 0px;
}

.signinError
{
    clear: both;
    color: Red;
}


.forgotPw
{
    float: left;
    display: block;
    margin: 10px 0px 0px 10px;   
    font-size: 14px;
}

/* 
	Buttons
*/

.buttons
{
    clear: left;   
    margin: 20px 0px 20px 0px;
    overflow: hidden;
    position: relative;
}

#modal .buttons
{
    margin: 20px 0px 0px 0px;
}

.toggleBtn {
    background: -moz-linear-gradient(center top , #FFFFFF, #dadada) repeat scroll 0 0 transparent;
    border: 1px solid #b7b7b7;
    border-radius: 5px;
    -moz-border-radius: 5px;
    border-right: 1px solid #BBBBBB;
    border-style: solid;
    border-width: 1px;
    color: #333;
    margin: 3px 0px 0px 0px;
    outline: medium none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 14px;
    width: 18px;
    height: 18px;
    display: block;
    float: left;
}

.toggleBtn:hover {
    border: 1px solid #999;
    color: #333;
    cursor: pointer;
}

.toggleBtn:active 
{
    border-color: #CCCCCC #BBBBBB #A0A0A0;
    border-left: 1px solid #BBBBBB;
    background: -moz-linear-gradient(center top , #E3E3E3, #F9F9F9) repeat scroll 0 0 transparent;
}

/* <button> */


button { 
	position: relative;
	border: 0; 
	padding: 0 20px 0px 0px;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
	background-image: url(../content/images/buttons/major-buttons-sprite.png);
	background-color: transparent;
	height: 42px; 
    line-height: 42px;
    text-align: center;
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;
	background-image: url(../content/images/buttons/major-buttons-sprite.png);	
	background-color: transparent;
	font-size: 16px;
    font-weight: normal;
    color: #fff;
    height: 42px;
    line-height: 42px;
    padding: 0px 0px 0px 19px;
    margin: 0px 0px 0px -2px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only */
	button span {
		padding: 0px 0px 0px 22px;
		margin: 0px;
	}
	
	button {
		padding: 0px 22px 0px 0px;
		margin: 0px;
		overflow: hidden;
	}
}

/* Submit */
button.submitBtn { 
    background-position: right 0px;	
}

button.submitBtn span  
{
    background-position: left 0px;	
}

button.submitBtn:hover 
{
	background-position: right -42px;	
}

button.submitBtn:hover span
{
	background-position: left -42px;	
}

button.submitBtn:active
{
	background-position: right -84px;	
}

button.submitBtn:active span
{
	background-position: left -84px;	
}

/* Save */
button.saveBtn,button.saveBtn:disabled,button.saveBtn:disabled:hover { 
    background-position: right -378px;	
}

button.saveBtn span,button.saveBtn:disabled span,button.saveBtn:disabled:hover span
{
    background-position: left -378px;	
}

button.saveBtn:hover 
{
	background-position: right -420px;	
}

button.saveBtn:hover span
{
	background-position: left -420px;	
}

button.saveBtn:active
{
	background-position: right -462px;	
}

button.saveBtn:active span
{
	background-position: left -462px;	
}

.rightCol button.saveBtn span,
.rightCol button.submitBtn span
{
	width: 160px;	
	text-align: center;
}

button:disabled, a.newBtn.disabled 
{
    opacity: .5;   
    filter: alpha(opacity = 50);
    cursor: default;
}


/* <a> */

.newBtn, .newBtn span, a.submitBtn, a.submitBtn span, .cancelBtn, .cancelBtn span, a.saveBtn, a.saveBtn span
{
	background-image: url(../content/images/buttons/major-buttons-sprite.png);
}

.newBtn,a.submitBtn,.cancelBtn,a.saveBtn
{
	display: block;
	height: 42px;
	line-height: 39px;
	font-size: 16px;
	padding: 0px 22px 0px 0px;	
	color: #fff;
	text-decoration: none;
}

.newBtn,a.submitBtn,a.saveBtn
{
	background-position: right 0px;	
}

a.saveBtn
{
	background-position: right -378px;	
}

.cancelBtn
{
	background-position: right -126px;	
	margin-left: 10px;
}

.newBtn span,a.submitBtn span,.cancelBtn span, a.saveBtn span
{
	display: block;
	height: 42px;
	padding: 0px 0px 0px 20px;
	float: left;
}

.newBtn span
{
	background-position: left -252px;	
	padding: 0px 0px 0px 35px;
}

a.submitBtn span
{
	background-position: left 0px;	
}

.rightCol a.submitBtn span
{
	width: 160px;	
	text-align: center;
}

a.saveBtn span
{
	background-position: left -378px;	
}

a.cancelBtn span
{
	background-position: left -126px;	
}

.rightCol a.saveBtn span
{
	width: 160px;	
	text-align: center;
}

a.newBtn:hover span
{
	background-position: left -294px;	
}

a.submitBtn:hover span
{
	background-position: left -42px;	
}

a.saveBtn:hover span
{
	background-position: left -420px;	
}

a.saveBtn:hover
{
	background-position: right -420px;
	color: #fff;
	text-decoration: none;	
}

a.newBtn:hover,a.submitBtn:hover 
{
	background-position: right -42px;	
	color: #fff;
	text-decoration: none;
}

a.cancelBtn:hover span
{
	background-position: left -168px;	
}

a.cancelBtn:hover
{
	background-position: right -168px;
	color: #fff;
	text-decoration: none;	
}

a.newBtn:active span
{
	background-position: left -336px;	
}

a.submitBtn:active span
{
	background-position: left -84px;	
}

a.newBtn:active,a.submitBtn:active
{
	background-position: right -84px;	
}

a.cancelBtn:active span
{
	background-position: left -210px;	
}

a.cancelBtn:active
{
	background-position: right -210px;	
}

a.saveBtn:active span
{
	background-position: left -462px;	
}

a.saveBtn:active
{
	background-position: right -462px;	
}

.go-btn
{
    background-image: url(../content/images/buttons/filtergo-btn.png);
    background-position: right 0px;
    display: block;
	height: 26px;
	line-height: 24px;
	font-size: 14px;
	padding: 0px 20px 0px 0px;	
	text-decoration: none!important;  
	float: right;
	color: #525d64;
	font-weight: bold;
}

.go-btn span
{
    background-image: url(../content/images/buttons/filtergo-btn.png);
    background-position: left 0px;
    display: block;
	height: 26px;
	padding: 0px 0px 0px 20px;
	float: left;	 
	line-height: 24px;
	color: #525d64;
}

.go-btn:hover
{
    color: #525d64;
    background-position: right -27px;   
}

.go-btn:hover span
{
    background-position: left -27px;   
}

.go-btn:active
{
    color: #fff;
    background-position: right -54px;   
}

.go-btn:active span
{
    background-position: left -54px;   
}

.copyAddress,.minorBtn {
    background: -moz-linear-gradient(center top , #FFFFFF, #dadada) repeat scroll 0 0 transparent;
    border: 1px solid #b7b7b7;
    border-radius: 5px;
    -moz-border-radius: 5px;
    color: #4e5960;
    margin: 0 0px 15px 15px;
    outline: medium none;
    padding: 4px 8px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 12px;
}

.copyAddress:hover,.minorBtn:hover {
    border: 1px solid #999;
    color: #333;
    cursor: pointer;
}

.copyAddress:active,.minorBtn:active 
{
    border-color: #CCCCCC #BBBBBB #A0A0A0;
    border-left: 1px solid #BBBBBB;
    background: -moz-linear-gradient(center top , #E3E3E3, #F9F9F9) repeat scroll 0 0 transparent;
}

/* Partners */

.partnersRow
{
    border-top: 1px dotted #ccc;   
    padding: 20px;
    overflow: hidden;
    margin-top: 20px;
}

.partnersRow .partner
{
    float: left;   
    width: 275px;
    height: 150px;
    text-align: center;
}

.partnersRow .partner.mid
{
    border-left: 1px dotted #ccc;   
    border-right: 1px dotted #ccc; 
    padding: 0px 20px;
    margin: 0px 20px;
}

.partner img
{
    max-height: 150px;   
    max-width: 100%;
}


/* Large Status's */

.draftStatus, .currentStatus, .completeStatus, .declinedStatus, .presentedStatus, .pendingStatus, .inprogressStatus, .completeStatus, .acceptedStatus, .outstandingStatus, .paidStatus, .reconciledStatus
{
    color: #fff;
    margin: 0px 0px 0px 0px;
    padding: 0px 20px 0px 0px;
    font-size: 20px;
    height: 40px;
    line-height: 40px;   
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.draftStatus span, .currentStatus span, .completeStatus span, .declinedStatus span, .presentedStatus span, .pendingStatus span, .inprogressStatus span, .completeStatus span, .acceptedStatus span, .outstandingStatus span, .paidStatus span, .reconciledStatus span
{
    padding: 0px 0px 0px 20px;
    height: 40px;
    float: left;
}

.draftStatus, .pendingStatus
{  
    background: url(../content/images/common/status-large.png)
                right 0px
                no-repeat;
}

.draftStatus span, .pendingStatus span
{  
    background: url(../content/images/common/status-large.png)
                left 0px
                no-repeat;
}

.currentStatus, .presentedStatus, .inprogressStatus, .outstandingStatus
{  
    background: url(../content/images/common/status-large.png)
                right -40px
                no-repeat;
}

.currentStatus span, .presentedStatus span, .inprogressStatus span, .outstandingStatus span
{  
    background: url(../content/images/common/status-large.png)
                left -40px
                no-repeat;
}

.completeStatus, .acceptedStatus, .paidStatus, .reconciledStatus
{  
    background: url(../content/images/common/status-large.png)
                right -80px
                no-repeat;
}

.completeStatus span, .acceptedStatus span, .paidStatus span, .reconciledStatus span
{  
    background: url(../content/images/common/status-large.png)
                left -80px
                no-repeat;
}

.declinedStatus
{  
    background: url(../content/images/common/status-large.png)
                right -120px
                no-repeat;
}

.declinedStatus span
{  
    background: url(../content/images/common/status-large.png)
                left -120px
                no-repeat;
}


/* Modules */

.moduleLarge
{
    background: url(../content/images/modules/largemodule-bg.jpg)
                0px bottom
                no-repeat;
    margin: 0px 0px 20px 0px;
}

.moduleLarge h2
{
    background: url(../content/images/modules/largemodule-bg.jpg)
                0px top
                no-repeat;
    height: 50px;
    padding: 0px 0px 0px 20px!important;
    margin: 0px;
    line-height: 50px;
    color: #fff;
}

.moduleLarge .inner,.moduleSmall .inner
{
    padding: 20px;
}

.moduleSmall
{
    background: url(../content/images/modules/smallmodule-bg.jpg)
                0px bottom
                no-repeat;
    float: left;
    width: 470px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.moduleSmall.last
{
    margin-right: 0px;   
}

.moduleSmall h2
{
    background: url(../content/images/modules/smallmodule-bg.jpg)
                0px top
                no-repeat;
    height: 50px;
    padding: 0px 0px 0px 20px!important;
    margin: 0px;
    line-height: 50px;
    color: #fff;
}

.summaryTotals
{
    overflow: hidden;
    margin: 0px 0px 20px 0px; 
    display: table;  
    width: 100%;
}

.summaryTotals .col
{  
    display: table-cell;  
}

.summaryTotals .col.last
{
    margin-right: 0px;   
}

.summaryTotals .col p
{
    padding: 0px;
    margin: 0px 0px 3px 0px;  
    line-height: 10px!important; 
    font-size: 11px!important;
}

.draftTotal, .currentTotal, .completeTotal, .declinedTotal, .pendingTotal,.acceptedTotal
{
    float: left;  
    font-size: 44px;
    padding: 0px;
    margin: 0px 10px 0px 0px;
    line-height: 34px;
}

.draftTotal, .pendingTotal, .currentInvoice
{
    color: #b1c5ce;
}

.currentTotal, .outstandingInvoice
{
    color: #f58220;
}

.completeTotal, .paidInvoice,.acceptedTotal
{
    color: #7dba07;
}

.declinedTotal, .overdueInvoice
{	
    color: #d40a0a;
}

.currentInvoice, .paidInvoice, .outstandingInvoice, .overdueInvoice
{
    font-size: 24px;   
    line-height: 24px;
}

/* Intro */

.intro
{
	background: #f7feff;
	border: 1px solid #0097d7;	
	padding: 15px;
	margin: 0px 0px 20px 0px;
	position: relative;
	border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 12px!important;
}

.intro .close
{
	position: absolute;
	top: 8px;
	right: 8px;
	background: url(../content/images/icons/close-icon.png)
	            50% 50%
	            no-repeat;
	width: 16px;
	height: 16px;
	overflow: hidden;
	text-indent: -9999px;
	opacity: .6;
}

.intro .close:hover
{
	opacity: 1;
}

.intro p
{
	padding: 0px;
	margin: 0px!important;	
	font-size: 12px!important;
	line-height: 18px!important;
}

/* Warning */

.warning
{
	background: #fffef7
	            url(../content/images/icons/warning_16.png)
	            no-repeat
	            15px 50%;
	border: 1px solid #d7a700;	
	padding: 15px 15px 15px 40px;
	margin: 0px 0px 20px 0px;
	position: relative;
	border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 16px;
}

#status-message.locked
{
	background: #fffef7
	            url(../content/images/icons/lock.png)
	            no-repeat
	            15px 50%;
	border: 1px solid #d7a700;	
	padding: 15px 15px 15px 40px;
	margin: 0px 0px 20px 0px;
	position: relative;
	border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 16px;
	color: #d7a700;
}

#status-message.success
{
	background: #fcfff7
	            url(../content/images/icons/tick_16.png)
	            no-repeat
	            15px 50%;
	border: 1px solid #60ab08;	
	padding: 15px 15px 15px 40px;
	margin: 0px 0px 20px 0px;
	position: relative;
	border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 16px;
	color: #60AB08;
}

#status-message.error
{
	background: #fbeeee
	            url(../content/images/icons/delete_16.png)
	            no-repeat
	            15px 50%;
	border: 1px solid #9e1111;	
	padding: 15px 15px 15px 40px;
	margin: 0px 0px 20px 0px;
	position: relative;
	border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 16px;
	color: #9e1111;
}

.validation-summary-valid
{
	display: none;
}

.warning p
{
	padding: 0px;
	margin: 0px;	
}

/*
	Icons
*/

.required-icon
{
    background: url(../content/images/icons/required-icon.png)
                0px 50%
                no-repeat;
    height: 14px;
    line-height: 14px!important;
    font-size: 12px!important;
    padding: 0px 0px 0px 15px;
    margin: 0px 0px 10px 0px;
}

.required-icon.clear
{
    clear: both;
}

.field .required-icon
{
    float: left;
    margin-top: 5px;
}

.delete, .deleteRow
{
    background: url(../content/images/icons/button-icons-sprite.png)
                0px -40px
                no-repeat;
    height: 20px;
    width: 20px;
    display: block;   
    overflow: hidden;
    text-indent: -999px;
    float: right;
}

.delete:hover, .deleteRow:hover
{
    background: url(../content/images/icons/button-icons-sprite.png)
                0px -60px
                no-repeat;
}

.add,.addRow
{
    background: url(../content/images/icons/button-icons-sprite.png)
                0px 0px
                no-repeat;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    float: left;
    padding: 0px 0px 0px 25px;
    display: block;   
}

.add:hover,.addRow:hover
{
    background: url(../content/images/icons/button-icons-sprite.png)
                0px -20px
                no-repeat; 
}

.cancel-icon,.preview-icon,.export-icon,.notes-icon,.save, .reconcile-icon, .payment-icon
{ 
    height: 16px;
    line-height: 16px;
    display: block;
    padding: 0px 0px 0px 24px;
    font-size: 14px;
}

.cancel-icon
{
    background: url(../content/images/icons/block_16.png)
                no-repeat; 
}

.save
{
    background: url(../content/images/icons/save_16.png)
                no-repeat; 
}

.export-icon
{
    background: url(../content/images/icons/icon_xls.gif)
                no-repeat; 
    margin: 2px 0px 0px 20px;
    float: left;
}

.preview-icon
{
    background: url(../content/images/icons/document_16.png)
                no-repeat; 
}

.notes-icon
{
    background: url(../content/images/icons/pencil_16.png)
                no-repeat; 
}

.payment-icon
{
    background: url(../content/images/icons/dollar-icon.png)
                no-repeat; 
}

.reconcile-icon
{
    background: url(../content/images/icons/reconcile-icon.png)
                no-repeat; 
}


.notes-icon span
{
    background: #0097D7;
    color: #fff;
    padding: 2px 8px 2px 8px;    
    border-radius: 45px;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    font-size: 11px;
}

.expired-icon
{
    background: url(../content/images/icons/clock_16.png)
                no-repeat; 
    padding: 0px 0px 0px 20px;
}

.calculator
{
    background: url(../content/images/icons/calculator-icon.png)
                0px 0px
                no-repeat;
    height: 24px;
    width: 24px;
    line-height: 24px;
    display: block; 
    text-indent: -999px;  
    overflow: hidden;
}

.false
{
    background: url(../content/images/icons/delete_16.png)
                0px 0px
                no-repeat;
    height: 16px;
    line-height: 16px;
    display: block; 
    text-indent: -999px;  
    overflow: hidden;  
}

.true
{
    background: url(../content/images/icons/tick_16.png)
                0px 0px
                no-repeat;
    height: 16px;
    line-height: 16px;
    display: block; 
    text-indent: -999px;  
    overflow: hidden;  
}

.accountReadOnly.true
{
    background: url(../content/images/icons/lock.png)
                0px 0px
                no-repeat;
    height: 16px;
    width: 16px;
    line-height: 16px;
    display: block; 
    text-indent: -999px;  
    overflow: hidden;  
}

.accountReadOnly.false
{
    background: transparent;
    height: 0px;
    line-height: 0px;
    display: block; 
    text-indent: -999px;  
    overflow: hidden;  
}

/*
	Tables / DataGrid
*/

.grid
{
	width: 960px;	
}

.mainContent .grid
{
	width: 750px;	
}

.grid .searchHeader
{
	background: url(../content/images/tables/searchheader-bg.png)
				no-repeat;
	width: 935px;
	height: 50px;	
	padding: 0 10px 0px 15px;
	color: #fff;
}

.mainContent .grid .searchHeader
{
	background: url(../content/images/tables/searchheader-small-bg.png)
				no-repeat;
	width: 725px;
}

.grid .search
{
	float: left;	
	padding-top: 10px;
}

.grid .showMore
{
	background: url(../content/images/tables/showmore-tab.jpg)
				-17px -50px
				no-repeat;
	height: 50px;
	line-height: 50px;
	color: #fff;
	display: block;
	padding: 0px 15px 0px 0px;
	outline: none;
}

.grid .showMore span
{
	background: url(../content/images/tables/showmore-tab.jpg)
				0px -50px
				no-repeat;
	display: block;
	padding: 0px 0px 0px 32px;
}

.grid .showMore:hover
{
	background: url(../content/images/tables/showmore-tab.jpg)
				-114px -50px
				no-repeat;
}

.grid .showMore:hover span
{
	background: url(../content/images/tables/showmore-tab.jpg)
				-97px -50px
				no-repeat;
}

.grid .showMore.hide
{
	background: url(../content/images/tables/showmore-tab.jpg)
				-17px 0px
				no-repeat;
}

.grid .showMore.hide span
{
	background: url(../content/images/tables/showmore-tab.jpg)
				0px 0px
				no-repeat;
}

.grid .showMore.hide:hover
{
	background: url(../content/images/tables/showmore-tab.jpg)
				-114px 0px
				no-repeat;
}

.grid .showMore.hide:hover span
{
	background: url(../content/images/tables/showmore-tab.jpg)
				-97px 0px
				no-repeat;
}

.grid .filters
{
	background: #525d64
				url(../content/images/tables/filters-bg.jpg)
				top left
				repeat-x;	
	color: #fff;
	padding: 10px 15px;
	height: 25px;
}

.grid .filters div
{
	float: left;
	overflow: hidden;
	margin-right: 10px;
	line-height: 25px;
}

table
{
	width: 100%;
	border-collapse: collapse;	
	margin: 0px 0px 10px 0px;
	font-size: 13px;
}

.moduleSmall table,.moduleLarge table
{
	margin: 0px 0px 0px 0px;
}

.grid table thead, .default thead
{
	background: url(../content/images/tables/tablehead-bg.jpg)
				repeat-x;	
	height: 40px;
	font-size: 12px;
	line-height: 40px;
	text-align: left!important;
	padding: 0px 15px 0px 15px;
	border-top: 1px solid #bec3c5;
}

.grid table thead th, .default thead th
{
	padding: 0px 15px 0px 15px;
	text-align: left!important;
}

.grid table td, .default td
{
	padding: 10px 15px 10px 15px!important;	
	vertical-align: middle;
	border-bottom: 1px solid #EEF0F0;
	text-align: left;
}

.default .rowTotal
{  
    text-align: right!important;
    padding-right: 40px!important;
}

.grid table tr.altRow, .default tr.altRow, table tbody tr:nth-child(even)
{
	background: #fafafa;
    border-bottom: 1px solid #EEF0F0;
}

tr.expired, tr.expired.altRow
{
	background: #fef9f4!important;
    border-bottom: 1px solid #EEF0F0!important;
}

.detailsRow.altRow, .detailsRow .altRow
{
	background: #fff!important;
	border-bottom: 1px solid #EEF0F0;
	border-top: none!important;		
}

.detailsRow thead
{
	background: none!important;	
	height: 40px;
	font-size: 12px;
	line-height: 40px;
	text-align: left;
	padding: 0px 15px 0px 15px;
	border-top: none!important;
}

.detailsRow tfoot td
{
	border-top: 1px solid #EEF0F0!important;
	border-bottom: none!important;
	font-weight: bold;
}

.detailsRow tfoot .altRow
{
	border-bottom: none!important;
}

.formItems th
{
    text-align: left;
    background: none;
    padding: 0px 0px 5px 5px;
}

.formItems tbody
{
    border-bottom: 1px solid #f1f1f1;
}

.formItems tbody tr
{
    border-top: 1px solid #f1f1f1;
    background: #fff;
}

.formItems tbody td
{
    padding: 5px 12px 5px 5px;  
    margin: 0px 0px 3px 0px; 
    overflow: hidden;
}

.formItems .rowTotal
{
    text-align: right!important;   
}

.formItems tfoot td
{
    background: none;   
}

.controls
{
   position: relative;   
}

.controls-inner
{
    position: absolute;
    top: -12px;
    right: 0px;
}

.controls-inner:hover
{
    background: url(/content/images/buttons/controls-bg.png)
                0px bottom;
    padding: 0px 0px 16px 0px;   
    z-index: 999;
}

.control-btn
{
    background: url(/content/images/buttons/controls-button-sprite.png)
                0px bottom
                no-repeat;
    height: 22px;
    width: 40px;
    display: block;
    overflow: hidden;
    text-indent: -999px;
    float: right;
}

.controls-inner:hover .control-btn
{
    background: url(/content/images/buttons/controls-button-sprite.png)
                0px top
                no-repeat;
}

.controls-inner ul
{
    margin: 0px;
    padding: 0px;   
    list-style: none;
    display: none;
    width: 100px;
    background: url(/content/images/buttons/controls-bg.png)
                0px top;
    clear: both;
}

.controls-inner ul li
{
    padding: 10px 0px 0px 10px;   
    display: block;
}

.controls-inner ul li a
{
    display: block;   
    font-size: 12px;
}

.controls-inner:hover ul
{
    display: block;   
}

.Pending, .Non-Verified, .Verified, .paidStatus-small,.outstandingStatus-small,.draftStatus-small, .presentedStatus-small, .declinedStatus-small, .acceptedStatus-small, .inactiveStatus-small, .activeStatus-small, .pendingStatus-small, .inprogressStatus-small, .completeStatus-small, .overdueStatus-small, .notinvoicedStatus-small, .reconciledStatus-small
{
    height: 20px;
    width: 80px;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    text-align: center;   
    display: block;
    white-space:nowrap;
}

.Non-Verified,.draftStatus-small, .inactiveStatus-small, .pendingStatus-small, .notinvoicedStatus-small
{
    background: url(/content/images/tables/status-small.png)
                0px 0px
                no-repeat; 	
}

.Pending, .presentedStatus-small, .inprogressStatus-small, .outstandingStatus-small
{
    background: url(/content/images/tables/status-small.png)
                0px -20px
                no-repeat;
}

.declinedStatus-small, .overdueStatus-small
{
    background: url(/content/images/tables/status-small.png)
                0px -40px
                no-repeat;
}

.Verified, .acceptedStatus-small, .completeStatus-small,.paidStatus-small,.activeStatus-small, .reconciledStatus-small
{
    background: url(/content/images/tables/status-small.png)
                0px -60px
                no-repeat;
}

/* Pagination */

ol.pagination
{
	list-style: none;
	margin: 10px 0px 0px 0px;
	padding: 0px;	
	overflow: hidden;
}

ol.pagination li
{
	float: left;
	height: 32px;
	line-height: 32px;
	margin: 0px 3px 0px 0px;
}

ol.pagination li a
{
	float: left;
	background: url(../content/images/buttons/pagination-sprite.png)
				0px 0px
				no-repeat;	
	height: 32px;
	width: 32px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	font-size: 14px;	
}

ol.pagination li a:hover
{
	float: left;
	background: url(../content/images/buttons/pagination-sprite.png)
				0px -32px
				no-repeat;	
}

ol.pagination li a.selected
{
	float: left;
	background: url(../content/images/buttons/pagination-sprite.png)
				0px -64px
				no-repeat;	
}

ol.pagination .buttons
{
    float: right;
    clear: none;
    margin: 0px!important;
}

/*
    Modal Window
*/

#overlay
{
    position: absolute;
    top: 0px;
    left: 0px;
    background: #000;
    opacity: .5;   
    filter: alpha(opacity = 50)!important;	
    z-index: 900;
}

#modal
{
    left: 50%;
    margin-left: -480px;
    position: absolute;
    right: 50%;
    top: -400px;
    z-index: 10000000;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.4);
    background: #fff;
    width: 960px;
}

#modal.small
{
    margin-left: -300px;
    width: 600px;
}

#modal .modalInner
{
    padding: 40px 20px 10px 30px;   
    float: left;
}

#modal .modalInner #content .padding
{
	width: 900px;
	margin: 0px auto;	
	padding: 0px 0px 20px 0px;
}

#modal.small .modalInner #content .padding
{
	width: 540px;
}

#modal h1
{
    margin: 0px 0px 15px 0px;
    padding: 0px;
	color: #f58220;
    font-size: 24px;
    font-weight: normal;   
}

#modal .close
{ 
    position: absolute;
    top: 8px;
    right: 8px;
	background: url(../content/images/icons/close-icon.png)
	            50% 50%
	            no-repeat;
	width: 16px;
	height: 16px;
	overflow: hidden;
	text-indent: -9999px;
	opacity: .6;
}

#modal .close:hover
{ 
	opacity: 1;
}

.close
{ 
    position: absolute;
    top: 10px;
    right: 21px;
	background: url(../content/images/icons/close-icon.png)
	            50% 50%
	            no-repeat;
	width: 16px;
	height: 16px;
	overflow: hidden;
	text-indent: -9999px;
	opacity: .6;
}

.close:hover
{ 
	opacity: 1;
}
/*
    Accordian
*/

.accordian
{
    margin: 0px 0px 10px 0px;
}

.accordianHeader
{
    height: 55px;
    background: url(../content/images/accordian/accordianheader.jpg)
                0 0
                no-repeat;   
    cursor: pointer;
}

.accordianHeader.open
{
    background: url(../content/images/accordian/accordianheader.jpg)
                0 -60px
                no-repeat;   
}

.accordianHeaderLight
{
    height: 55px;
    background: url(../content/images/accordian/accordianheaderLight.jpg)
                0 0
                no-repeat;   
    cursor: pointer;
}

.accordianHeaderLight.open
{
    background: url(../content/images/accordian/accordianheaderLight.jpg)
                0 -60px
                no-repeat;   
}


.accordianHeader h2 ,.accordianHeaderLight h2
{
    color: #fff;
    height: 50px;
    line-height: 50px;
    margin: 0px 0px 0px 15px!important;
    float: left;
    font-size: 20px!important;
}

.accordianHeaderLight h2{
    color: #433535
}

.error .accordianHeader h2,.error .accordianHeaderLight h2
{
    /* Mike doesn't want these, hiding for now - TFS BUG #8517 */
    /* background: url(../content/images/icons/warning_16.png)
                0px 50%
                no-repeat; */
    padding: 0px 0px 0px 25px!important;
}

.accordianHeader .headerTotal,.accordianHeaderLight .headerTotal
{
    float: right;   
    margin-right: 55px;
    color: #433535;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.4);
}

.accordianContent
{
    padding: 15px;
    background: url(../content/images/accordian/accordiancontent-bg.jpg)
                0px bottom
                no-repeat;    
    overflow: hidden;
}

/* 
    Quotes
*/
.revision
{
    float: right;   
    background: #0097D7;
    border-radius: 25px;
    padding: 10px;
    margin-top: 10px;
    color: #fff;
}
.sectionSummary
{
    float: right;
    width: 320px;   
}

.quoteSummary
{ 
    margin: 0px 0px 20px 0px;
    top: 0;
    position: relative;
    width: 200px;    
}

.quoteSummary h2
{
    margin: 0px 0px 10px 0px!important; 
    font-size: 18px!important; 
}

.sectionSummary .row, .quoteSummary .row
{
    overflow: hidden;
    margin: 0px 0px 10px 0px;
}

.sectionSummary .row.last, .quoteSummary .row.last
{
    overflow: hidden;
    margin: 10px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    border-top: 1px solid #000;
    font-weight: bold;
}

.sectionSummary .label, .quoteSummary .label
{
    float: left;
    width: 140px;   
    padding: 0px 0px 0px 20px;
}

.sectionSummary .label span, .quoteSummary .label span
{
    float: left;  
    display: block;
    font-size: 14px;
    padding: 4px 0px 0px 0px;
}

.sectionSummary .marginPercent, .quoteSummary .marginPercent
{
    width: 45px!important;
    float: left;
    margin-left: 10px;
}

.sectionSummary .total
{
    font-size: 16px;   
    text-align: right;
    padding-right: 40px;
}

.quoteTotal
{ 
    padding: 8px;
    background: #e9eef1;
    margin: 0px 0px 0px 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    width: 180px;
}

.quoteTotal span
{
    font-size: 20px;   
}

.quoteTotal p
{
    padding: 0px!important;
    margin: 0px!important;   
    font-weight: bold;
    font-size: 12px;
}

.quoteTotal.last
{ 
    background: #525D64;
    color: #fff; 
    margin-top: 10px;
}

.quoteTotal.total
{
    background: #0097d7;
    color: #fff;   
}

.operator
{
    margin: 0px 10px 0px 10px;  
    height: 30px;
    font-size: 30px;
    line-height: 30px; 
    font-weight: bold;
    color: #0097d7;
    text-align: center;
}

#lastSaved
{
    display: block;
    margin-bottom: 10px;   
    padding-left: 20px;
    font-size: 12px;
    color: #71b53c;
    background: url(../content/images/icons/tick_16.png)
                0px 0px
                no-repeat;
    height: 16px;
}

.quoteTop
{
    overflow: hidden;   
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 10px;
    clear: both;
    border-bottom: 1px dotted #CFCDB7;
    border-top: 1px dotted #CFCDB7;
    background: #f1f1f1;
}

.jobNumber
{
    float: left;
    font-size: 50px;   
    margin-right: 20px;
}

.jobName
{
    float: left;
}

.jobName h2
{
    font-size: 20px!important;
    margin: 8px 0px 3px 0px!important;
    padding: 0px!important;
}

.editable
{
    overflow: hidden;   
    margin-bottom: 20px;
    background: #fff;
    border: 2px dashed #fee7b4;
    padding: 20px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    clear: both;
}

.quotes .col,.job .col,.invoices .col
{
    float: left;   
    width: 220px;
    min-height: 100px;
}

.col.mid
{
    border-right: 1px dotted #ccc;
    border-left: 1px dotted #ccc;
    margin-right: 20px;
    padding-left: 20px;
}

.col p
{
    font-size: 16px;   
}

.col p span
{
    font-size: 12px;
    font-weight: bold;   
}

/* Written Quote / Statement / Invoice Layout */

#layout ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;   
}

#layout ul li
{
    line-height: 18px;   
    font-size: 13px;
}

#layout h2
{
    font-size: 25px;   
    margin: 0px 0px 5px 0px;
    font-weight: bold;
}

#layout h3
{
    font-size: 14px; 
    margin: 0px;
    padding: 0px;  
    font-weight: bold;
}

#layout #layoutHeader
{
    overflow: hidden;
    margin: 0px 0px 20px 0px;   
}

#layout #layoutHeader #details
{
    float: left;  
    text-align: left; 
    margin-top: 0px;
}

#layout #layoutHeader #details h3
{
    font-size: 16px;
}

#layout #layoutHeader #businessLogo
{
    float: right;   
    font-size: 25px;
    text-transform: uppercase;
}

#layout #layoutHeader #licenseLogo
{
    float: right;  
    margin-left: 30px;
}

#layout #address
{
    overflow: hidden;
    margin: 0px 0px 20px 0px;   
}

#layout #customerAddress, #layout #businessAddress
{ 
    border-left: 1px solid #525D64;
}

#layout #customerAddress
{
    width: 350px;
    padding-left: 30px;
    float: left;  
}

#layout #businessAddress
{
    float: right;
}

#layout #businessAddress ul
{
    float: left;   
    margin-left: 30px;
}

#layout #jobDescription
{
    margin: 10px 0px 20px 0px;   
    background: #fafafa;
    border-bottom: 1px solid #EEF0F0;
    border-top: 1px solid #EEF0F0;
    padding: 15px;
}

#layout #quotedPrice
{
    margin: 10px 0px 10px 0px; 
    overflow: hidden;
}

#layout #quotedPrice h2 span
{
    font-size: 14px;
    text-transform: none;
    margin: 0px 20px 0px 0px;
    font-weight: bold;
}

#layout .default
{
    margin: 10px 0px 0px 0px;   
}

#layout #thankyou
{
    margin: 20px 0px 0px 0px;   
}

#layout .signBox
{
    border: 1px dotted #ccc;
    padding: 20px 20px 0px 20px;
    margin: 0px 0px 20px 0px;
    overflow: hidden;
}

#layout .signed
{
    border-bottom: 1px dotted #525D64;
    height: 30px;
    margin: 0px 30px 20px 0px;
    width: 500px;
}

#layout .date
{
    border-bottom: 1px dotted #525D64;
    height: 30px;
    margin: 0px 0px 20px 0px;
    width: 190px;
}

#layout .exclusions
{
    background: #fafafa;
    border-bottom: 1px solid #EEF0F0;
    border-top: 1px solid #EEF0F0;
    padding: 15px;
}

/* Calculator */

#calculator
{
    position: absolute; 
    width: 250px;
    background: #fff;  
    z-index: 999;
    background: url(../content/images/calculator/calculator-bg.png)
                0px bottom 
                no-repeat;
    padding: 0px 0px 20px 0px;
}

#calculator .calcInner
{
    background: url(../content/images/calculator/calculator-bg.png)
                0px top 
                no-repeat;
    padding: 25px 25px 0px 25px;
    overflow: hidden;
}

#calculator h3
{
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

#calculator input[type="text"]
{
    width: 180px;   
}

#calculator ul.calcNumbers a
{
    text-decoration: none;   
}

#calculator ul.calcNumbers
{
    list-style: none;
    clear: both;   
    margin: 10px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    overflow: hidden;
}

#calculator ul.calcNumbers li
{
    float: left;  
    margin: 0px 0px 2px 0px;
    padding: 0px;
    overflow: hidden;
}

#calculator ul.calcNumbers .number,#calculator ul.calcNumbers .operator, #calculator ul.calcNumbers .clear,#calculator ul.calcNumbers .zero,#calculator ul.calcNumbers .equals a
{
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}

#calculator ul.calcNumbers .number,#calculator ul.calcNumbers .operator
{
    float: left;  
    margin: 0px 2px 0px 0px;
    padding: 0px;
    background: url(../content/images/calculator/number-btn.png)
                no-repeat;
    height: 32px;
    width: 46px;
    line-height: 32px;
}

#calculator ul.calcNumbers .operator
{
    background: url(../content/images/calculator/operator-btn.png)
                no-repeat;
}

#calculator ul.calcNumbers .clear,#calculator ul.calcNumbers .zero
{
    float: left;  
    margin: 0px 2px 0px 0px;
    padding: 0px;
    background: url(../content/images/calculator/clear-btn.png)
                no-repeat;
    height: 32px;
    width: 94px;
    line-height: 32px;
    color: #fff;
    text-align: center;
}

#calculator ul.calcNumbers .zero
{
    background: url(../content/images/calculator/zero-btn.png)
                no-repeat;
}

#calculator ul.calcNumbers .equals a
{
    float: left;
    padding: 0px;
    background: url(../content/images/calculator/equal-btn.png)
                no-repeat;
    height: 66px;
    width: 46px;
    line-height: 64px;
    color: #fff;
    text-align: center;
}

#calculator ul.calcNumbers .equals
{
    margin: -34px 0px 0px 0px;
}

/* Hovers */

#calculator ul.calcNumbers .number:hover,#calculator ul.calcNumbers .operator:hover
{
    background: url(../content/images/calculator/number-btn.png)
                0px -32px
                no-repeat;
}

#calculator ul.calcNumbers .zero:hover
{
    background: url(../content/images/calculator/zero-btn.png)
                0px -32px
                no-repeat;
}

#calculator ul.calcNumbers .equals a:hover
{
    background: url(../content/images/calculator/equal-btn.png)
                0px -66px
                no-repeat;
}

#calculator ul.calcNumbers .operator:hover
{
    background: url(../content/images/calculator/operator-btn.png)
                0px -32px
                no-repeat;
}

#calculator ul.calcNumbers .clear:hover
{
    background: url(../content/images/calculator/clear-btn.png)
                0px -32px
                no-repeat;
}

/* Presses */

#calculator ul.calcNumbers .number:active,#calculator ul.calcNumbers .operator:active
{
    background: url(../content/images/calculator/number-btn.png)
                0px -64px
                no-repeat;
}

#calculator ul.calcNumbers .zero:active
{
    background: url(../content/images/calculator/zero-btn.png)
                0px -64px
                no-repeat;
}

#calculator ul.calcNumbers .equals a:active
{
    background: url(../content/images/calculator/equal-btn.png)
                0px -132px
                no-repeat;
}

#calculator ul.calcNumbers .operator:active
{
    background: url(../content/images/calculator/operator-btn.png)
                0px -64px
                no-repeat;
}

#calculator ul.calcNumbers .clear:active
{
    background: url(../content/images/calculator/clear-btn.png)
                0px -64px
                no-repeat;
}


#calculator #history
{	
	border: 1px solid #e3e9ef;
    border-top: 1px solid #abadb3;
	height: 55px;
	overflow-y: auto;	
	width: 185px;
}

#calculator #history ul
{
	list-style: none;
	margin: 0;
	padding: 5px;	
	overflow-x: none;
	position: relative;
}

#calculator #history li
{
	margin: 0;
	padding: 0;	
}

/*
    Banners
*/

.sectionBanner
{
    width: 234px;
    height: 60px;
    background: #ccc;
    margin: 20px 0px 0px 0px;
    float: left;   
    clear: left;
}

/*
	Forms
*/

.field
{
    overflow: hidden;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 0px;
}

label
{
    float: left;
    width: 220px;   
    padding: 6px 10px 0px 0px;
    font-weight: bold;
    text-align: left;
    font-size: 12px;
}

.radio label
{
    width: auto;   
}


#payment label, .short label
{
    float: left;
    width: 120px;   
    padding: 6px 10px 0px 0px;
    font-weight: bold;
    text-align: left;
}

.search label
{
    width: 100px;   
}

.filters label
{
    width: 100px;  
    padding: 3px 0px 0px 0px; 
}

.field .readOnly
{
    font-size: 18px;  
    float: left; 
    margin-right: 20px;
}

.checkbox
{
    clear: left;   
}

.checkbox input[type=checkbox]
{
    float: left;   
    margin: 6px 5px 0px 0px;
}

input[type=text],input[type=password], textarea
{
	padding: 4px;	
	font-size: 16px;
	color: #525D64;
	margin: 0px 5px 0px 0px;
	float: left;
	font-family: Tahoma, Sans-Serif;
	border: 1px solid #e3e9ef;
    border-top: 1px solid #abadb3;
    background: #fff;
}

.field input[type=text],.field input[type=password], .field textarea
{
	width: 300px;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus
{
    outline: 0;
    background: #edf9ff;
    border: 1px solid #c6e4ea;
    border-top: 1px solid #7ba0af;
}

textarea
{
	height: 85px;
}

.textarea-large
{
    width: 880px;
	height: 250px;
}

.field select
{	
	font-size: 16px;
	font-weight: normal;
	color: #525D64;
	width: 310px;
	margin: 0px 5px 0px 0px;
	float: left;
	font-family: Tahoma, Sans-Serif;
	border: 1px solid #e3e9ef;
    border-top: 1px solid #abadb3;
}

input[type=radio]
{
	float: left;
    margin-top: 6px;
}

.showSection
{
    margin: 6px 0px 0px 15px;   
}

.cost
{
    background: #fff
                url(../content/images/icons/dollar-icon.jpg)
                no-repeat
                5px 50%!important;
    padding-left: 15px!important;  
    border: 1px solid #e3e9ef;
    border-top: 1px solid #abadb3;
    width: 100px!important;
}

.cost:focus
{
    background: #edf9ff
                url(../content/images/icons/dollar-icon.jpg)
                no-repeat
                5px 50%!important;
}

select
{
	font-size: 14px;
	font-weight: bold;
	color: #525D64;
	margin: 0px 5px 0px 0px;
	float: left;
	font-family: Tahoma, Sans-Serif;
}

.filters select
{
	font-size: 12px;
	font-weight: normal;
	color: #525D64;
	margin: 0px 5px 0px 0px;
	float: none;
	font-family: Tahoma, Sans-Serif;
}

.input-validation-error
{
	background: #fff0dc!important;
	border: 1px solid red!important;
}

.input-validation-error.cost
{
	background: #fff0dc
	            url(../content/images/icons/dollar-icon.jpg)
                no-repeat
                5px 50%;
}

.formItems input[type=text]
{
	width: 100%;
}

.short
{
	width: 100px!important;
}

.validationError
{
    clear: both;
    display: block;
}


.validationError span
{
    margin: 0px 0px 0px 230px;
    padding: 2px 0px 2px 25px;
    background: url(../content/images/icons/warning_16.png)
                0px 50%
                no-repeat;
    line-height: 16px;
    color: Red;
}

.validationError.no-margin span {
    margin-left: 0;
}

#payment .validationError span
{
    margin: 10px 0px 0px 0px;
    padding: 2px 0px 2px 25px;
    background: url(../content/images/icons/warning_16.png)
                0px 50%
                no-repeat;
    line-height: 16px;
    color: Red;
}

.field a
{
    display: block;
    height: 20px;
    line-height: 20px;
    float: left; 
    margin: 2px 0px 0px 0px;
}

.field h3
{
    float: left;
    clear: none!important;
}

.field .info
{
    padding: 5px 0px 0px 0px;
    display: block;
}

/* 
	Footer
*/

#footer 
{
	margin-top: 20px;
	overflow: hidden;	
	clear: both;
	position: relative;
}


#footer .padding
{
	width: 960px;
	margin: 0px auto;	
	padding: 20px 0px 20px 0px;
	clear: both;
	border-top: 1px dotted #ccc; 
	overflow: hidden;	
}

.signin #footer .padding
{
	width: 650px;
	border-top: none; 
}

#footer p
{
    font-size: 12px;  
    line-height: 18px; 
    margin: 0px;
    padding: 0px;
    text-align: right;
}


table thead th 
{
	white-space: nowrap;
}

.pagebreak
{
	page-break-before: always;
}

/* Ck Editor Overwrites */
#cke_bottom_detail,.cke_bottom{display:none}

.cke_editor
{
    width: 630px!important;   
}

/* Content Editor */

.editableContentBlock
{
    position: relative;    
}

.contentBlock .hover-actions, .editableContentBlock .hover-actions
{
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px;
	border: 1px solid #65c7f0;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 3px rgba(0,180,255,0.8);
    font-size: 14px;
    background: #fff;
}

.hover-actions a.edit
{
	padding: 5px 10px 5px 30px;
	background: #fff
	        url(../content/images/icons/pencil_16.png)
            10px 50%
            no-repeat;
}


.hover-actions a.del
{
	padding: 5px 10px 5px 30px;
	background: #fff
	        url(../content/images/icons/delete_16.png)
            10px 50%
            no-repeat;
}

.editableContentBlock:hover .hover-actions
{
	display: block;	
}

.addContent 
{
	padding-left: 20px;
	background: url(../content/images/icons/plus_16.png)
                0px 0px
                no-repeat;
}

div.ProgressBar 
{
	width: 100px; 
	padding: 0;
	border: 1px solid black; 
	margin-right: 1em; 
	height:.75em; 
	margin-left:1em; 
	display:-moz-inline-stack;
	display:inline-block; 
	zoom:1; 
	*display:inline; 
}

div.ProgressBar div
{
	background-color: Green; 
	font-size: 1pt; 
	height:100%; 
	float:left; 
}

span.asyncUploader object
{
	position: relative;
	top: 5px; 
	left: 10px;
}




 .moduleLarge .filters
{
	background: url(../content/images/tables/tablehead-bg.jpg)
				top left
				repeat-x;		
	padding: 8px 15px;
	margin: 0 2px;
	height: 40px;
} 
 
 .moduleLarge .filters label {
	padding: auto;
}
 
 #content .moduleLarge h2 {
	margin: 0;
}

 .g-recaptcha {
     float: left;
 }