/* Open Leads 3.1 Layout */
/* Copyright (c) 2007-2008 The Open Companies, Inc. All rights reserved. */




/*
___________________________________________________________________________________________________

					GLOBAL
___________________________________________________________________________________________________

*/



body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input,  th, td, p
	{
	margin: 0;
	padding: 0;
		}
		
body
	{
	background: #c6c9ce;
	color: #222;
	font: 69%/136% Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif;
	text-align: center;
		}
		
table
	{
	font-size: 100%;
		}

p
	{
	font-size: 1em;
		}


a.link, a.link:visited {
    color: #00c !important;
		}

a.link:hover {
    background: #00c !important;
    color: #fff !important;
    text-decoration: none;
		}

a.ilink, a.ilink:visited {
    color: #c00 !important;
		}

a.ilink:hover {
    background: #c00 !important;
    color: #fff !important;
    text-decoration: none;
		}


/*
___________________________________________________________________________________________________

					TYPOGRAPHY
___________________________________________________________________________________________________

*/



h1
	{
	font: bold 2.5em Georgia, serif;
	color: #703e1e;
		}

h2
	{
	font: bold 1.65em Georgia, serif;
	line-height: 1.2em;
		}

h3
	{
	font: bold 1.5em Georgia, serif;
		}

h4
	{
	font: bold 1.25em Georgia, serif;
	font-style: italic;
		}

h5
	{
	font: bold 1em Georgia, serif;
		}

h6
	{
	font-size: .9em;
		}

strong
	{
	font-weight: bold;
		}

em
	{
	font-style: italic;
		}

pre,code
	{
	font: normal 1.2em courier,monospace;
		}




/*
___________________________________________________________________________________________________

					NAVIGATION
___________________________________________________________________________________________________

*/

/*
#wrapper {
    margin: 0 auto;
    width: 960px;
}
*/

#nav
	{
	width: 960px;
	height: 30px;
	position: absolute;
	left: 0;
	top: 66px;
	text-align: right;
		}

#nav span
	{
	display: none;
		}

#nav ul
	{
	height: 30px;
	width: 960px;
	position: relative;
		}

#nav li
	{
	margin: 0 0 0 1px;
	padding: 0;
	list-style: none;
	float: right;
	top: 0;
		}

#nav li, #nav a
	{
	height: 30px;
	display: block;
		}

#nav #dashboardTab
	{
	width: 100px;
	background: url(/i/tabs32/dashboard.gif) no-repeat;
		}

#nav #dashboardTab.selected
	{
	width: 100px;
	background: url(/i/tabs32/dashboard.gif) 0px -60px no-repeat;
		}

#nav #dashboardTab a:hover
	{
	background: url(/i/tabs32/dashboard.gif) 0px -30px no-repeat;
		}

#nav #dashboardTab.selected a:hover
	{
	background: url(/i/tabs32/dashboard.gif) 0px -60px no-repeat;
		}

#nav #leadsTab
	{
	width: 67px;
	background: url(/i/tabs32/leads.gif) no-repeat;
		}

#nav #leadsTab.selected
	{
	width: 67px;
	background: url(/i/tabs32/leads.gif) 0px -60px no-repeat;
		}

#nav #leadsTab a:hover
	{
	background: url(/i/tabs32/leads.gif) 0px -30px no-repeat;
		}

#nav #leadsTab.selected a:hover
	{
	background: url(/i/tabs32/leads.gif) 0px -60px no-repeat;
		}

#nav #tasksTab
	{
	width: 64px;
	background: url(/i/tabs32/tasks.gif) no-repeat;
		}

#nav #tasksTab.selected
	{
	width: 64px;
	background: url(/i/tabs32/tasks.gif) 0px -60px no-repeat;
		}

#nav #tasksTab a:hover
	{
	background: url(/i/tabs32/tasks.gif) 0px -30px no-repeat;
		}

#nav #tasksTab.selected a:hover
	{
	background: url(/i/tabs32/tasks.gif) 0px -60px no-repeat;
		}

#nav #reportsTab
	{
	width: 78px;
	background: url(/i/tabs32/reports.gif) no-repeat;
		}

#nav #reportsTab.selected
	{
	width: 78px;
	background: url(/i/tabs32/reports.gif) 0px -60px no-repeat;
		}

#nav #reportsTab a:hover
	{
	background: url(/i/tabs32/reports.gif) 0px -30px no-repeat;
		}

#nav #reportsTab.selected a:hover
	{
	background: url(/i/tabs32/reports.gif) 0px -60px no-repeat;
		}

#nav #pathwayTab
	{
	width: 85px;
	background: url(/i/tabs32/pathway.gif) no-repeat;
		}

#nav #pathwayTab.selected
	{
	width: 85px;
	background: url(/i/tabs32/pathway.gif) 0px -60px no-repeat;
		}

#nav #pathwayTab a:hover
	{
	background: url(/i/tabs32/pathway.gif) 0px -30px no-repeat;
		}

