/* #MainColumn p.submitarea input, #MainColumn div.submitarea form input, #session .submitarea input, #MainColumn form input.hide_non_js, #MainColumn p.weeklytimesheets input[type=submit], #MainColumn form input.submitbut
{
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 2px 3px;
	background: #FFF url(../images/submit-shad.gif) left top repeat-x;
	color: #333333;
	font-size: 0.9em;
	line-height: 15px;
}*/
#content
{
	margin: 20px auto;
	width: 100%;
	height: 55px;
}

#top_info
{
	float: left;
	width: 570px;
	margin: 6px 1px 0 0;
	text-align: right;
}

#tabs
{
	background: #fff url(../images/top_bg_2_new.gif) repeat-x bottom center;
	color: #000;
	height: 65px;
	text-align: center;
	padding-left: 10px;
}

#tabs li
{
	display: inline;
	height: 40px;
}
#tabs li a
{
	float: left;
	background: #fff url(../images/barbg.gif) no-repeat;
	color: #003A7D;
	padding: 7px 0;
	width: 110px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}
#tabs li a:hover
{
	background: #fff url(../images/barcurrent.gif) no-repeat;
	color: #000;
}
#tabs li a.current
{
	background: #fff url(../images/barcurrent.gif) no-repeat;
	color: #2C71AE;
}
.key
{
	text-decoration: underline;
}
#search
{
	float: left;
	clear: both;
	color: #000;
	background: #fff url(../images/searchbg.gif) no-repeat;
	padding: 1px 0px 1px 1px;
	width: 500px;
	margin: 5px 15px 15px 180px;
}
#search p
{
	padding: 0;
	margin: 0;
}

/*input.search
{
	width: 279px;
	border: none;
	background: #fff url(../images/input.gif) no-repeat;
	padding: 6px 10px;
	color: #1E67A8;
	font-weight: bold;
}
input.button
{
	padding: 2px;
	text-align: center;
	font-weight: bold;
}*/

fieldset
{
	border: none;
}
fieldset label
{
	display: block;
	float: left;
	width: 15em;
	color: #00236E;
	font-weight: bold;
	font-size: 11px;
	text-align: right;
}

fieldset span[runat="server"]
{
	display: block;
	float: left;
	width: 15em;
	color: #00236E;
	font-weight: bold;
	font-size: 12px;
	text-align: right;
}

.Labels
{
	display: block;
	float: left;
	width: 15em;
	color: #00236E;
	font-weight: bold;
	font-size: 12px;
	text-align: right;
}
/*
fieldset span
{
	margin-left: 11em;
}*/
fieldset span#recurring_end_date
{
	margin-left: 1em;
}
#signuppage fieldset label
{
	width: 10em;
}
fieldset h2
{
	font-size: 1.2em;
	font-weight: bold;
	color: #FF8A1D;
}

fieldset input, fieldset textarea, fieldset select, fieldset span.plaintext, fieldset a, dropdown
{
	width: auto;
	margin-left: 0.5em;
}
fieldset img
{
	border: 1px solid #DDD;
}
fieldset a
{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, verdana;
	font-size: 12px;
	color: #255683;
	font-weight: bold;
	text-decoration: none;
}
fieldset a:hover
{
	text-decoration: underline;
}
fieldset a.nomargin
{
	margin-left: 0;
}
fieldset span.api_item
{
	color: #555;
	font-family: Monaco, "Courier" , "Courier New" , monospace;
	font-size: 1em;
}


fieldset small
{
	display: block;
	margin: 5px 0 10px 12em;
	padding: 1px 3px;
	color: #555;
}
form p span.form-info
{
	margin: 4px 0 0 18.2em;
	display: block;
	font-size: 0.9em;
	color: #777;
}
form p span.form-info-s
{
	color: #777;
}
form p a.small
{
	font-size: 0.9em;
}


#logo
{
	background: url(../images/logo_02.jpg) no-repeat;
	width: 100%;
	height: 100px;
	vertical-align: top;
}
#searchbar
{
	background: url(../images/searchbar_03.jpg);
	height: 26px;
	background-repeat: repeat-x;
}
#signuptop
{
	background: url(images/login_top_2.jpg);
	height: 98px;
	background-repeat: no-repeat;
}
#signupleft
{
	background: url(../images/login_left.jpg);
	width: 8px;
	background-repeat: repeat-y;
}
#signupright
{
	background: url(../images/login_right.jpg);
	width: 13px;
	background-repeat: repeat-y;
}
#logintop
{
	background: url(images/logintop.jpg);
	height: 15px;
	background-repeat: no-repeat;
}
#loginmid
{
	background: url(images/loginmid1.jpg);
	height: 58px;
	background-repeat: no-repeat;
}
#loginbottom
{
	background: url(images/loginbottom.jpg);
	height: 212px;
	width: 535px;
		background-repeat: no-repeat;
}

