/*		
 * 		CONTENTS
 * ============================================================ 
 * 
 * 		0. Page
 * 		1. Typography (Headings)
 * 		2. Typography (Paragraphs)
 * 		3. Typography (Overrides)
 * 		4. Typography (Links)
 * 		5. Colors & Borders
 * 		6. Grid
 * 		7. Prepends and Appends
 * 		8. Floats and Alignment
 *
 * 		9. Interaction / Ajax
 * 		10.Misc
 * 		11.Named Classes
 *  	12.Buttons
 *  	13.Lists
 *  	14.Page Specific
 *  	15.Action Bar
 *  	16.Forms
 *		17.Header and Footer
 *		18.Control Box
 *  		
 *  	Deprecated
 * 
 * ============================================================ 
 *		NOTES
 * ============================================================ 
 * 
 *		Background colour conventions:
 *
*		Success 			#d9ffb2 (green)
 *		Error				#ffc9bb (red)
 *		Help/tooltips		#ffff99 (yellow)
 *		Info				#dceeff (blue)
 *		General Highlights	#fff4d6 (orange)
 *		Notifications		#faf1b9 (brown)
 * 
 * ============================================================ 
 */


/*
 * 		0. PAGE
 * ============================================================ 
 */

html { 
	/* force vertical scrollbar */
	height: 100%; 
	overflow-y: scroll;
}

body {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000;
	padding: 0;
	margin: 0;
	background-color: #fff;
}

a:active {
	outline: none;
}





/*
 * 		1. TYPOGRAPHY (HEADINGS)
 * ============================================================ 
 */


/* Used for page title */
h1, h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000;
	line-height: normal;
	padding: 0;
	margin: 0 0 7px 0;
}
h2.pt {
	padding-right: 10px;
	float: left;
	line-height: 2em;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	line-height: 1.2em;
	padding: 0;
	margin: 0 0 7px 0;
}

h4 {
	/* Used in right column headings, secondary headings */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #000000;
	line-height: 18px;
	padding: 0;
	margin: 0 0 5px 0;
}




/*
 * 		2. TYPOGRAPHY (PARAGRAPHS)
 * ============================================================ 
 */

p {
	margin: 0 0 1.2em 0;
	padding: 0;	
}

/* text that display below forms */
.example {
	
	color: #888;
	font-size: 11px;
	line-height: 14px;
	margin-top: 4px;
}
.bg_blue .example {
	color: #555f69;
}



/*
 * 		3. TYPOGRAPHY (OVERRIDES)
 * ============================================================ 
 */

.italics { font-style:  italic !important; }
.bold    { font-weight: bold !important;   }
.nobold { font-weight: normal !important;}

.lineheight_16 { line-height: 16px !important; }
.lineheight_22 { line-height: 22px !important; }
.lineheight_30 { line-height: 30px !important; }

.fs_10 { 
	font-size: 10px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}
.fs_11 { 
	font-size: 11px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}

.fs_12 {
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}

.fs_14 { 
	font-size: 14px; 
	font-family: Arial, Helvetica, sans-serif;
	line-height: 17px;
}

.fs_16 { 
	font-size: 16px; 
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3em;
}

.fs_18 { 
	font-size: 18px; 
	font-family: Arial, Helvetica, sans-serif;
	line-height: 21px;
}

.fs_20 { 
	font-size: 20px; 
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
}

.fs_22 { 
	font-size: 22px; 
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
}

.fs_30 { 
	font-size: 30px; 
	font-family: Arial, Helvetica, sans-serif;
	line-height: 33px;
}





/*
 * 		4. TYPOGRAPHY (LINKS)
 * ============================================================ 
 */

a.link_green:link, a.link_green:visited, a.link_green:active {
	color: #118f11;	
	text-decoration: underline;
}
a.link_green:hover {
	color: #fff;	
	background-color: #118f11;
	text-decoration: none;
}

a img {
	border: 0;
}

a.small-link {
	font-size: 11px;
}

a.no-hover:hover {
	background: transparent;
}

/* link with green plus icon on left */
a.link-new {
	display: block;
	float: left;
	height: 20px;
	margin-bottom: -2px;
	line-height: 18px;
	padding-left: 20px;
	background: url("/images/icons/new.png") 2px 3px no-repeat;
}

a.link-new:hover {
	background: #0000FF url("/images/icons/new.png") 2px 3px no-repeat;
}

/* link with help icon on left */
a.link-help {
	display: block;
	float: left;
	height: 20px;
	line-height: 18px;
	padding-left: 20px;
	background: url("/images/icons/help.png") 2px 1px no-repeat;
}

a.link-help:hover {
	background: #0000FF url("/images/icons/help.png") 2px 1px no-repeat;
}