#nav #pathwayTab.selected a:hover
	{
	background: url(/i/tabs32/pathway.gif) 0px -60px no-repeat;
		}

#nav #modulesTab
	{
	width: 85px;
	background: url(/i/tabs32/modules.gif) no-repeat;
		}

#nav #modulesTab.selected
	{
	width: 85px;
	background: url(/i/tabs32/modules.gif) 0px -60px no-repeat;
		}

#nav #modulesTab a:hover
	{
	background: url(/i/tabs32/modules.gif) 0px -30px no-repeat;
		}

#nav #modulesTab.selected a:hover
	{
	background: url(/i/tabs32/modules.gif) 0px -60px no-repeat;
		}

#nav #settingsTab
	{
	width: 81px;
	background: url(/i/tabs32/settings.gif) no-repeat;
		}

#nav #settingsTab.selected
	{
	width: 81px;
	background: url(/i/tabs32/settings.gif) 0px -60px no-repeat;
		}

#nav #settingsTab a:hover
	{
	background: url(/i/tabs32/settings.gif) 0px -30px no-repeat;
		}

#nav #settingsTab.selected a:hover
	{
	background: url(/i/tabs32/settings.gif) 0px -60px no-repeat;
		}

#nav #setupTab
	{
	width: 67px;
	background: url(/i/tabs32/setup.gif) no-repeat;
		}

#nav #setupTab.selected
	{
	width: 67px;
	background: url(/i/tabs32/setup.gif) 0px -60px no-repeat;
		}

#nav #setupTab a:hover
	{
	background: url(/i/tabs32/setup.gif) 0px -30px no-repeat;
		}

#nav #setupTab.selected a:hover
	{
	background: url(/i/tabs32/setup.gif) 0px -60px no-repeat;
		}










/*
___________________________________________________________________________________________________

					LAYOUT
___________________________________________________________________________________________________

*/





/* ------------ HEADER ------------------------------------------ */




#header
	{
	width: 960px;
	height: 96px;
	margin: 12px auto 0 auto;
	text-align: left;
	background: url(/i/header.gif) no-repeat;
	position: relative;
		}
		
#header #account
	{
	position: absolute;
	left: 20px;
	top: 0;
	width: 900px;
	height: 66px;
		}
		
#header #account h1
	{
	padding: 0;
	margin: 0;
	font: bold 1.6em Georgia, serif;
	color: #fff;
	line-height: 60px;
		}

#header #account h1 span
	{
	font: normal .5em Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif;
	color: #fff;
		}

#header #account h1 span a
	{
	color: #fff;
	font-weight: bold;
		}
		
#header #signin
	{
	position: absolute;
	left: 20px;
	top: 66px;
	width: 450px;
	height: 30px;
	color: #fff;
	font: bold 1em Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif;
		}

#header #signin a
	{
	color: #fff;
		}

.notice-js {
    background: #ffae00;
    font-weight: bold;
    color: #000;
    line-height: 20px;
}

.notice-account {
    background: #ffae00;
    font-weight: bold;
    color: #000;
    line-height: 20px;
	padding-left: 5px;
}


/* ------------ INFO ------------------------------------------ */



#infoTop
	{
	width: 960px;
	height: 10px;
	margin: 12px auto 0 auto;
	background: url(/i/infotop.gif) no-repeat;
	line-height: 0;
		}

#info
	{
	width: 960px;
	margin: 0 auto;
	padding: 0;
	background: url(/i/info.gif) repeat-y;
		}
		
#info #infoLeft
	{
	width: 549px;
	float: left;
	text-align: left;
	border-right: 1px solid #999;
		}
		
#info #infoRight
	{
	width: 370px;
	float: left;
	text-align: left;
		}
		
#info #toggle
	{
	width: 40px;
	float: left;
	text-align: left;
		}
		
#info #infoLeft p.title_p, #infoRight p.title_p
	{
	margin: 0 20px;
		}

#info #infoLeft div.content_p, #infoRight div.content_p
	{
	margin: 0 20px;
		}

#infoBottom
	{
	width: 960px;
	height: 10px;
	margin: 0 auto;
	background: url(/i/infobottom.gif) no-repeat;
	line-height: 0;
		}





/* ------------ MAIN ------------------------------------------ */



#subNav
	{
	width: 960px;
	height: 30px;
	margin: 12px auto 0 auto;
	background: #c6c9ce;
	text-align: left;
		}

#subNav #title
	{
	height: 30px;
	color: #fff;
	letter-spacing: 0.1em;
	/* background: #2582c5; */
	background: #2582c5;
	float: left;
		}

#subNav #title h2
	{
	margin-top: 4px;
	margin-bottom: 0;
	font-size: 16px;
		}

#subNavCornerR
	{
	height: 30px;
	width: 20px;
	float: left;
	background: url(/i/tab_right.gif);
		}

#subNavCornerL
	{
	height: 30px;
	width: 16px;
	float: left;
	background: url(/i/tab_left.gif);
		}
		