/* css anchor tag login, signup */
a.login
{
	width: 95px;
	font-family: Arial, Helvetica, sans-serif, VERDANA;
	font-size: 14PX;
	font-weight: bold;
	color: #13931C;
	vertical-align: MIDDLE;
	text-decoration: none;
}

a.login:hover
{
	width: 95px;
	font-family: Arial, Helvetica, sans-serif, VERDANA;
	font-size: 14PX;
	font-weight: bold;
	color: #13931C;
	vertical-align: MIDDLE;
	text-decoration: underline;
}
a.signup
{
	width: 95px;
	font-family: Arial, Helvetica, sans-serif, VERDANA;
	font-size: 14PX;
	font-weight: bold;
	color: #6599d3;
	vertical-align: MIDDLE;
	text-decoration: none;
}

a.signup:hover
{
	width: 95px;
	font-family: Arial, Helvetica, sans-serif, VERDANA;
	font-size: 14PX;
	font-weight: bold;
	color: #6599d3;
	vertical-align: MIDDLE;
	text-decoration: underline;
}

a.logout
{
	font-family: Arial, Helvetica, sans-serif, VERDANA;
	font-size: 14PX;
	font-weight: bold;
	color: #13931C;
	text-decoration: none;
}

a.logout:hover
{
	font-family: Arial, Helvetica, sans-serif, VERDANA;
	font-size: 14PX;
	font-weight: bold;
	color: #13931C;
	text-decoration: underline;
}
#module
{
	position: absolute;
	top: 75px;
	right: 0px;
	background-image: url(../images/module_dropdown.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif, verdana;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	height: 32px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 23px;
}
/* ---------------- */

/*=========================== INVOICES =========================*/
#mainContent p#invoice_info
{
	text-align: center;
	margin: 0;
	font-weight: bold;
}
.recurico
{
	position: relative;
	top: 4px;
	left: 3px;
}
#invoice table#invoice-amount tr.hovered td
{
	background-color: #FCFBAD;
	cursor: pointer;
}
#invoice-info #invoice-total, #invoice h1#company-name
{
	display: none;
}
table#invoice-amount tr.moving
{
	cursor: move;
}
#MainColumn p.no_data
{
	margin: 0;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background: #EAF0E4;
	padding: 5px 10px;
}
#MainColumn p#no_data
{
	margin: 0 0 0 24px;
}

/* Invoice Status */
#itemstate strong
{
	color: #000;
}
#itemstate li a:link, #itemstate li a:visited
{
	text-decoration: none;
}
#itemstate li a:hover
{
	color: #FFF;
	background-color: #8ABD3E;
}

#MainColumn #invoice_stats
{
	font-size: 0.7em;
	font-weight: normal;
}
#MainColumn #invoice-actions img
{
	float: none;
	border: 0;
}
#MainColumn #invoice-actions
{
	text-align: left;
	margin: 10px 0 0 0;
}
#itemstate img
{
	border: 0;
}
#MainColumn #itemstate
{
	margin: 15px auto;
	overflow: hidden;
	background: #ccc;
	width: 732px;
	height: 35px;
	line-height: 1.0;
	color: #666;
	background: url(../images/statusbg.gif) left bottom no-repeat;
	padding-top: 2px;
}
#MainColumn #itemstate li.current
{
	font-weight: bold;
	color: #000;
	background: #538CBF;
}
#Main #itemstate li
{
	float: left;
	color: #bbb;
	margin: 1px 0 0 0;
	font-size: 1.4em;
	border-right: 1px solid #ccc;
}
#itemstate li.nolink, #itemstate li.link a
{
	vertical-align: middle;
	height: 25px;
	padding: 8px 15px 0 15px;
}
#itemstate li a
{
	float: left;
	display: block;
}
#Main #itemstate #write_off, #Main #itemstate #re_open, #Main #itemstate #convert_to_invoice
{
	float: right;
}
#Main #itemstate li#write_off a:hover, #Main #itemstate li#convert_to_invoice a:hover
{
	background: #8ABD3E url(../images/statusbghov-r.gif) right center no-repeat;
}
#Main #itemstate li#write_off.current, #Main #itemstate li#convert_to_invoice.current
{
	background: #FCFBAD url(../images/statusbg-r.gif) right center no-repeat;
}
#Main #itemstate li#draft a:hover
{
	background: #8ABD3E url(../images/statusbghov-l.gif) left center no-repeat;
}
#Main #itemstate li#draft.current
{
	background: #538CBF url(../images/statusbg-l.gif) left center no-repeat;
}
#Main #itemstate .leftbord
{
	border-right: 0;
	border-left: 1px solid #ccc;
}

/* Invoice Gallery */
#invoice_gallery
{
	margin-top: 10px;
}
#invoice_gallery li
{
	width: 200px;
	float: left;
	margin: 0 25px 20px 0;
	padding: 10px;
	border: 1px solid #fff;
}
#invoice_gallery li.selected
{
	background: #FCFAC4;
	border: 1px solid #ccc;
}
#invoice_gallery li p
{
	font-size: 0.9em;
	margin: 0;
}
#invoice_gallery img
{
	border-top: 1px solid #CCC;
	border-left: solid 1px #CCC;
	border-bottom: solid 2px #888;
	border-right: solid 2px #888;
}
#invoice_gallery p.gallery_tools
{
	border: 1px solid #ccc;
	background: url(../images/gallery-fade.gif) left bottom repeat-x;
	overflow: hidden;
	margin: 7px 2px 7px 0;
	width: 195px;
}
#invoice_gallery p.gallery_tools a
{
	font-size: 0.9em;
	color: #777;
	text-decoration: none;
	padding: 3px 0 3px 0;
	float: left;
}
#invoice_gallery p.gallery_tools a:hover
{
	background: #333;
	color: #fff;
}
#invoice_gallery p.design_data
{
	line-height: 1.5;
}
#invoice_gallery p.design_data strong
{
	float: left;
	width: 6em;
}
#invoice_gallery .use_theme, #invoice_gallery .show_preview
{
	width: 97px;
	float: left;
	text-align: center;
}
#invoice_gallery .use_user_theme
{
	width: 194px;
	float: left;
	text-align: center;
}
#invoice_gallery .show_preview
{
	border-right: 1px solid #ccc;
}

/* =================== DROP DOWN DRAWERS =================== */

/* Invoices */
#invoices-show #MainTitle h1, #estimates-show #MainTitle h1
{
	margin-bottom: 0;
}
#drop_drawer
{
	margin-left: 55px;
	text-align: right;
}
#switch_link
{
	font-size: 1.2em;
	float: right;
	margin: 0px 15px 0 0;
	background: #E6F3F5 url(../images/galtab-l.gif) left bottom no-repeat;
	padding-left: 10px;
	text-decoration: none;
	outline: 0;
}
#switch_link span.sl_inner
{
	background: #E6F3F5 url(../images/galtab-r.gif) right bottom no-repeat;
	padding: 7px 10px 7px 0;
	float: left;
}
#switch_link span.sl_temp
{
	background: url(../images/template.gif) left center no-repeat;
	padding-left: 20px;
}
#drop_drawer #drop_content
{
	background: #E6F3F5;
	padding: 15px;
	position: relative;
	overflow: hidden;
	text-align: left;
}
#drop_drawer #drop_content p
{
	text-align: left;
	margin-left: 0;
	padding-left: 0;
}
#drop_content li
{
	float: left;
	margin-right: 20px;
	padding: 0px;
	margin-bottom: 10px;
}
#drop_content li a
{
	overflow: hidden;
	border: 2px solid #CEDBDD;
	width: 120px;
	height: 130px;
	float: left;
}
#drop_content li a:hover
{
	border: 2px solid #8ABD3E;
	padding: 0;
}
#drop_content li img
{
	float: none;
}

/* Tables */
.flexi-table
{
	width: 100%;
	margin: 0 0 5px 0;
	border-collapse: collapse;
}
.flexi-table a, .data a
{
	text-decoration: none;
}
.flexi-table td a, .data td a
{
	color: #325514;
}
.flexi-table th, table.data th
{
	background: #d1e9b5;
	font-size: 12px;
	border: 1px solid #ccc;
	border-width: 1px 0 1px 0;
	padding: 3px 9px;
	text-align: left;
}
.flexi-table th.price, td.price
{
	text-align: right;
	width: 80px;
}

.flexi-table th.th15
{
	width: 15%;
}
.flexi-table th.th25
{
	width: 25%;
}
.flexi-table th a, table.data th a
{
	color: #000;
	padding-right: 15px;
	color: #000;
}
.flexi-table th a:hover, .flexi-table th a.desc
{
	background: url(../images/aro_dwn.gif) right 6px no-repeat;
}
.flexi-table th a.asc
{
	background: url(../images/aro_up.gif) right 6px no-repeat;
}
.flexi-table th.icon_t, table.data th.icon_t
{
	background: 0;
	border: 0;
}
.flexi-table tr td, table.data tr td
{
	border-top: 1px solid #ddd;
}
.flexi-table tr.odd, table.data tr.odd
{
	background: #F3F8FA;cursor:pointer;
}
.flexi-table tr:hover, table.data tr.odd:hover
{
	background: #FFE0C3;cursor:pointer;
}

/*.flexi-table tr.hovered td,  .flexi-table tr#hovered td, table.data tr.hovered td, table.data tr#hovered td{background:#FCFBAD; cursor:pointer}*/

.flexi-table td, table.data td
{
	padding: 3px 9px;
	vertical-align: middle;
	text-align: left;
}
.flexi-table td.num, .flexi-table th.num, table.data td.num, table.data th.num
{
	text-align: right;
	white-space: nowrap;
}
.flexi-table td.num
{
	padding-right: 20px;
}

.flexi-table .ex_info
{
	color: #666;
	padding-left: 10px;
}
.flexi-table td span.detail
{
	font-size: 11px;
	color: #888;
}
.flexi-table td.balance
{
	color: #65A20B;
	font-size: 1.5em;
	font-weight: bold;
}
.flexi-table td.unpaid
{
	color: #CA1D1D;
}
#Main .showbox h2.flexi-header
{
	border-bottom: 1px solid #ccc;
	margin-top: 15px;
}
.balance
{
	color: #65A20B;
	font-size: 1.2em;
	font-weight: bold;
}
/* Paginate Footer */
#paginate_row td
{
	padding: 0;
}
#paginate_footer
{
	background: #eee;
	padding: 5px 15px;
	margin-top: 10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #eee;
}
#paginate_footer fieldset
{
	margin: 0;
	padding: 0;
}
#paginate_footer select
{
	margin-left: 10px;
}
#paginate_links
{
	width: 500px;
	float: right;
	text-align: right;
	margin-top: 3px;
}
#paginate_links a:hover
{
	text-decoration: underline;
}

/*=========================== DATA TABLES =========================*/

.total
{
	font-weight: bold;
	border-bottom: none;
}
table th.th70
{
	width: 70%;
}
table th.th80
{
	width: 80%;
}
table th.th10
{
	width: 10%;
}
table th.th15
{
	width: 15%;
}

table.data
{
	width: 100%;
	margin: 20px 0 20px 0;
	border-collapse: collapse;
	clear: right;
}
table.data img
{
	border: 0;
	margin: 0;
}

table.data th.left
{
	text-align: left;
}
.data .al_r
{
	text-align: right;
}

.data tr.continued
{
	border-top: 1px solid #FFF;
}

.data tr.highlight td
{
	background-color: #FFA;
	border-top: solid 1px #EEE;
}
.data tr.cancelled
{
	color: #999;
	text-decoration: line-through;
}
.data td
{
	padding: 0.2em 0.5em 0.2em 0.5em;
	vertical-align: middle;
	text-align: left;
}
#clients-index .data td
{
	vertical-align: top;
}
table.data tr td.action, table.data tr th.action
{
	white-space: nowrap;
	background-color: #FFF;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	color: #ccc;
}
table.data tr td.actionslip
{
	white-space: nowrap;
	background-color: #FFF;
}
.data td.wrap
{
	white-space: normal;
}
.data td.nowrap
{
	white-space: nowrap;
}
.data td.total_label
{
	text-align: right;
	font-weight: bold;
	font-size: 1.4em;
}
.data td.total
{
	border-top: 1px solid #bbb;
	font-weight: bold;
	font-size: 1.4em;
}
.data td span.detail
{
	font-size: 11px;
	color: #888;
}
.data td.money, .data th.thmoney, .data th.money, .data th.moneyth
{
	text-align: right;
	padding-right: 20px;
}
.data td.bold
{
	font-weight: bold;
}
table tr.total td
{
	font-weight: bold;
	border-top: solid 1px #bbb;
	border-bottom: 0;
	font-size: 1.5em;
}
.data td a:hover
{
	background-color: #FCFBAD;
}
.data td.action a
{
	color: #033466;
	text-decoration: none;
}
.data td.action a:hover
{
	text-decoration: none;
}
.data td.action a img
{
	border: 0;
	vertical-align: middle;
}
.data td.transaction
{
	font-family: "Courier New" , Courier, mono;
}
.data td.unexplained, .data td.unexplained a
{
	color: #F00;
}
.data td.personal, .data td.personal a
{
	color: #888;
}
table.data strong.balance
{
	color: #65A20B;
}
table tr.date td
{
}
table tr.blank td
{
	border-bottom: 1px solid #ccc;
	border-top: 0;
	height: 5px;
}
table tr.date td.action
{
	background: #fff;
}
table td.date
{
	white-space: nowrap;
}

/* Timeslips*/
table tr.timeslipdetails
{
	border-bottom: 0;
}
table tr.timeslipdetails td
{
	padding: 0.3em 0.5em 0.3em 0.5em;
}
table.data td.timeslipuser
{
	padding-left: 1.5em;
}
table.weekly-timeslip
{
	width: auto;
	margin: 0 0 1em 2em;
	text-align: center;
}
table.weekly-timeslip th
{
	border: none;
}
table.weekly-timeslip input
{
	margin: 0.5em;
}

table.timeslips-tab td.action
{
	width: 15px;
	padding: 0 0.5em;
}
table.timeslips-tab td
{
	vertical-align: top;
}
table td.comment_td
{
	width: 350px;
}
table.timeslips-tab td.total
{
	width: 80px;
}
table td.projects
{
	line-height: 1.8;
}

table tr.date td.addts
{
	text-align: right;
	font-size: 1.2em;
	padding: 0;
	font-weight: bold;
}
table tr.date td.addts a.add
{
	float: right;
}
table tr.date td.addts a.add:hover
{
}
.data td.td10
{
	width: 10%;
}
.data td.td5
{
	width: 5%;
}
.divdesc
{
	width: 70%;
}

/* Title buttons */
.title_button
{
	background: url(../images/tab-grad.gif) top left repeat-x;
	border: 1px solid #aeaeae;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	float: left;
}
.title_button a
{
	padding: 8px 12px 4px 25px;
	
	float: left;
	text-decoration: none;
	color: #404040;
	font-weight: bold;
}
.title_button a:hover
{
	background-color: #F3F0D5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
a.add
{
	background-image: url(../images/dot.png);
	background-position: 7px center;
	background-repeat: no-repeat;
	padding-left: 25px;
}
a.upload
{
	background-image: url(../images/adopt-u.gif);
	background-position: 7px center;
	background-repeat: no-repeat;
	padding-left: 25px;
}
a.addb
{
	background-image: url(../images/add.png);
	background-position: 8px center;
	background-repeat: no-repeat;
	padding-left: 28px;
}
a.delete
{
	background: url(../images/delete.gif) 8px center no-repeat;
	padding-left: 29px;
}
a.edit
{
	background: url(../images/edit.gif) 8px center no-repeat;
	padding-left: 25px;
}

a.pdf
{
	background: url(../images/pdf-icon.gif) 8px center no-repeat;
	padding-left: 28px;
}
a.email
{
	background: url(../images/emailico.gif) 8px center no-repeat;
	padding-left: 28px;
}
a.tick-off
{
	background: url(../images/tick-off.gif) left center no-repeat;
	padding-left: 19px;
	margin-left: 7px;
}
a.tick-on
{
	background: url(../images/tick-on.gif) left center no-repeat;
	padding-left: 19px;
	margin-left: 7px;
}

/* Invoice buttons */
.inv_btn
{
	background: url(../images/tab-grad.gif) top left repeat-x;
	border: 1px solid #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	float: left;
	margin-right: 10px;
}
.inv_btn a
{
	padding: 4px 12px 4px 25px;
	display: block;
	float: left;
	text-decoration: none;
	outline: 0;
	font: 13px "Helvetica Neue" , Arial, Helvetica, sans-serif;
}
.inv_btn a.addbtn
{
	background: url(../images/dot.png) 5px center no-repeat;
}
.inv_btn a.reorderbtn
{
	background: url(../images/move.png) 5px center no-repeat;
}
/*=========================== BUTTONS =========================*/

div.actions
{
	display: block;
	clear: both;
	float: right;
}
div.export-action
{
	float: none;
	width: auto;
}
#invoices-index div.actions, #bills-recent div.actions
{
	width: 20em;
}
#expenses-index div.actions, #expenses-recent div.actions, #expenses-by-year div.actions, #expenses-by-month div.actions, #expenses-recurring div.actions
{
	width: 35em;
}
#payslips-index div.actions
{
	width: 230px;
}
#bank-accounts-index div.actions, #projects-show div.actions
{
	width: auto;
}
.actions a, p.subactionlinks a
{
	font-weight: bold;
	font-size: 1.2em;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
}

#Main .actions a
{
	display: block;
	float: right;
	padding: 0 15px 0 0;
	margin: 10px 0 20px 20px;
	background: url(../images/btn_right.png) right top no-repeat;
}
#bank-accounts-index div.actions a
{
	margin-left: 9px;
}
#Main .actions a:hover
{
	color: #B9F1F9;
}
.actions a span
{
	padding: 6px 6px 8px 40px;
	float: left;
	cursor: pointer;
}
.actions a.addbtn span
{
	background: url(../images/btn_add.png) left top no-repeat;
}
.actions a.editbtn span
{
	background: url(../images/btn_edit.png) left top no-repeat;
}
.actions a.importbtn span
{
	background: url(../images/btn_import.png) left top no-repeat;
}
.actions a.uploadbtn span
{
	background: url(../images/btn_up.png) left top no-repeat;
}
.actions a.undobtn span
{
	background: url(../images/btn_undo.png) left top no-repeat;
}
.actions a.downbtn span
{
	background: url(../images/btn_down.png) left top no-repeat;
}

#MainColumn div.export-action
{
	text-align: left;
}
#MainColumn div.export-action a
{
	float: left;
	margin: 0;
}

.actions a:hover, a.subaction:hover
{
	color: #044A92;
}

a.standard-button
{
	display: block;
	background: url(../images/button_green.gif) left center no-repeat;
	margin: 0.5em 1em 1em 0;
	padding: 0.5em 1.5em 0.3em 0px;
}

ul#title_actions
{
	float: right;
	margin-top: 0;
}
#MainColumn ul#title_actions li
{
	float: left;
	margin-left: 17px;
	font-size: 1.2em;
}

h2.alert
{
	background: url(../images/alert.png) left 2px no-repeat;
	padding-left: 22px;
}
h2.locked
{
	background: url(../images/locked.gif) left top no-repeat;
	padding-left: 24px;
}
/* Flexi Header */
#MainColumn h2.flexi-header
{
	padding: 6px 0 6px 10px;
	margin: 5px 0 0 0;
	clear: both;
	border-top: 1px solid #ccc;
	background: #A3C2DE;
	color: #184D10;
	font-size: 1.2em;
	text-transform: none;
	letter-spacing: normal;
	height: 24px;
	overflow: hidden;
}
#MainColumn h2.flexi-header form
{
	float: left;
}
#MainColumn h2.icon_t
{
	margin-left: 24px;
}
#MainColumn h2.flexi-header a
{
	margin: 0 3px 0 0;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.0;
}
#MainColumn h2.flexi-header select
{
	margin: 0 5px;
}
#Main #MainColumn h2.flexi-header a.quick-but
{
	float: right;
	padding: 11px 15px 14px 33px;
	margin: -6px 0 0 0;
	background: #A3C2DE url(../images/h2add.gif) 10px 11px no-repeat;
	color: #184D10;
	font-size: 14px;
	border-left: 1px solid #fff;
}
.required
{
	font-weight: bold;
	color: #F00;
	font-size: 1.2em;
}
#tddivide
{
	background: url(../images/gre_white_08_1.jpg) repeat-y;
	width: 8px;
}

/*=========================== TIMESLIP CONTROL =========================*/

#timeslip_control
{
	background: #f4f4f4 url(../images/controlbar_bg.png) left bottom repeat-x;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 13px;
	overflow: hidden;
	margin-top: 30px;
	margin-right: 12px;
	margin-left: 10px;
	clear: both;
}
#timeslip_viewing
{
	float: left;
	width: 30em;
	padding: 5px 12px;
	color: #777;
}
#timeslip_dates a
{
	color: #033466;
	font-size: 14px;
	font-weight: bold;
	margin-left: 5px;
	text-decoration: none;
	outline: 0;
}
#timeslip_dates img
{
	cursor: pointer;
}
#timeslip_view
{
	float: right;
	width: 19em;
}
#timeslip_view li
{
	font-size: 14px;
	border-left: 1px solid #ccc;
	vertical-align: middle;
	float: right;
}

#timeslip_view a
{
	color: #033466;
	text-decoration: none;
	display: block;
	float: left;
	width: 100%;
	height: 100%;
}
#timeslip_view a:hover
{
	background: #8ABD3E;
	color: #fff;
}
#timeslip_view li.active
{
	font-weight: bold;
	color: #000;
	background: #fcfbad;
	padding: 7px 15px;
}
/* Weekly Timesheets */
#timeslips-timesheet #MainTitle h1
{
	margin-bottom: 0;
}
#show_weekly_timeslip, #hide_weekly_timeslip
{
	font-size: 1.2em;
	float: right;
	margin: 0px 15px 0 0;
	background: #E6F3F5 url(../images/galtab-l.gif) left bottom no-repeat;
	padding-left: 10px;
	text-decoration: none;
}
#show_weekly_timeslip span.sl_inner
{
	background: #E6F3F5 url(../images/galtab-r.gif) right bottom no-repeat;
	padding: 7px 10px 7px 0;
	float: left;
}
#show_weekly_timeslip span.wt_inner, #hide_weekly_timeslip span.wt_inner
{
	background: #E6F3F5 url(../images/galtab-r.gif) right bottom no-repeat;
	padding: 7px 10px 7px 0;
	float: left;
	cursor: pointer;
}
#show_weekly_timeslip span.wt_ico, #hide_weekly_timeslip span.wt_ico
{
	background: url(../images/date.gif) left center no-repeat;
	padding-left: 20px;
	cursor: pointer;
}
#timeslips-time-tracking #MainTitle h1
{
	margin-bottom: 0;
}

.draft_view
{
	margin: 15px auto;
	overflow: hidden;
	width: 732px;
	line-height: 1.0;
	color: #666;
	padding-top: 2px;
	border: solid 1px #CCC;
}
iframe
{
	background: red;
}
/*-------------- DRAFTS ---------------------------------------- */
#invoice-header
{
	color: #6c8597;
	line-height: 1.4;
	font-family: Georgia, "Times New Roman" , Times, serif;
	font-size: 11pt;
}
#invoice-info
{
	float: right;
	font-family: Georgia, "Times New Roman" , Times, serif;
	color: #6c8597;
	text-align: right;
	font-size: 11pt;
	padding-top: 20px;
}
#client-details
{
	color: #5f7c91;
	font-size: 10pt;
	float: left;
	margin: 0px 0px 20px 10px;
	width: 330px;
	padding-top: 10px;
}
.org
{
	font-weight: bold;
	text-transform: capitalize;
	color: #5f7c91;
	letter-spacing: 0.07em;
	font-variant: small-caps;
}
.fn
{
	font-weight: bold;
	text-transform: capitalize;
	color: #5f7c91;
	letter-spacing: 0.07em;
	font-variant: small-caps;
}
.grid_draft_header
{
	background-color: #FFF;
	font-size: 13px;
	font-weight: bold;
	color: #5f7c91;
	text-align: left;
}
.grid_draft_header .border
{
	height: 25px;
	border-bottom: solid 1px #3E596C;
}
.grid_draft_item
{
	font-family: Arial,Verdana;
	background-color: #EEEEEE;
	font-size: 12px;
	color: #5f7c91;
	text-align: left;
}
.grid_draft_item:hover
{
	background: #FCFBAD;
}

.grid_draft_item .border
{
	height: 25px;
	border-bottom: solid 1px #ddd;
}

.grid_draft_altitem
{
	font-size: 12px;
	color: #5f7c91;
	text-align: left;
	background-color: #FFFFFF;
	font-family: Arial,Verdana;
}
.grid_draft_altitem .border
{
	height: 25px;
	border-bottom: solid 1px #ddd;
}

.grid_draft_altitem:hover
{
	background: #FCFBAD;
	height: 25px;
}
.grid_draft_Fooitem
{
	font-family: Arial,Verdana;
	background-color: #F8F8F8;
	font-size: 12px;
	color: #5f7c91;
	text-align: left;
}
.grid_draft_Fooitem .border
{
	height: 25px;
	border-bottom: solid 1px #ddd;
}
.grid_footer
{
	background: #fff;
	text-align: right;
	font-weight: bold;
	font-size: 11px;
	color: #649A23;
}
.c_card
{
	border: 4px solid #DEECCD;
	font-size: 1.0em;
	margin: 0 10px 10px 0;
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
	float: left;
}

.c_inner
{
	border: 1px solid #fff;
	min-height: 110px;
}
#contact_cards c_card .add
{
	float: right;
	width: 75px;
}
#contact_cards li.c_card h2
{
	font: bold 2.2em/1.2 Helvetica, Arial, Verdana, sans-serif;
	text-transform: none;
	letter-spacing: normal;
	margin: 0;
}

grid_header
{
	background-color: #DEECCD;
	font-size: 11px;
	color: #184D10;
	text-align: left;
}
#outerwrap
{
	min-height: 100%;
	background: #fff url(../images/colbg.gif) left top repeat-y;
}
#outerwrap
{
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px;
}
#outerwrap:after, #session #wrap:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.grid
{
	background-color: #f3f8ec;
	font-size: 7px;
	color: #184D10;
	text-align: left;
	border: 1px;
}
.grid_header a
{
	cursor: pointer;
	text-decoration: underline;
	font-size: 11px;
	color: #667D60;
}

.grid .red
{
	color: #DD4a4a;
	font-weight: bold;
}
.grid .normal
{
	color: #000000;
}
.grid .black
{
	text-align: right;
	color: #000000;
	font-weight: bold;
}
.grid .border
{
	border-top: solid 1px #DDDDDD;
}
.grid:hover
{
	background: #FCFBAD;
}

.grid_altitem
{
	border: solid 3px red;
	font-size: 7px;
	color: #184D10;
	text-align: left;
	background-color: #FBFDF9;
}
.grid_altitem .normal
{
	color: #000000;
}
.grid_altitem .red
{
	color: #DD4a4a;
	font-weight: bold;
}
.grid_altitem .black
{
	color: #000000;
	text-align: right;
	font-weight: bold;
}
.grid_altitem .border
{
	border-top: solid 1px #DDDDDD;
}
.grid_altitem:hover
{
	background: #FCFBAD;
}
.grid-view
{
	padding: 0;
	margin: 0;
	border: 1px solid #333;
	font-family: "Verdana, Arial, Helvetica, sans-serif, Trebuchet MS";
	font-size: 0.9em;
}

.grid-view tr.header
{
	color: white;
	background-color: #FF5600;
	height: 25px;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}

.grid-view tr.normal
{
	color: black;
	background-color: #FDC64E;
	height: 25px;
	vertical-align: middle;
	text-align: center;
}

.grid-view tr.alternate
{
	color: black;
	background-color: #D59200;
	height: 25px;
	vertical-align: middle;
	text-align: center;
}
table.info
{
	margin: 0 0 10px 0;
	width: 100%;
	border: 1px solid #fff;
	padding: 10px;
	background: #dee6e8;
	clear: both;
}
.info tr
{
	border-bottom: 1px solid #fff;
}
.info th, .info td
{
	background: #D6E7FF;
	border-bottom: 1px solid #c7cbcc;
}
.info th
{
	text-align: right;
	white-space: nowrap;
	padding: 5px 9px 5px 5px;
	border-top: 1px solid #fff;
}
table.info strong.completed
{
	color: #098200;
}
table.info strong.active
{
	color: #B17900;
}
.info td
{
	padding: 5px 9px 5px 5px;
	vertical-align: top;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
}
.info td span.detail
{
	font-size: 11px;
	color: #888;
}

/*---------------------------------------*/

.head1
{
	background: #DEECCD;
	color: #184D10;
	font: 1.0em Helvetica, Arial, sans-serif;
	text-transform: none;
	letter-spacing: 0;
	font-weight: bold;
	overflow: hidden;
	height: 23px;
}
.head2
{
	background: #DEECCD;
	color: #184D10;
	font: 8px Helvetica, Arial, sans-serif;
	text-transform: none;
	letter-spacing: 0;
	font-weight: bold;
	overflow: hidden;
	height: 20px;
}
.head2 a
{
	color: #667D60;
	font: 10px Helvetica, Arial, sans-serif;
	text-transform: none;
	letter-spacing: 0;
	font-weight: bold;
	overflow: hidden;
	cursor: pointer;
}
.arrowtex
{
	color: #00216F;
	font-size: 13px;
	font-weight: bold;
}
.tdbackorange
{
	background-color: orange;
	height: 15px;
}
fieldset.blockf
{
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /*background: url(../images/shadowAlpha.png) no-repeat bottom right !important; 	background: url(../images/shadow.gif) no-repeat bottom right;*/
	margin: 5px 5px 5px 5px !important;
	margin: 5px 5px 5px 5px;
}
.txtlocationbar
{
	color: #ffffff;
	font-weight: bold;
	font-size: 10pt;
}
/*---------------footer---------*/
#foo1
{
	width: 100%;
	height: 60px;
	float: left;
	background-color: #353535;
	color: #fff;
}
#footer_div
{
	width: 403px;
	margin: 0 auto 0 auto;
	height: 120px;
}
#footer_div ul
{
	width: 403px;
	height: 50px;
	display: block;
	list-style-type: none;
	margin: 32px 0 0px 20px;
}
#footer_div ul li
{
	display: block;
	float: left;
	font: 12px/11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #353535;
}
#footer_div ul li a
{
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #FDFDFD;
	text-decoration: none;
	background-color: #353535;
	margin: 0 8px 0 8px;
}
#footer_div ul li a:hover
{
	text-decoration: underline;
}

#footer_div p
{
	font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF9E0;
	margin: 0px 0 0 50px;
	background-color: #353535;
}
#footer_div p a
{
	color: #FDFDFD;
	background-color: #353535;
	text-decoration: underline;
}
#footer_div p a:hover
{
	color: #FDFDFD;
	background-color: #4E4E4E;
}
#footer_div ul.css
{
	width: 160px;
	display: block;
	margin: 10px 0 0px 75px;
	font-size: 0px;
	padding: 0px;
}
#footer_div ul.css li
{
	display: block;
	float: left;
	margin: 0 0 0 0;
}
#footer_div ul.css li a
{
	display: block;
	text-indent: -2000px;
	height: 24px;
	margin: 0 2px 0 0;
	font-size: 0px;
}
#footer_div ul.css li a.htm
{
	background: url(../images/html.gif) no-repeat 0 0;
	width: 75px;
}
#footer_div ul.css li a.cs
{
	background: url(../images/css.gif) no-repeat;
	width: 75px;
}
.style1
{
	color: #FFFFFF;
}
#contacts
{
	position:fixed;
	bottom:0px;
	margin-left:4px;
	z-index:99;
	width:148px;
	border:solid 1px #81C04D;
	background-color:White;
}
#contactheader
{
	border-bottom:solid 2px #255683;
	background:url(../images/adopt-d.gif) no-repeat right;
	margin:5px;
	font:12px bold #002293;
	line-height:20px;
	vertical-align:middle;
}
#contactsList
{
	max-height:300px;
	overflow:auto;
	display:none;
}
#chatPage
{
	position:fixed;
	bottom:0px;
	right:10px;
	z-index:99;
	border:solid 1px #81C04D;
	background-color:White;
}
.chatframe
{
	position:fixed;
	bottom:0px;
	right:10px;
	z-index:99;
	height:280px;
	border:solid 1px #81C04D;
	font-size:11px;
	width:250px; BACKGROUND-COLOR: #ffffcc;
}

.headermsg
{
	background:#f2f2f2;
	border-bottom:solid 1px #454545;
	width:100%;
	padding:15px;
}

a.quicklink
{
	color:#7B787A;
	background:url(../images/smalldots.gif) no-repeat left;
	padding-left:25px;
	font-weight:bold;
}
.errormsg
{
	background: #F6F0A6 ;
	border:solid 1px #826E3C;
	line-height:52px;
	vertical-align:middle;
	font-size:18px;
	margin:15px;
}
.errormsg span
{
	background:url(../images/alert_sign.gif) no-repeat left;
	margin:15px;
	padding-left:25px;

}

a.linkarrow{color:#51B725;background:url(images/dots.jpg) left no-repeat;padding-left:48px;font-size:20px; }
a.linkarrow:hover{color:#51B725;background:url(images/dots.jpg) left no-repeat;padding-left:48px;font-size:20px; }


.bold1 
  {
  	color: White;
font-family: Tahoma;

font-size: 11px;
border: solid 0px #a9a9a9;

text-indent:0px;
vertical-align:middle;

text-align:left;
  	background:url(images/Password1.bmp) 5px 1px;
  	background-repeat:no-repeat;
}