/*
 * 		5. COLORS & BORDERS
 * ============================================================ 
 */

.green  	{ color: #4c8700; }
.gray50 	{ color: #777777; }
.gray40 { color: #999999; }
.red 	{ color: #f00f00; }
.white { color: #ffffff; }
.black { color: #000000; }
.darkorange { color: #6f6a56; }
.fresh_blue { color: #0075CE; }

.bg_linehighlight { background-color: #f5f5e3; }

.bg_green { background-color: #d9ffb2; }
.bg_darkgreen { background-color: #afeb63; }
.bg_red { background-color: #ffc9bb; }
.bg_darkred { background-color: #ed1c24; }
.bg_yellow { background-color: #ffff99; }
.bg_blue { background-color: #dceeff; }
.bg_orange { background-color: #fff4d6; }
.bg_brown { background-color: #faf1b9; }
.bg_grey95 { background-color: #f1f1f1; }
.bg_grey90 { background-color: #e5e5e5; }
.bg_lightorange { background-color: #fffbe6; }
.bg_lightyellow { background-color: #ffffca; }

.border_orange { border: 1px solid #e6e0b6; }
.border_green     { border: 1px solid #88c331; }
.border_grey85    { border: 1px solid #d4d4d4; }
.border_t_grey85  { border-top: 1px solid #d4d4d4; }

.line_grey90 {
	background-color: #e5e5e5;
	height: 1px;
	overflow: hidden;
}



/*
 * 		6. GRID
 * ============================================================ 
 */

.container {
	text-align: left;
	width: 760px;
	margin: 0 auto;
	padding: 0 40px;
}

div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, 
div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, 
div.span-20, div.span-21, div.span-22, div.span-23, div.span-24, div.span-25, div.span-26, div.span-27, div.span-28, 
div.span-29, div.span-30, div.span-31, div.span-32, div.span-33, div.span-34, div.span-35, div.span-36, div.span-37 {
  float: left;
/*  overflow: auto;*/
  min-height: 1px;
}

.span-1 { width: 20px; }
.span-2 { width: 40px; }
.span-3 { width: 60px; }
.span-4 { width: 80px; }
.span-5 { width: 100px; }
.span-6 { width: 120px; }
.span-7 { width: 140px; }
.span-8 { width: 160px; }
.span-9 { width: 180px; }
.span-10 { width: 200px; }
.span-11 { width: 220px; }
.span-12 { width: 240px; }
.span-13 { width: 260px; }
.span-14 { width: 280px; }
.span-15 { width: 300px; }
.span-16 { width: 320px; }
.span-17 { width: 340px; }
.span-18 { width: 360px; }
.span-19 { width: 380px; }
.span-20 { width: 400px; }
.span-21 { width: 420px; }
.span-22 { width: 460px; }
.span-23 { width: 480px; }
.span-24 { width: 500px; }
.span-25 { width: 520px; }
.span-26 { width: 540px; }
.span-27 { width: 560px; }
.span-28 { width: 580px; }
.span-29 { width: 600px; }
.span-30 { width: 620px; }
.span-31 { width: 640px; }
.span-32 { width: 660px; }
.span-33 { width: 680px; }
.span-34 { width: 700px; }
.span-35 { width: 720px; }
.span-36 { width: 740px; }
.span-37 { width: 760px; }






/*
 * 		7. PREPENDS & APPENDS
 * ============================================================ 
 */

.prepend-1 { padding-left: 20px; }
.prepend-2 { padding-left: 40px; }
.prepend-3 { padding-left: 60px; }
.prepend-4 { padding-left: 80px; }
.prepend-5 { padding-left: 100px; }
.prepend-6 { padding-left: 120px; }
.prepend-7 { padding-left: 140px; }
.prepend-8 { padding-left: 160px; }
.prepend-9 { padding-left: 180px; }
.prepend-10 { padding-left: 200px; }
.prepend-11 { padding-left: 220px; }
.prepend-12 { padding-left: 240px; }
.prepend-13 { padding-left: 260px; }
.prepend-14 { padding-left: 280px; }
.prepend-15 { padding-left: 300px; }
.prepend-16 { padding-left: 320px; }
.prepend-17 { padding-left: 340px; }
.prepend-18 { padding-left: 360px; }
.prepend-19 { padding-left: 380px; }
.prepend-20 { padding-left: 400px; }

.prepend-top-1 { padding-top: 18px;}
.prepend-top-2 { padding-top: 36px;}
.prepend-top-3 { padding-top: 54px;}
.prepend-top-4 { padding-top: 72px;}
.prepend-top-5 { padding-top: 90px;}


.append-1 { padding-right: 20px; }
.append-2 { padding-right: 40px; }
.append-3 { padding-right: 60px; }
.append-4 { padding-right: 80px; }
.append-5 { padding-right: 100px; }
.append-6 { padding-right: 120px; }
.append-7 { padding-right: 140px; }
.append-8 { padding-right: 160px; }
.append-9 { padding-right: 180px; }
.append-10 { padding-right: 200px; }
.append-11 { padding-right: 220px; }
.append-12 { padding-right: 240px; }
.append-13 { padding-right: 260px; }
.append-14 { padding-right: 280px; }
.append-15 { padding-right: 300px; }
.append-16 { padding-right: 320px; }
.append-17 { padding-right: 340px; }
.append-18 { padding-right: 360px; }
.append-19 { padding-right: 380px; }
.append-20 { padding-right: 400px; }

.append-bottom-1 { padding-bottom: 18px;}
.append-bottom-2 { padding-bottom: 36px;}
.append-bottom-3 { padding-bottom: 54px;}
.append-bottom-4 { padding-bottom: 72px;}
.append-bottom-5 { padding-bottom: 90px;}






/*
 * 		8. FLOATS AND ALIGNMENT
 * ============================================================ 
 */

.nofloat 		{ float: none; 		} 
.float_left 	{ float: left; 		} 
.float_right 	{ float: right;		} 
.ta_center 	{ text-align: center; 	}
.ta_right 	{ text-align: right; 	}
.clearb 		{ clear: both; }
 
 
 
 
 
 
 /*
 * 		9. INTERACTION / AJAX
 * ============================================================ 
 */
.cursor_clickable {
	cursor: pointer;
}

/* jquery tooltips for partial payments */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #aaa;
	background-color: #ff9;
	padding: 5px;
	opacity: 0.85;
	text-align: left;
}
#tooltip h3 {
	margin: 0;
}
#tooltip div {
	font-size: 11px;
}
#tooltip.totals_tooltip {
	line-height: 1.2em;
	text-align: right;
}
#tooltip.totals_tooltip strong {
	display: block;
	float: left;
	width: 90px;
	text-align: left;
}
#tooltip div.tool-tip {
	float: left;
	font-size: 12px;
	line-height: 18px;
	padding: 5px;
}
span.tool-tip, label.tool-tip {
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	cursor: help;
}

 
 
 /*
 * 		10. MISC
 * ============================================================ 
 */

.hide { display: none; }
.block { display: block; }
.rule_5 {
	height: 5px;
	margin: 22px 0;
	overflow: hidden;
}
.title-rule {
	height: 5px;
	margin: 0 0 13px 0;
	background-color: #e2e2e2;
	overflow: hidden; /* IE6 hack */
}



 
 /*
 * 		11. NAMED CLASSES
 * ============================================================ 
 */

.close {
	margin-right: -12px;
	margin-top: -11px;
	float: right;
	width: 20px;
	cursor: pointer;
}

.help_box {
	background: #ffff99 url(/images/icons/question.gif) no-repeat 15px 13px;
	padding: 10px 15px 10px 70px;
	margin-top: 20px;
	width: 575px;
}

.boxGrey {
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 10px;
	text-align: left;
}

/* messages */
.notifyBox {
	background: #d9ffb2 url(/images/icons/check.gif) no-repeat 15px 13px;
	width: 575px;
	margin: 20px 0 10px;
	padding: 10px 15px 15px 70px;
}
.notifyBox h3 {
	font-size: 19px;
	color: #4c8700;
}
.notifyBox .hl {
	background-color: #ff9;
}
.notifyBox.bad {
	background-image: url(/images/icons/x.gif);
	background-color: #ffc9bb;
}
.notifyBox.bad h3 {
	color: #9f1e00;
}
.notifyBox.info {
	background-image: url(/images/icons/info.gif);
	background-color: #dceeff;
}
.notifyBox.info h3 {
	color: #004e9d;
}
.notifyBox.notifySearch {
	background-image: url(/images/icons/search.gif);
	background-color: #fff4d6;
}
.notifyBox.notifySearch h3 {
	color: #7f5711;
}
.notifyBox h2 {
	padding: 0;
}
.notifyBox ul {
	margin: 0;
	padding-left: 25px;
}
.notifyBox ul ul {
	list-style: circle;
	margin: 0;
	padding-left: 30px;
}

div.notif_blue_small {
	background: #dceeff url(/images/icons/info-small.gif) no-repeat 15px 7px;
	padding: 12px 10px 12px 55px;
	margin: 20px 0;
	width: 595px;
}
#user_survey_notif div {
	background-image: url(/images/icons/info-small-yellow.gif);
	background-repeat: no-repeat;
	background-position: 15px 7px;
	padding-left: 55px;
	width: 705px;
}

option.option_highlight {
	background-color: #ff9;
	font-weight: bold;
}

.iconLeft {
	float: left;
	margin: 1px 4px 0 0;
}

/* Error message on facebox */
#facebox .notifyBox.bad {
	width: auto;
	margin: 0 0 18px 0;
	padding: 9px 20px 9px 40px;
	background: #ffc9bb url(/images/icons/x-small.gif) no-repeat 9px 8px;
}


/* progress/usage bars */
.progress-bar {
	background: url(../../images/application.png) left -175px repeat-x;
	width: 210px;
	height: 18px;
	float: left;
	margin-right: 10px;
	border: 1px solid #abadb3;
}

.progress-bar.no-fill .fill {
	display: none !important;
}

.progress-bar.pg-neutral .fill {
	background: url(../../images/application.png) left -195px repeat-x;
	display: inline-block;
	height: 16px;
	border-top: solid 1px #cefa9a;
	border-right: solid 1px #77c51a;
	border-bottom: solid 1px #61af05;
	border-left: solid 1px #a3e456;
}

.progress-bar.pg-red .fill {
	background: url(../../images/application.png) left -215px repeat-x;
	display: inline-block;
	height: 16px;
	border-top: solid 1px #f3a5a5;
	border-right: none;
	border-bottom: solid 1px #940404;
	border-left: none;
}


/* permissions */
ul.permissions {
	list-style: none;
	padding: 0;
	margin: 0;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
}

ul.permissions li {
	float: left;
	background-color: #919191;
	padding: 1px;
	margin-right: 3px;
	margin-bottom: 3px;
	
}

ul.permissions li div {
	border: solid 1px #c3c3c3;
	padding: 0px 3px;
	min-width: 116px;
}

ul.permissions li.enabled {
	/* See fbstyles */
}

ul.permissions li.enabled div {
	/* See fbstyles */
}

/* contractor tour help box */
#help_contractor_tour {
	background: url(/images/helpbox-contractor-tour.gif) no-repeat;
	font: italic 22px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	display: block;
	width: 275px;
	height: 98px;
	padding: 52px 80px 0 200px;
	margin: 10px 0;
}
#help_contractor_tour:hover {
	background-position: 0 -150px;
	text-decoration: underline;
}

.sidebar_top {
	background: url(../../images/top.gif) no-repeat;
	height: 60px;
	margin-bottom: -50px;
}
.sidebar_bottom {
	background: url(../../images/bottom.gif) no-repeat;
	height: 60px;
	margin-top: -40px;
}
.sidebar {
	background: url(../../images/tile.gif) repeat-y;
}
.sidebar_content {
	margin-left: 20px;
}


/*
 * 		12. BUTTONS
 * ============================================================
 */

/* New button next to page titles */
.new { float: left; }
a.butPrimary {
	display: block;
	float: left;
	height: 36px;
	line-height: 32px;
	padding-right: 35px;
	background: url(../../images/application.png) right 0px no-repeat;
	text-decoration: none;
	color: #4b4b4b;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	top: 8px;
}
a.butPrimary span {
	display: block;
	height: 36px;
	background: url(../../images/application.png) no-repeat -583px 0px;
	padding-left: 15px;
	cursor: pointer;
}
a.butPrimary:hover {
	color: #6bb11f;
	background: url(../../images/application.png) right -36px no-repeat;
}
a.butPrimary:hover span {
	background: url(../../images/application.png) -583px -36px no-repeat;
}

/* import version of new button */
a.butPrimary.convert { background: url(../../images/application.png) right -184px no-repeat; }
a.butPrimary.convert:hover { 
	color: #399ace;
	background: url(../../images/application.png) right -220px no-repeat; 
}


/* Blank button */
a.button.empty {
	display: block;
	float: left;
	height: 36px;
	line-height: 32px;
	padding-right: 13px;
	background: url(../../images/application.png) right 0px no-repeat;
	text-decoration: none;
	color: #4b4b4b;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
a.button.empty span {
	display: block;
	height: 36px;
	background: url(../../images/application.png) -583px 0px no-repeat;
	padding-left: 13px; 
	padding-right: 2px;
	cursor: pointer;
}
a.button.empty:hover {
	color: #6bb11f;
}

/* Blank button BLUE Background */
a.button.empty.bg_blue {
	background: url(../../images/application.png) right -72px no-repeat;
}

a.button.empty.bg_blue span {
	background: url(../../images/application.png) -583px -72px no-repeat;
}


/* green button */
.button_green {
	background: url(/images/buttons/green-right.gif) no-repeat right top;
	padding-right: 4px;
	float: left;
}

.button_green a:link,
.button_green a:visited,
.button_green a:hover {
	font-size: 14px;		
	color: #fff;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-color: transparent;	
	display: block;
	line-height: 26px;
	padding: 0 16px 0 20px;
	background: url(/images/buttons/green-left.gif) no-repeat left top;	
}


/* edit links */
#edit_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-top: 15px;
	display: block;
	float: left;
}



/* Dropdown button */
div.dropdown-button {
	display: block;
	float: right;
	height: 36px;
	line-height: 32px;
	padding-right: 36px;
	background: url(../../images/application.png) right -111px no-repeat;
	text-decoration: none;
	color: #4b4b4b;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	top: 8px;
	cursor: pointer;
}
div.dropdown-button span {
	display: inline-block;
	height: 36px;
	background: url(../../images/application.png) -520px -111px no-repeat;
	padding-left: 15px;
	padding-right: 14px;
	margin-bottom: -4px;
}
div.dropdown-button:hover, div.dropdown-button.show-menu {	
	background: url(../../images/application.png) right -147px no-repeat;
}
div.dropdown-button:hover span, div.dropdown-button.show-menu span {
	color: #399ace;
	background: url(../../images/application.png) -520px -147px no-repeat;
}

div.dropdown-button.show-menu ul, div.dropdown-button:hover ul { display: block;}

div.dropdown-button ul {
	display: none;
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
	left: 1px;
	font-size: 12px;
	font-family: Verdana;
	background-color: #ffffff;
	border: solid 1px #bdbdbd;
}

div.dropdown-button li a {
	display: block;
	padding-left: 13px;
	padding-right: 22px;
	color: #000000;
	text-decoration: none;
	line-height: 26px;
}
div.dropdown-button li a:hover {
	background-color: #3399ff;
	color: #ffffff;
}



/*
 * 		13. LISTS
 * ============================================================
 */
ul, ol {
	margin-top: 8px;
}

ul.nopad {
	padding-left: 0;
	margin-left: 0;
}
ul.list_pad_l18 {
	padding-left: 18px;
	margin-left: 0;
}
ul.arrow_grey li {
	list-style: none;
	background-image: url(/images/arrow-grey.gif);
	background-position: 0 5px;
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-bottom: 10px;
}

ul.list_hearts {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}
ul.list_hearts li {
	background-image: url(/images/bullet-heart.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 30px;
	margin: 5px 0;
}



/*
 * 		14. PAGE SPECIFIC
 * ============================================================
 */

/* systalk post signup billing method */
div.billmeth_pop {
	float: left;
	width: 245px;
	margin: 0 10px 20px 0;
}

/* homepage notifications box */
div.home_notif {
	background-image: url(/images/icons/envelope.gif);
	background-repeat: no-repeat;
	background-position: 13px 10px;
	padding-left: 70px;
}


/* show project */
.units_hrs_big { font-size: 0.7em; margin-left: 1px; }
.units_hrs_small { font-size: 0.8em; margin-left: 1px; }

/* update project */
.project_task_row, .project_user_row { border-bottom: 1px dotted #eee; height: 16px; padding: 5px }
.task_rate,  .user_rate, .task_billable { float:left; text-align: left; }
.task_billable { margin-top: 3px }
.task_rate,   .user_rate { display: none }
.task_remove, .user_remove { float:left; margin-right: 10px; cursor: pointer }
.task_name,   .user_name { float: left; width: 320px; }
.assign_title { width:166px; font-weight:bold; float:left; margin: 2px 4px 0 0; text-align:right }
.assign_dropdown_container { background-color: #f8f8f8; padding: 10px; margin: 10px 0 0 0 }
.assign_select { width: 200px }
.none_assigned { text-align:center;padding: 10px 0; font-style:italic; display: none }
.highlighted_row { background-color: #ff9 }
#task_form, #contractor_form, #staff_form { margin-top: 15px; }
#remove_all_tasks, #remove_all_users { display: none }

/* settings and account wizard */
#wiz {
	margin: 15px auto 20px;
	padding: 0;
	display: table;
	height: 39px;
}
#wiz li {
	list-style: none;
	display: block;
	float: left;
	height: 39px;
}
#wiz a {
	background: url(../../images/application.png) 0 -50px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #777;
	text-decoration: none;
	line-height: 39px;
	display: block;
	float: left;
	height: 39px;
	padding: 0 0 0 4px;

}
#wiz a:hover {
	color: #6bb11f;
}
#wiz a.on, #wiz a.on:hover {
	background-position: 0 -90px;
	color: #fff;
}
.wiz_left, .wiz_right {	background: url(../../images/application.png) -85px -130px;	width: 35px; }
.wiz_left {	margin-left: -16px; }
.wiz_right { margin-right: -16px; }
.wiz_right { background: url(../../images/application.png) -170px -130px; }
.wiz_arrow { background: url(../../images/application.png) 0 -130px;	width: 20px; }
.wiz_arrow.wiz_on_right { background: url(../../images/application.png) -25px -130px; }
.wiz_arrow.wiz_on_left { background: url(../../images/application.png) -50px -130px; }
.wiz_end_on_left { background: url(../../images/application.png) -125px -130px; }
.wiz_end_on_right {	background: url(../../images/application.png) -210px -130px; }


/* branding */
.colour_selector_box {
	background-image: url(/images/colorpicker/select_box.gif);
	width: 42px;
	height: 42px;
	cursor: pointer;
}
	/* live preview */
	#colours_preview .preset_border {
		width: 180px;
	}
	#colours_preview .preset_tabmain {
		font: bold 16px/18px Arial, Helvetica, sans-serif;
		width: 180px;
	}
	#colours_preview .preset_bg {
		padding: 10px 0 0 5px;
		height: 53px;
	}
	#colours_preview .preset_nav, #colours_preview .preset_nav2 {
		padding: 4px 0;	
	}
	#colours_preview .preset_nav {
		width: 66px;
		top: 36px;
	}
	#colours_preview .preset_tab2 {
		left: 78px;
	}


	/* branding presets */
	.preset_border {
		border: 3px solid #ddd;
		margin-bottom: 2px;
	}
	.preset_border_over {
		border-color: #ebb552;
	}
	.colours_preset {
		text-align: center;
		float: left;
		margin: 0;
		cursor: pointer;
		padding: 0 8px 15px 0;
	}
	.preset_tabmain {
		font: normal 11px/14px Arial, Helvetica, sans-serif;
		text-align: left;
		width: 88px;
		position: relative;
	}
	.preset_bg {
		color: #fff;
		padding: 3px 0 0;
		height: 34px;
	}
	.preset_nav, .preset_nav2 {
		padding: 1px 0;	
		text-align: center;
	}
	.preset_nav {
		color: #fff;
		width: 38px;
		margin-right: 0px;
		float: left;
		border: 1px solid #fff;
		position: absolute;
		top: 20px;
	}
	.preset_nav2 {
		border-top: 1px solid #fff;
	}
	.preset_tab1 {
		color: #000;
		margin-left: 3px;
	}
	.preset_tab2 {
		left: 46px;
	}
	.preset_area1 {
		padding-left: 3px;
	}


/* super admin add note */
.admin_note {
	border-top: 1px solid #add982;
	padding: 5px 0;
	position: relative;
	clear: both;
}
.admin_note_auth {
	font-weight: bold;
	float: left;
	width: 130px;
}
.admin_note_date {
	font-weight: normal;
	font-size: 11px;
	font-style: italic;
	color: #6c7f59;
}
.admin_note_msg {
	float: right;
	width: 600px;
}
.admin_note_links {
	font-size: 11px;
	line-height: 8px;
	padding: 8px;
	padding-right: 13px;
	position: absolute;
	left: -110px;
	display: none;
}

/* homepage */
.home_contactadmin {
	background: url(/images/icons/question-small-white.gif) no-repeat;
	padding-left: 30px;
	height: 28px;
	line-height: 26px;
	margin: 0;
}
.colHomeLeft table.recentTable td {
	padding: 4px;
	border-top: 1px solid #ddd;
}
.colHomeLeft table.recentTable th {
	background-color: #f2f2f2;
	padding: 4px 5px 2px;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #999;
}
.recentLinks {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
}
.recentLinks a:link, .recentLinks a:visited {
	color: #00F;
	text-decoration: none;
}
.recentLinks a:hover, .recentLinks a:active {
	background-color: #00F;
	color: #FFF;
	text-decoration: none;
}



/*
 * 		15. ACTION BAR
 * ============================================================
 */

.action-bar {
	border-top: 1px solid #e3e3e3;
	background: #f6f6f6 url(../../images/background.gif) repeat-x bottom;
}

.actions {
	font-size: 12px;
	line-height: 24px;
	background-image: url(/images/actionbar/arrow.gif);
	background-repeat: no-repeat;
	background-position: 15px 15px;
	clear: both;
	padding: 0px 5px;
	height: 36px;
}

.actions div.search {
	float: right;
	border: 0;
	padding-top: 6px;
}

.actions ul {
  	margin: 0;
  	padding: 0 0 0 30px;
}

.actions li {
  	list-style: none;
	float: left;
}

.actions li span {
	display: inline-block;
	height: 20px;
	margin: 7px 5px 0 0;
	border-top: solid 1px #b0b0b0;
	border-bottom: solid 1px #b0b0b0;	
}

.actions li span.action-spacer {
	display: block;
	width: 10px;
	border: none !important;
}

.actions li a:link, .actions li a:visited, .actions li a:active {
  	display: inline-block;
	border-left: solid 1px #b0b0b0;
	border-right: solid 1px #b0b0b0;
	margin: 0 -1px;
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
	background: url(../../images/application.png) -20px 0 no-repeat;
	font-size: 11px;
  	text-decoration: none;
	color: #3d3c3c;
}

.actions li a:hover {
  	text-decoration: none;	
  	color: #ffffff;
	border-left: solid 1px #777777;
	border-right: solid 1px #777777;
	background-color: transparent;
	background: url(../../images/application.png) -20px -20px no-repeat;
}

.actions li span:hover {
	border-top: solid 1px #777777;
	border-bottom: solid 1px #777777;
}

.action-bar .newTable {
	margin-top: 10px;
}





/*
 * 		16. FORMS
 * ============================================================ 
 */
 
 /* layouts */
.form-layout-left {
	text-align: right;
	padding-bottom: 14px;
	padding-right: 20px;
}
.form-layout-left label, .form-layout label {
	font-weight: bold;
}
.form-layout-right {
	text-align: left;
	padding-bottom: 14px;
}
.form-spacer {
	padding-bottom: 18px;
}


/* labels */
label {
	line-height: 18px;
}
label.no-pointer {
	cursor: default;
}
ul.permissions label {
	line-height: 22px;
}


/* spinner */
.spinner {
	background: url("/images/2ndSite/loading2.gif") center center no-repeat;
	height: 32px;
	margin-bottom: -5px;
}
.spinner a { display: none !important; }


/* symbol that appears inside input boxes */
.input-symbol {
	color: #7c7c7c; 
	position: relative; 
	left: -17px; 
	margin-right: -15px;
	/* IE 6 styles */
}
.input-symbol-parent {
	padding-right: 12px;
}
input.input-symbol-parent:focus + .input-symbol {
	color: #724000;
}


/* required */
.required {
	background: url(/images/icons/required.png) right 2px no-repeat;
}
.required-standalone {
	background: url(/images/icons/required.png) 0px 2px no-repeat;
	display: inline-block;
	width: 10px;
	height: 18px;
}


/* forms */
select, input, textarea {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height: normal;
	padding: 3px;
}
select {
	padding: 2px;
}
input[type="text"], input[type="password"], textarea, select {
	border-top: solid 1px #abadb3;
	border-right: solid 1px #dbdfe6;
	border-bottom: solid 1px #e3e9ef;
	border-left: solid 1px #e2e3ea;
}
input[type="text"]:hover, input[type="password"]:hover, textarea:hover, select:hover {
	border-top: solid 1px #5794bf;
	border-right: solid 1px #b7d5ea;
	border-bottom: solid 1px #c7e2f1;
	border-left: solid 1px #c5daed;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	background-color: #fff8d5;
	border: solid 1px #ebb95b;
	outline: solid 1px #fad896;
}
select:hover {
	cursor: pointer;
}
input[type="checkbox"] {
	vertical-align: middle;
	margin: 0 2px 2px 0;
	padding: 0;
	cursor: pointer;
}

input[readonly] {
	cursor: default;
}




/*
 * 		17. Header and Footer
 * ============================================================ 
 */
#footer {
	background-image: url(../../images/footerBackground.gif);
	background-repeat: repeat-x;
	background-position: center top;
	font-size: 11px;
	border-top: 1px solid #ddd;
	margin-top: 40px;
	padding: 20px 0 50px 0;
	text-align: center;
}




/*
 * 		18. Control Box
 * ============================================================ 
 */
 
.control-box {
	margin: 18px 0 21px 0;
	padding: 16px 20px 8px 20px;
	background-color: #dceeff;
	border: solid 1px #a9c7e4;
	overflow: auto;
} 
.control-box .divider {
	height: 1px;
	border-top: solid 1px #bbcbd9;
	background-color: #fcfdff;
	margin: 16px 0 8px 0;
	overflow: hidden; /* IE6 fix */
} 
.control-box .controls {
	color: #1b2126;
} 
.control-box .basement {
	font-size: 11px;
	color: #4e6071;
} 
.control-box .basement .left {
	float: left;
}
.control-box .basement .right {
	float: right;
}
.control-box .basement span {
	padding: 0 0 0 10px;
}
.control-box .basement input {
	margin-top: -3px;
} 


/* overrides */

.control-box.creditcard {
	padding-top: 12px;
	padding-bottom: 16px;
	background-color: #f1f1f1;
	border: solid 1px #d4d4d4;
}

 
 

/*
 * 		DEPRECATED. DO NOT USE.
 * ============================================================ 
 */

.w20  { width: 20px;  min-height: 1px; float: left; overflow: hidden; }
.w40  { width: 40px;  min-height: 1px; float: left; overflow: hidden; }
.w55  { width: 55px;  min-height: 1px; float: left; overflow: hidden; }
.w80  { width: 80px;  min-height: 1px; float: left; overflow: hidden; }
.w110 { width: 110px; min-height: 1px; float: left; overflow: hidden; }
.w115 { width: 115px; min-height: 1px; float: left; overflow: hidden; }
.w125 { width: 125px; min-height: 1px; float: left; overflow: hidden; }
.w145 { width: 145px; min-height: 1px; float: left; overflow: hidden; }
.w150 { width: 150px; min-height: 1px; float: left; overflow: hidden; }
.w165 { width: 165px; min-height: 1px; float: left; overflow: hidden; }
.w175 { width: 175px; min-height: 1px; float: left; overflow: hidden; }
.w185 { width: 185px; min-height: 1px; float: left; overflow: hidden; }
.w190 { width: 190px; min-height: 1px; float: left; overflow: hidden; }
.w195 { width: 195px; min-height: 1px; float: left; overflow: hidden; }
.w200 { width: 200px; min-height: 1px; float: left; overflow: hidden; }
.w220 { width: 220px; min-height: 1px; float: left; overflow: hidden; }
.w230 { width: 230px; min-height: 1px; float: left; overflow: hidden; }
.w240 { width: 240px; min-height: 1px; float: left; overflow: hidden; }
.w330 { width: 330px; min-height: 1px; float: left; overflow: hidden; }
.w360 { width: 360px; min-height: 1px; float: left; overflow: hidden; }
.w500 { width: 500px; min-height: 1px; float: left; overflow: hidden; }
.w520 { width: 520px; min-height: 1px; float: left; overflow: hidden; }
.w555 { width: 555px; min-height: 1px; float: left; overflow: hidden; }
.w560 { width: 560px; min-height: 1px; float: left; overflow: hidden; }


.h10  {	height: 10px; }
.h15  {	height: 15px; }
.h25  {	height: 25px; }
.h40  {	height: 40px; }
.h150 { height: 150px; }
.h180 { height: 180px; }
.h250 { height: 250px; }

.nopadding { padding: 0; }
.nomargin  { margin: 0;  } 

.pad_3  { padding: 3px;  }
.pad_5 { padding: 5px; }
.pad_10 { padding: 10px; }
.pad_15 { padding: 15px; }
.pad_20 { padding: 20px; }

.pad_t3  { padding-top: 3px;  }
.pad_t5  { padding-top: 5px;  }
.pad_t8  { padding-top: 8px;  }
.pad_t10  { padding-top: 10px;  }
.pad_t15  { padding-top: 15px;  }
.pad_t30  { padding-top: 30px;  }
.pad_b10  { padding-bottom: 10px;  }
.pad_b12  { padding-bottom: 12px;  }
.pad_b8  { padding-bottom: 8px;  }
.pad_l25  { padding-left: 25px; }
.pad_l85  { padding-left: 85px; }
.pad_l90  { padding-left: 90px; }
.pad_l140  { padding-left: 140px; }
.pad_lr10  { padding-left: 10px; padding-right: 10px;  }
.pad_lr20  { padding-left: 20px; padding-right: 20px;  }
.pad_tb3  { padding-top: 3px; padding-bottom: 3px;  }
.pad_tb5  { padding-top: 5px; padding-bottom: 5px;  }
.pad_tb6  { padding-top: 6px; padding-bottom: 6px;  }
.pad_tb10  { padding-top: 10px; padding-bottom: 10px;  }
.pad_tb15  { padding-top: 15px; padding-bottom: 15px;  }

.mar_10   { margin: 10px; }
.mar_t1 { margin-top: 1px; }
.mar_t2 { margin-top: 2px; }
.mar_t3 { margin-top: 3px; }
.mar_t5 { margin-top: 5px; }
.mar_t8 { margin-top: 8px; }
.mar_t10 { margin-top: 10px; }
.mar_t15 { margin-top: 15px; }
.mar_t20 { margin-top: 20px; }
.mar_l10 { margin-left: 10px; }
.mar_r5 { margin-right: 5px; }
.mar_r10 { margin-right: 10px; }
.mar_r20 { margin-right: 20px; }
.mar_r25 { margin-right: 25px; }
.mar_r30 { margin-right: 30px; }
.mar_r40 { margin-right: 40px; }
.mar_b3 { margin-bottom: 3px; }
.mar_b5 { margin-bottom: 5px; }
.mar_b10 { margin-bottom: 10px; }
.mar_b20 { margin-bottom: 20px; }
.mar_bn3  { margin-bottom: -3px; }
.mar_l20 { margin-left: 20px; }