#pageNav
	{
	width: 960px;
	margin: 0 auto;
	background: #2582c5 url(/i/tab_right.gif) top right no-repeat;
	color: #fff;
	text-align: left;
		}
		
#pageNav p
	{
	font-weight: bold;
	margin: 0 0 0 20px;
	line-height: 3em;
		}
		
#pageNav a
	{
	color: #fff;
		}
		
#mainTab h2
	{
	margin-left: 20px;
	margin-bottom: 8px;
	color: #fff;
	letter-spacing: 0.1em;
	background: #2582c5;
		}

#main
	{
	width: 960px;
	margin: 0 auto;
	
	background: #fff;
	text-align: left;
	padding-top: 6px;
	padding-bottom: 12px;
	
	/*position: relative;*/
		}
		
#main .h2span
	{
	font: normal .8em  Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif;
		}


#main a.caltitle:hover, #main a.caltitle:visited, #main a.caltitle:link 
	{
	background: transparent;
	color: #5288ac;
	text-decoration: none;
		}

#main a:link, #main a:visited 
	{
	color: #00c;
		}

#main a:hover 
	{
	background: #00c;
	color: #fff;
	text-decoration: none;
		}

#main a.nohover:hover 
	{
	background: transparent;
	color: #00c;
		}

#main a.chartmode:link, a.chartmode:visited 
	{
	background: #000 !important;
	color: #fff !important;
		}

#main .leadList td a:link, #main .leadList td a:visited, #main .leadList td a:hover 
	{
	background: transparent;
	color: #000;
		}

#main .readonly a:hover, #main #sort-fields a:hover, #main #sort-types a:hover
	{
	background: #ddd;
		}

#main .ajaxBox a:hover 
	{
	/*background: #777;*/
	background: #ffe3d5;
			}

/* ------------ CONTENT ------------------------------------------ */



#content
	{
	width: 920px;
	margin: 8px auto 0 auto;
		}
		
#content h2
	{
	font: bold 1.3em Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif;
	color: #069;
	margin: 12px 0;
		}
		
#content form.search
	{
	margin: 10px 10px 10px 0;
		}

#content form.space
	{
	margin: 0 0 10px 0;
		}

#content th, #content td
	{
	padding: 2px 5px 2px 5px;
		}

#content td
	{
	border-bottom: 1px solid #bbb;
		}

#content td.colfilter
	{
	background: #bbb;
		}

#content th
	{
	text-align: left;
	background: #666;
	color: #fff;
	border-bottom: 1px solid #333;
	border-top: 1px solid #aaa;
	white-space: nowrap;
	padding-top: 5px;
	padding-bottom: 3px;
		}

#content th.custom
	{
	background-color: #333;
	border-bottom: 1px solid #000;
	border-top: 1px solid #999;
	border-left: 1px solid #666;
	border-right: 1px solid #000;
		}

#content th img
	{
	vertical-align: middle;
		}

#content th.sort
	{
	background: #2582c5;
	border-left: 1px solid #6ac;
	border-top: 1px solid #6ac;
		}

#content th.move
	{
	text-align: right;
		}

#content th a:link, #content th a:visited
	{
	color: #fff;
		}

#content th a:hover
	{
	background: #fff;
	color: #333;
	text-decoration: none;
		}

#content th a.nohover:hover
	{
	background: transparent;
		}

#content td.check, #content th.check
	{
	padding: 2px;
	text-align: center;
		}

#content td.nowrap, #content th.nowrap
	{
	white-space: nowrap;
		}

#content table.normal
	{
	margin: 0 0 6px 0;
		}

#content td.normal
	{
	border: 0;
	padding: 0;
		}

#content table.filter
	{
	margin: 0;
	background: #eee;
	border: 1px solid #bbb;
		}

#content td.filter
	{
	border: 0;
	padding: 5px;
		}

#content table.thV th, #content table.thV td
	{
	text-align: left;
	background: transparent;
	color: #333;
	border-bottom: none;
	border-top: none;
	padding: 5px 10px 3px 5px;
		}


/* ------------ 2-COLUMN LAYOUT ------------------------------------------ */



#columnLeft
	{
	width: 450px;
	float: left;
	margin-right: 15px;
		}
		
#columnLeft .topIndent
	{
	margin-top: 12px;
		}

#columnRight
	{
	width: 450px;
	float: left;
		}

/* #columnRight h2
	{
	margin-bottom: 6px;
		} */










/*
___________________________________________________________________________________________________

					FOOTER
___________________________________________________________________________________________________

*/



#footer
	{
	background: #424242;
	width: 960px;
	margin: 0 auto;
	padding-top: 12px;
		}

#footer .text
	{
	color: #fff;
	line-height: 2em;
		}

#footer .text a
	{
	color: #fff;
		}
		
#footerBottom
	{
	background: url(/i/footerbottom.gif) no-repeat;
	width: 960px;
	height: 12px;
	margin: 0 auto 20px auto;
		}











/*
___________________________________________________________________________________________________

					BOXES
___________________________________________________________________________________________________

*/




.box
	{
	border: 3px solid #2582c5;
	margin-bottom: 15px;
	padding: 4px 10px;
		}

.box td, .box th
	{
	padding: 2px 4px 2px 4px;
		}

.box th
	{
	width: 20%;
	font-weight: bold;
	text-align: left;
		}

.box div.topspace
	{
	margin-top: 5px;
		}
		
.box p
	{
	margin: 0;
		}

.box-header
	{
	border-top: 3px solid #2582c5;
	border-left: 3px solid #2582c5;
	border-right: 3px solid #2582c5;
	background: #b9c7d0;
	padding: 4px 10px;
		}

.box-header .topspace
	{
	margin-top: 5px;
		}

.readonly
	{
	padding: 10px;
	background: #eee;
		}

.readonly h2
	{
	margin-top: 0 !important;
		}

.readonly-wait
	{
	background: #eee url(/i/loader.gif) no-repeat 99% 5px !important;
		}

.history
	{
	border-bottom: 3px solid #2582c5;
	border-left: 3px solid #2582c5;
	border-right: 3px solid #2582c5;
	background: #eee;
	overflow: hidden;
	padding: 4px 10px;
		}

.history div.heading
	{
	padding: 5px;
		}

.history div.line
	{
	border-bottom: 1px solid #ccc;
		}

.history div.icon
	{
	float: left;
	padding: 5px;
		}

.history div.item
	{
	margin-left: 25px;
	padding: 5px;
		}

.history div.item strong
	{
	color: #666;
		}











/*
___________________________________________________________________________________________________

					LIST
___________________________________________________________________________________________________

*/



.list
	{
	background: #fff;
	text-align: left;
	padding: 10px 0;
		}

.list table
	{
	border: 1px solid #000;
		}

.list table.space
	{
	margin: 10px;
		}

.list form.space
	{
	margin: 0 0 10px 0;
		}

.list th, .list td
	{
	padding: 2px 5px 2px 5px;
		}

.list td
	{
	border-bottom: 1px solid #bbb;
		}

.list td.colfilter
	{
	background: #bbb;
		}

.list th
	{
	text-align: left;
	background: #8f939e;
	color: #fff;
	border-bottom: 1px solid #333;
	white-space: nowrap;
		}

.list th img
	{
	vertical-align: middle;
		}

.list th.sort
	{
	background: #4e585d;
		}

.list th.move
	{
	text-align: right;
		}

.list th a:link, .list th a:visited
	{
	color: #fff !important;
		}

.list th a:hover
	{
	background: #fff;
	color: #333;
	text-decoration: none;
		}

.list th a.nohover:hover
	{
	background: transparent;
		}

.list td.check, .list th.check
	{
	padding: 2px;
	text-align: center;
		}

.list td.nowrap, .list th.nowrap
	{
	white-space: nowrap;
		}

.list table.normal
	{
	margin: 0;
		}

.list td.normal
	{
	border: 0;
	padding: 0;
		}

.list table.filter
	{
	margin: 0;
	background: #eee;
	border: 1px solid #bbb;
		}

.list td.filter
	{
	border: 0;
	padding: 5px;
		}







/*
___________________________________________________________________________________________________

					EDIT
___________________________________________________________________________________________________

*/


#edit
	{
	background: #fff;
	text-align: left;
		}

#edit h2
	{
	margin: 0;
	padding: 0 0 5px 0;
	color: #069;
		}

#edit h3
	{
	margin: 0;
	padding: 0 0 5px 0;
	color: #222;
		}

#edit p
	{
	margin: 0 0 5px 0;
	color: #666;
		}

#edit table
	{
	margin: 0 0 10px 0;
		}

#edit th, #edit td
	{
	padding: 5px;
		}

#edit th
	{
	width: 20%;
	text-align: left;
	font-weight: normal;
		}

#edit th, #edit td
	{
	border-bottom: 2px solid #fff;
	/*background: #dee2e6; !important;*/
	color: #333;
		}

#edit div.scroll
	{
	border: 1px solid #333;
	background: #fff;
	height: 100px;
	width: 340px;
	overflow: auto;
	padding: 4px;
		}

#edit .scroll table
	{
	margin: 0;
		}

#edit .scroll td
	{
	border: 0;
	padding: 0;
		}

#edit .colorpicker table
	{
	margin: 0;
		}

#edit .colorpicker td
	{
	border: 0;
	padding: 0;
	cursor: pointer;
		}

#edit a:link, #edit a:visited
	{
	color: #00c;
		}

#edit a:hover
	{
	background: #00c;
	color: #fff;
	text-decoration: none;
		}

#edit a.nohover:hover
	{
	background: transparent;
		}









/*
___________________________________________________________________________________________________

					TABLES
___________________________________________________________________________________________________

*/


/*
.leadList
	{
	border-right: 1px solid #aaa;
	border-left: 1px solid #aaa;
	margin-bottom: 6px;
		}

.leadList th
	{
	border-left: 1px solid #aaa;
	border-right: 1px solid #444;
		}

.leadList th a
	{
	text-decoration: none;
		}
*/

.leadList
	{
	margin-bottom: 6px;
	border-right: 1px solid #aaa;
		}

.leadList th
	{
	border-left: 1px solid #aaa;
	border-right: 1px solid #444;
		}

.leadList tr td:first-child
	{
	border-left: 1px solid #aaa;
		}

.leadList tr td.plain
	{
	border-left: none !important;
		}
		
.rowOff
	{
	background-color: #fff;
		}

.rowOn
	{
	background-color: #e6e9ec;
		}

.rowOnUnread
	{
	background-color: #cce6ff;
		}

.rowMoveFrom
	{
	background-color: #fcc;
		}

.rowHighlight
	{
	background-color: #ffc;
		}

.row-normal
	{
	background: #dee2e6;
		}

.row-error
	{
	background: #fd0;
		}

.colclick
	{
	display: block;
	text-decoration: none;
	color: #222;
	width: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
		}

.active
	{
	background: #ffead5;
		}
		
.fields td, .fields th
	{
	padding: 5px;
		}

.fields th
	{
	width: 20%;
	color: #666;
	font-weight: bold;
	text-align: left;
		}

.field
	{
	/* width: 100%; */
	border-bottom: 1px solid #aaa;
	padding: 6px 0;
	overflow: hidden;
		}

.field h2
	{
	margin: 0;
	line-height: 1em;
		}

.field p
	{
	margin: 1em auto;
		}


.field label
	{
	font-weight: bold;
	float: left;
	width: 130px;
	overflow: hidden;
		}

.field .value
	{
	margin: 0 0 0 150px;
		}

.field .value div
	{
	margin-top: 5px;
		}

.field .value input
	{
	margin-bottom: 8px;
		}


/* field length styles to fix IE overflow bugs */
		
#main #content #columnLeft .field 
	{
	width: 450px;
		}
		
#main #content #columnLeft.col600 .field 
	{
	width: 600px;
		}

#main #content #columnRight .field 
	{
	width: 450px;
		}
		
#main #content #columnRight .box .field 
	{
	width: 425px;
		}

/*
___________________________________________________________________________________________________

					AJAX ELEMENTS
___________________________________________________________________________________________________

*/
		


.ajaxBox
	{
	border: 2px solid #000;
	margin-bottom: 15px;
	background: #ffe3d5;
	color: #333;
	padding: 10px 30px;
		}
		
.ajaxBox h3
	{
	margin-bottom: 10px;
	font: bold 1.5em Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif;
		}
		
.ajaxBox h4
	{
	margin-bottom: 10px;
	font: bold 1.25em Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif;
		}

.ajaxBox label.big
	{
	margin-bottom: 10px;
	font: bold 1.5em Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif;
		}

.ajaxBox td, .ajaxBox th
	{
	padding: 2px 4px 2px 4px;
		}

.ajaxBox th
	{
	width: 20%;
	font-weight: bold;
	text-align: left;
		}

.ajaxBox select, .ajaxHistory select
	{
	margin-bottom: 6px;
		}

.ajaxBox input[type="text"], ajaxHistory input[type="text"]
	{
	margin: 3px 0 6px 0;
	border: 1px solid #333;
		}

.ajaxBox input[type="button"], .ajaxHistory input[type="button"]
	{
	margin: 6px 3px;
		}

.ajaxBox input[type="submit"], .ajaxHistory input[type="submit"]
	{
	margin: 6px 3px;
		}

.ajaxBox input[type="submit"], .ajaxHistory input[type="file"]
	{
	margin: 6px 3px;
		}

.ajaxBox textarea, .ajaxHistory textarea
	{
	margin: 6px 3px;
		}

.ajaxBox div.topspace
	{
	margin-top: 5px;
		}
			
.ajaxBox a
	{
	/*color: #fff !important;*/
	color: #00c !important;
		}

.ajaxBox a:hover 
	{
    background: #00c;
    text-decoration: none;
		}

/* css style to fix IE-6 z-index bug for dropdowns */
/* Solution found at http://20.targetprocess.com/2006/07/ie6-select-and-z-index-problem.html */
.ajaxBox iframe
	{
	display:none;
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
		}


.ajaxHistory
	{
	border-left: 3px solid #2582c5;
	border-right: 3px solid #2582c5;
	background: #eee;
	overflow: hidden;
	padding: 4px 10px;
		}










/*
___________________________________________________________________________________________________

					FORMS
___________________________________________________________________________________________________

*/
		



.btn
	{
	background-color: #4e5764;
	background-image: url(/i/button_gradient2.jpg);
	cursor: pointer;
	color: #fff;
	border-bottom: double #000;
	border-right: double #000;
	border-left: double #9fb5cf;
	border-top: double #9fb5cf;
	padding: 2px 2px 2px 3px;
		}

.btnAction
	{
	background-color: #ff8100;
	background-image: url(/i/button_gradient1.jpg);
	cursor: pointer;
	color: #fff;
	border-bottom: double #633313;
	border-right: double #633313;
	border-left: double #fe9d5d;
	border-top: double #fe9d5d;
	padding: 2px 2px 2px 3px;
		}

.btnCancel
	{
	background-color: #ddd;
	background-image: url(/i/button_gradient3.jpg);
	cursor: pointer;
	color: #3d4653;
	border-bottom: double #3d4653;
	border-right: double #3d4653;
	border-left: double #fff;
	border-top: double #fff;
	padding: 2px 2px 2px 3px;
		}

input[type="text"]
	{
	border-top: 2px inset #ddd;
	border-left: 2px inset #fff;
	border-right: 2px inset #aaa;
	border-bottom: 1px solid #aaa;
	padding: 2px;
		}

input[type="password"]
	{
	border-top: 2px inset #ddd;
	border-left: 2px inset #fff;
	border-right: 2px inset #aaa;
	border-bottom: 1px solid #aaa;
	padding: 2px;
		}

textarea
	{
	border-top: 2px inset #ddd;
	border-left: 2px inset #fff;
	border-right: 2px inset #aaa;
	border-bottom: 1px solid #aaa;
	padding: 2px;
		}










/*
___________________________________________________________________________________________________

					CALENDAR
___________________________________________________________________________________________________

*/
		



.day
	{
	width: 42px;
	float: left;
	text-align: center;
	margin: 0 2px 5px 0;
	background-color: #fff;
	border: 1px solid #fff;
	font: bold 1em Lucida Grande, sans-serif;
	line-height: 1em;
	color: #999;
		}

.day p
	{
	margin: 0;
		}

.calendar
	{
	width: 42px;
	height: 50px;
	float: left;
	text-align: left;
	margin: 0 2px 2px 0;
	border: solid 1px #bbb;
	background-color: #fff;
	position: relative;
	color: #aaa;
		}

.grey
	{
	background-color: #ddd;
		}
		
.today
	{
	background-color: #cce6ff;
		}
		
.selectedDate
	{
	border: solid 1px #f00;
		}
		
.calendar p.date
	{
	margin: 2px 0 0 2px;
		}

.actions
	{
	width: 22px;
	height: 	18px;
	position: absolute;
	top: 26px;
	left: 11px;
	background: #000;
	text-align: center;
	color: #fff;
	font: bold 10px Lucida Grande, sans-serif;
	line-height: 16px;
		}










/*
___________________________________________________________________________________________________

					SETUP
___________________________________________________________________________________________________

*/




#setupTop
	{
	width: 960px;
	height: 7px;
	margin: 12px auto 0 auto;
	background: #c6c9ce url(/i/setuptop.gif) no-repeat;
	line-height: 0;
		}
		
#setup
	{
	width: 960px;
	margin: 0 auto;
	background: url(/i/tile_setup.gif) repeat-y;
	border-bottom: 6px solid #fff;
		}
		
#setupContent
	{
	width: 948px;
	margin: 0 auto;
		}

#welcome
	{
	float: left;
	width: 220px;
	height: 96px;
	background: #424242 url(/i/welcome.gif) no-repeat;
	text-align: left;
	margin-right: 20px;
		}
		
#welcome p
	{
	font: bold 1.2em Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif;
	line-height: 1.8em;
	margin: 110px 20px 0 20px;
	color: #fff;
		}
		
#setupMenu
	{
	float: left;
	width: 210px;
	text-align: left;
	padding-top: 12px;
	margin: 20px 20px 0 0;
		}
		
#setupMenu p
	{
	font: bold 1.2em Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif;
	line-height: 1.4em;
	color: #424242;
	margin: 0 0 0 16px;
		}
		
#setupMenu #menuTop
	{
	width: 210px;
	height: 8px;
	background: url(/i/menutop.gif) no-repeat;
	margin: 12px 0 0 0;
	line-height: 0;
		}
		
#setupMenu #menuBottom
	{
	width: 210px;
	height: 8px;
	background: url(/i/menubottom.gif) no-repeat;
	margin: 0 0 18px 0;
		}
		
#setupMenu #menu
	{
	width: 210px;
	background: #fff;
	margin: 0;
	line-height: 0;
		}
		
#setupMenu #menu p
	{
	font: bold 1.2em Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif;
	margin: 1em 0 1em 20px;
		}
		
#setupMenu #menu a
	{
	text-decoration: none;
		}
		
#setupMenu #menu a:hover
	{
	color: #c00;
		}


#category
	{
	width: 460px;
	background: url(/i/tile_category.gif) repeat-y;
	margin: 30px 0 20px 0;
	text-align: left;
	float: left;
		}
		
#category #categoryTop
	{
	width: 460px;
	height: 10px;
	background: url(/i/categorytop.gif) no-repeat;
	margin: 0;
	line-height: 0;
		}
		
#category #categoryBottom
	{
	width: 460px;
	height: 10px;
	background: url(/i/categorybottom.gif) no-repeat;
	margin: 0;
	line-height: 0;
		}

#categoryContent
	{
	width: 430px;
	height: 400px;
	overflow: auto;
	margin: 20px;
		}

#categoryContent h1
	{
	font: bold 2em Georgia, serif;
	margin: 0;
	color: #37b;
		}

#categoryContent h4
	{
	font: bold 1.4em Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif;
	margin: 1.4em 0 .5em 0;
	color: #25a;
		}
		
#categoryContent p
	{
	margin: 1.6em 0;
		}
		
#categoryContent ul
	{
	margin: 0 20px;
	padding: 0;
		}







/*
___________________________________________________________________________________________________

					MISCELLANEOUS
___________________________________________________________________________________________________

*/


.clear
	{
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 1px;
		}

.floatLeft
	{
	float: left;
	margin: 0 12px 0 0;
		}

.required
	{
	color: #e97e00;
	font-weight: bold;
		}


.asterisk
	{
	color: #f00;
	font: bold 2em Georgia;
	line-height: .5em;
	vertical-align: -5px;
		}

.note
	{
	font-style: italic;
	color: #369;
	margin-bottom: 0;
	margin-top: 4px;
		}
		
.highlight
	{
	background-color: #ff6;
	font-weight: bold;
		}

.bigMistake
	{
	background: #ffdd00;
	padding: 4px 10px;
	margin: 5px 0 10px 0;
	font-weight: bold;
	color: #000;
	border: 1px solid #000;
		}


/* Added from old css */
.edit-hover {
    cursor: pointer;
    background: #ffead5 url(/i/icons32/pencil.gif) no-repeat 99% 5px !important;
}
.edit-wait {
    /*background: #ffead5 url(/i/loader.gif) no-repeat 99% 5px !important;*/
 	/*background: #888888 url(/i/loader.gif) no-repeat 99% 5px !important;*/
	background: #ffe3d5 url(/i/loader.gif) no-repeat 99% 5px !important;
}
.edit-error {
    color: #c00;
    font-weight: bold;
}
.edit-done {
    background: #ffc;
}

.error {
    background: #fd0;
    padding: 4px;
    margin: 5px 0 10px 0;
}

#edit {
    background: #fff;
    text-align: left;
    padding: 20px;
}
#edit h2 {
	font: bold 1.3em Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif;
    margin: 0;
    padding: 0 0 5px 0;
    color: #222;
}
#edit h3 {
	font: bold 1.3em Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif;
    margin: 0;
    padding: 0 0 5px 0;
    color: #222;
}
#edit p {
    margin: 0 0 5px 0;
    color: #666;
}
#edit table {
    margin: 0 0 10px 0;
}
#edit th, #edit td {
    padding: 5px;
}
#edit th {
    width: 20%;
    text-align: left;
    font-weight: normal;
}
#edit th, #edit td {
    border-bottom: 2px solid #fff;
}
#edit div.scroll {
    border: 1px solid #333;
    background: #fff;
    height: 100px;
    width: 340px;
    overflow: auto;
    padding: 4px;
}
#edit .scroll table {
    margin: 0;
}
#edit .scroll td {
    border: 0;
    padding: 0;
}
#edit .colorpicker table {
    margin: 0;
}
#edit .colorpicker td {
    border: 0;
    padding: 0;
    cursor: pointer;
}
#edit a:link, #edit a:visited {
    color: #00c;
}
#edit a:hover {
    background: #00c;
    color: #fff;
    text-decoration: none;
}
#edit a.nohover:hover {
    background: transparent;
}


.calday-hover {
    cursor: pointer;
    background: #ffead5 !important;
}

#pageNav a:hover {
    background: #44403e;
    color: #fff;
    text-decoration: none;
}

.dashcol {
    float: left;
    width: 450px;
    min-height: 400px;
    height: auto !important;
    height: 400px;
    list-style: none;
}
.dashbox {
    margin-bottom: 20px;
}
.dashbox-head {
    background: #2582c5;
    padding: 5px;
    color: #fff !important;
}
.dashbox-content {
    width: 450px;
    overflow: hidden;
}
.dashbox-placeholder {
    border: 1px dashed #999;
    margin-bottom: 20px;
}



.monthname {
    font: bold 1.2em Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif;
	color: #069;
}

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


table.jCalendar {
/*  border: 1px solid #000;*/
/*  background: #aaa;*/
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
    text-align: center !important;
	background: #fff !important;
    border: 0 !important;
	color: #999 !important;
	font-weight: bold;
	padding: 1px 5px !important;
}

table.jCalendar td {
    border: solid 1px #bbb;
	color: #aaa;
	padding: 3px 5px;
	text-align: center;
	-moz-user-select: none;
}
table.jCalendar td.other-month {
	background: #eee;
	color: #aaa;
}
table.jCalendar td.today {
	background: #cce6ff;
}
table.jCalendar td.tasks {
	color: #000;
}
table.jCalendar td.dayselected {
    border: solid 1px #f00 !important;
}
table.jCalendar td.dayselected.dp-hover {
    background: #ffead5 !important;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #fff;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
/*  background: #ccc;*/
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px !important;
	text-align: center;
	margin: 2px 0 !important;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}


.datepicker {
	position: absolute;
	border: 2px solid #999;
	font-size: 11px;
	width: 194px;
	padding: 3px;
	height: 169px;
	background: #fff;
	line-height: normal;
}

/* header
********************************************************/
.datepicker .header {
	position: relative;
	background: #fff;
	height: 21px;
	padding-top: 4px;
	margin-bottom: 0;
}

.datepicker .header .title {
	text-align: center;
	padding-top: 1px;
	margin: 0px 18px 0 18px;
}

.datepicker .header .titleText {
	color: #069;
	font: bold 1.2em Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif;
}
.datepicker .header .next,
.datepicker .header .previous,
.datepicker .header .closeButton {
	position: absolute;
	width: 15px;
	height: 15px;
	background: #fff;
	text-align: center;
	color: #666;
	top: 5px;
	cursor: pointer;
	font-weight: bold;
}
.datepicker .header .previous {
	left: 5px;
}
.datepicker .header .next {
	right: 5px;
}
.datepicker .header .closeButton {
    display: none;
}

/* body
********************************************************/
.datepicker .body {
	position: relative;
	top: 0px;
	left: 0px;
	width: 194px;
	border-right: 2px solid #fff;
	height: 144px;
	overflow: hidden;
}

/* time
********************************************************/
.datepicker .time {
	width: 100%;
	height: 100%;
	background: #eee;
}

.datepicker .time .hour,
.datepicker .time .separator,
.datepicker .time .minutes {
	border: 1px solid #ccc;
	background: #fff;
	width: 50px;
	font-size: 32px;
	position: absolute;
	top: 30px;
	text-align: center;
	padding: 2px;
}

.datepicker .time .hour {
	left: 30px;
}
.datepicker .time .separator {
	background: transparent;
	border: 0px;
	width: 10px;
	left: 91px;
}

.datepicker .time .minutes {
	left: 110px;
}
.datepicker .time .ok {
	position: absolute;
	top: 105px;
	width: 136px;
	left: 30px;
	font-size: 20px;
}

/* days-grid
********************************************************/
.datepicker .days .day {
	float: left;
	background: #fff;
	cursor: pointer;
	text-align: center;
	padding-top: 2px;
	width: 23px;
	overflow: hidden;
	height: 14px;
	margin: 0 3px 3px 0;
	border: solid 1px #bbb;
	color: #222;
	font-weight: normal;
}

.datepicker .days .day6 {
	margin-right: 0;
}

.datepicker .days .week5 .day {
	margin-bottom: 0;
}

/* days-colors
********************************************************/
.datepicker .days .title {
	background: #fff;
	font-weight: bold;
	color: #999;
	border: solid 1px #fff;
	cursor: default;
}

.datepicker .days .otherMonth {
	background: #eee;
	color: #aaa;
}

/* months
********************************************************/
.datepicker .months .month {
	float: left;
	background: #eee;
	cursor: pointer;
	text-align: center;
	overflow: hidden;
	width: 62px;
	height: 23px;
	padding-top: 10px;
	margin: 0 3px 3px 0;
}

.datepicker .months .month3,
.datepicker .months .month6,
.datepicker .months .month9,
.datepicker .months .month12 {
	margin-right: 0;
	width: 64px;
}

.datepicker .months .month10,
.datepicker .months .month11,
.datepicker .months .month12 {
	margin-bottom: 0;
}

/* years
********************************************************/
.datepicker .years .year {
	float: left;
	background: #eee;
	cursor: pointer;
	text-align: center;
	padding-top: 7px;
	width: 46px;
	overflow: hidden;
	height: 19px;
	margin: 0 3px 3px 0;
}

.datepicker .years .year3,
.datepicker .years .year7,
.datepicker .years .year11,
.datepicker .years .year15,
.datepicker .years .year19 {
	margin-right: 0;
	width: 47px;
}

.datepicker .years .year16,
.datepicker .years .year17,
.datepicker .years .year18,
.datepicker .years .year19 {
	margin-bottom: 0;
	height: 26px;
}

/* global
********************************************************/
.datepicker .selected {
	background: #c00 !important;
	color: #fff !important;
}

.datepicker .unavailable {
	background: #edd !important;
	color: #b88 !important;
	cursor: default !important;
}

.datepicker .days .week .day:hover,
.datepicker .months .month:hover,
.datepicker .years .year:hover {
	background: #444 !important;
	color: #fff !important;
}
.datepicker-icon {
    position: relative;
    top: 4px;
    margin-left: 4px;
}
.datepicker-shim {
    display: none;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    filter: mask();
    width: 200px;
    height: 160px;
}