a:link    { color: #2B515C; font-size: 9pt; font-family: 'texgyreadventorregular'; text-decoration: none;}
a:active  { color: #2B515C; font-size: 9pt; font-family: 'texgyreadventorregular'; text-decoration: none;}
a:visited { color: #2B515C; font-size: 9pt; font-family: 'texgyreadventorregular'; text-decoration: none;}
a:hover   { color: #2C7E96; font-size: 9pt; font-family: 'texgyreadventorregular'; text-decoration: none;}

a.signout:link    { color: #FFFFFF; font-size: 8pt; font-family: 'texgyreadventorregular'; text-decoration: none;}
a.signout:active  { color: #FFFFFF; font-size: 8pt; font-family: 'texgyreadventorregular'; text-decoration: none;}
a.signout:visited { color: #FFFFFF; font-size: 8pt; font-family: 'texgyreadventorregular'; text-decoration: none;}
a.signout:hover   { color: #FFFFFF; font-size: 8pt; font-family: 'texgyreadventorregular'; text-decoration: underline;}

a.whitetext:link    { color: #FFFFFF; font-size: 10pt; font-family: 'texgyreadventorregular'; text-decoration: none;}
a.whitetext:active  { color: #FFFFFF; font-size: 10pt; font-family: 'texgyreadventorregular'; text-decoration: none;}
a.whitetext:visited { color: #FFFFFF; font-size: 10pt; font-family: 'texgyreadventorregular'; text-decoration: none;}
a.whitetext:hover   { color: #FFFFFF; font-size: 10pt; font-family: 'texgyreadventorregular'; text-decoration: underline;}

a.swhitetext:link    { color: #FFFFFF; font-size: 8pt; font-family: 'texgyreadventorregular'; text-decoration: none;}
a.swhitetext:active  { color: #FFFFFF; font-size: 8pt; font-family: 'texgyreadventorregular'; text-decoration: none;}
a.swhitetext:visited { color: #FFFFFF; font-size: 8pt; font-family: 'texgyreadventorregular'; text-decoration: none;}
a.swhitetext:hover   { color: #FFFFFF; font-size: 8pt; font-family: 'texgyreadventorregular'; text-decoration: underline;}

a.cancel_link:link    { color: #2f92cd; font-size: 10pt; font-family: 'texgyreadventorregular'; text-decoration: none;}
a.cancel_link:active  { color: #2f92cd; font-size: 10pt; font-family: 'texgyreadventorregular'; text-decoration: none;}
a.cancel_link:visited { color: #2f92cd; font-size: 10pt; font-family: 'texgyreadventorregular'; text-decoration: none;}
a.cancel_link:hover   { color: #2f92cd; font-size: 10pt; font-family: 'texgyreadventorregular'; text-decoration: underline;}

a.label:link    { color: #2f92cd; font-size: 10pt; font-family: 'texgyreadventorregular'; text-decoration: none;}
a.label:active  { color: #2f92cd; font-size: 10pt; font-family: 'texgyreadventorregular'; text-decoration: none;}
a.label:visited { color: #2f92cd; font-size: 10pt; font-family: 'texgyreadventorregular'; text-decoration: none;}
a.label:hover   { color: #2f92cd; font-size: 10pt; font-family: 'texgyreadventorregular'; text-decoration: underline;}


.barcode { 
	font-family: "3 of 9 Barcode";
    font-size: 20pt; 
	background-color: #FFFFFF; 
}


.user_alert_window {
	position: absolute; 
	right: 3px; 
	top: 4px; 
	display: none;
	border: 1px solid rgba(100, 100, 100, .4);
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);

}

.user_alert_window_click:hover .user_alert_window {
	position: absolute; 
	right: -250;
	top: 25; 
	display: block;
	text-align: left; 
	z-index: 1001; 
	border: 1px solid #dddddd; 
	padding: 0px;
	min-width: 500px;
	background-color: #FFFFFF;
}


.show_event_info{ 
display: none;
}

.cal_div_cont:hover .show_event_info{
display : block;
}

.lookup {
	position: absolute;
	right: 10px;
	top: 21px;
	display: none;
}

.lookup_container {
	position: relative;
}
.lookup_container:hover .lookup {
	display: block;
}


body {
	font-family: Tahoma;
	font-size: 10pt;
	color: #474747;
}

td {
	font-size: 10pt;
	font-family: 'texgyreadventorregular';
}


#container {
	position: relative;
	width: 100%;
	border: 0px solid #FF0000;
}

#cal_container {
	position: relative;
	width: 100%;
	height: 100%;
	border: 0px solid #FF0000;
}

.calendar_event {
	margin-top: 2px; 
	margin-bottom: 2px; 
	margin-right: 3px; 
	margin-left: 3px;  
	min-height: 20px;
	z-index: 20; 
	cursor:pointer; 
	padding: 5px;
	float: left;
	width: 98%;
}

#grey_back {
	position: fixed;
	width: 100%;
	height: 100%;
	min-height: 900;
    background-color: #474747;
	opacity:0.8;
	filter:alpha(opacity=80);
	z-index: 2;
}

#new_question {
	position: absolute;
	top: 100px;
	left: 50%;
    margin-left: -250px;
    text-align: center; 
    min-width: 500px;
    min-height: 200px;
    -moz-border-radius 15px;
    padding: 0px;
    border-radius: 15px;
    z-index: 300;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.3);
}

#item_popup {
	position: fixed;
	top: 100px;
	left: 50%;
    margin-left: -350px;
    text-align: center; 
    min-width: 700px;
    min-height: 200px;
    -moz-border-radius 15px;
    padding: 0px;
    border-radius: 15px;
    z-index: 300;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.3);
}

.proj_table {
	border-radius: 15px 15px 15px 15px;
	background-color: #e9e7e9;
}

.form_header {
	font-size: 12pt;
	font-family: tahoma;
	color: #ECECCE;
	background-color: #474747;
	border-radius: 15px 15px 0 0;
	padding-top: 4px;
	padding-left: 10px;
	padding-bottom: 4px;
}

.asinput_proj {
    padding: 5px 5px 5px 7px;
	font-size: 12pt; 
	font-family: 'texgyreadventorbold';
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border-radius: 5px;
}


.asinput {
	font-size: 10pt;
    border: 1px solid #BFBFBF;
    padding: 5px 5px 5px 7px;
    color: #666666;
    margin:0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border-radius: 5px;
}

.asinputr {
	font-size: 10pt;
    border: 1px solid #FF0000;
    padding: 5px 5px 5px 7px;
    color: #666666;
    margin:0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border-radius: 5px;
}
.asinputro {
	font-size: 10pt;
    border: 1px solid #BFBFBF;
    padding: 5px 5px 5px 7px;
    color: #666666;
    background-color: #dddddd;
    margin:0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border-radius: 5px;
}

label.asdesc {
    font-family: 'texgyreadventorregular';
    border:none;
    font-size: 10pt;
    color:#2f92cd;
}

label.basdesc {
    font-family: 'texgyreadventorbold';
    border:none;
    font-size: 10pt;
    color:#2f92cd;
}

table.login_form {
	background-color: #bbbbb0;
	border-radius: 8px 8px 8px 8px;
	border: 1px solid #474747;
	min-width: 500px;
	min-height: 200px;
}

.input {
	font-size: 10pt;
	font-family: Tahoma;
	color: #474747;
	border-radius: 8px 0px 0px 8px;
	border: 1px solid #474747;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 3px;
}

span.signout {
	font-size: 8pt;
	color: #FFFFFF;
	font-family: Tahoma;
	padding-left: 5px;
}

.content {
	border: 1px solid #474747;
	border-radius: 8px 8px 8px 8px;
	background-color: #FFFFFF;
}

.page_header {
	border-bottom: 1px solid #474747;
	border-radius: 8px 8px 0 0;
	background-color:  #d5d5cc; /* #d5d5cc; */
	color: #474747;
	font-size: 12pt;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

.stbl_header {
	font-family: 'texgyreadventorregular';
	font-size: 9pt;
	border-bottom: 1px solid #474747;
	color: #474747;
	font-weight: bold;	
}

.tbl_header {
	font-size: 12pt;
	font-family: 'texgyreadventorregular';
	color: 474747;
	font-weight: bold;
	border-bottom: 1px solid #474747;
}

.grey_tbl_header {
	background-color: #9A9A9A; 
	color: #FFFFFF; 
	border-left: 1px solid;
	border-top: 1px solid; 
	border-bottom: 1px solid;
	border-color: #474747;
	padding: 4px;
	font-size: 10pt;
	font-family: 'texgyreadventorregular';
}
.lgrey_tbl_header {
	background-color: #ECECEC; 
	color: #474747; 
	border-left: 1px solid;
	border-bottom: 1px solid;
	border-color: #474747;
	padding: 4px;
	font-size: 10pt;
	font-family: 'texgyreadventorregular';
}

.grnb_tbl_header {
	background-color: #9A9A9A; 
	color: #FFFFFF; 
	padding: 4px;
	font-size: 10pt;
	font-family: 'texgyreadventorregular';
}
.grnb_tbl_footer {
	color: #474747; 
	padding: 4px;
	font-size: 10pt;
	font-family: 'texgyreadventorregular';
	border: 1px solid #9A9A9A;
	text-align: center;
}


.reg_header {
	border-bottom: 1px solid #474747;
	font-color: #474747;
	font-size: 12pt;
	font-family: 'texgyreadventorbold';	
}
/*   PAGEINATION CSS  */

#pageination_container {
    color: #666;
    font: 14px/24px sans-serif;
    margin: 0 auto;
    padding: 0px;
}


.btn {
    display: inline-block;
    padding: 10px;
    border-radius: 5px; /*optional*/
    color: #aaa;
    font-size: .875em;
}

.pagination {
    padding: 00px;
    margin-bottom: 0px;
}

.page {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page:hover, .page.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.page.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}

.pagination.dark {
    background: #414449;
    color: #feffff;
}

.page.dark {
    border: solid 1px #32373b;
    background: #3e4347;
    box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);
    color: #feffff;
    text-shadow: 0px 1px 0px rgba(0,0,0, .5);
}

.page.dark:hover, .page.dark.gradient:hover {
    background: #3d4f5d;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#547085), to(#3d4f5d));
    background: -moz-linear-gradient(0% 0% 270deg,#547085, #3d4f5d);
}

.page.dark.active {
    border: none;
    background: #2f3237;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .1);
}

.page.dark.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#565b5f), to(#3e4347));
    background: -moz-linear-gradient(0% 0% 270deg,#565b5f, #3e4347);
}



/* LOGIN FORM */
.login_form_label {
	font-size: 12pt;
	font-family: 'texgyreadventorregular';
	color: #003366;
}

.login_input {
	font-size: 11pt;
	color: #474747;
	border: 1px solid #474747;
	padding: 8px;
    box-shadow:inset 0px 1px 3px #bbb;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    border-radius:3px;
    -moz-border-radius:5px;
    color:#3a454d;
    font-weight:bold;
}

#login {
    display:inline-block;
    background:#003366 url(../images/buttonbg.png) repeat-x; 
    border:1px solid #003366; 
    border-radius:8px;
    -moz-border-radius:8px;
    position:relative;
    z-index:30;
    cursor:pointer;
    padding: 8px;
    color: #FFFFFF;
    font-family: 'texgyreadventorregular';
    font-size: 10pt;
}

label.cust_form_header {
        font-family: 'texgyreadventorregular';
        border:none;
        font-size: 12pt;
        color:#495760;
        font-weight:bold;
}

.products_tab {
	background: url('../grafx/products_tab.jpg');
	font-size: 10pt;
	color: #002562;
}

div.showme{ 
	position: relative;
	display: none;
}

div.showhim:hover .showme{
	display : block;
	top: 3px;
	right: 0px;
}

div.alert {
	color: #FF0000;
	font-size: 10pt;
}

.project_tile {
    border:1px solid #474747; 
    border-radius:4px;
    -moz-border-radius:4px;
    background-color: #ececec;
    min-width: 300px;
}

.project_title{
	color: #474747;
	font-size: 12pt;
	font-family: 'texgyreadventorbold';
}

.task_list_tile {
	background-color: #FFFFFF;
    border:1px solid #9A9A9A; 
    border-radius:4px;
    -moz-border-radius:4px;
    max-width: 300px;
	
}

.task {
	background-color: #FFFFFF;
	font-size: 10pt;
	max-width: 100px;
}


#new_button {
	position: absolute;
	right: 10px;
	top: 8px;	
}

.member_back{
	background-color: #b6b6b6;
	color: #3e3e3e;
	font-family: 'texgyreadventorregular';
    border-radius:3px;
    padding: 4px;
    font-size: 8pt;
}

.text {
	font-size: 10pt;
	font-family: 'texgyreadventorregular';
	color: #3e3e3e;
}
.wtext {
	font-size: 10pt;
	font-family: 'texgyreadventorregular';
	color: #FFFFFF;
}

.btext {
	font-size: 12pt;
	font-family: 'texgyreadventorbold';
	color: #3e3e3e;
}

.box_header {
	background-color: #474747;
	color: #FFFFFF;
	font-size: 10pt;
	font-family: 'texgyreadventorregular';
}

.box_footer {
	border-left: 1px solid #474747;
	border-bottom: 1px solid #474747;
	background-color: #ececec;
	color: #474747;
	font-size: 10pt;
	font-family: 'texgyreadventorregular';
	
}

.rows {
	font-size: 10pt;
	font-family: 'texgyreadventorregular';
	color: #3e3e3e;
	/*border-bottom: 1px solid #474747; */
}

.srows {
	font-size: 9pt;
	font-family: 'texgyreadventorregular';
	color: #474747;
	/*border-bottom: 1px solid #474747; */
}

.pks_rows {
	border-bottom: 1px solid #9A9A9A;
	font-size: 8pt;
}

.big_rows {
	font-size: 13pt;
	font-family: 'texgyreadventorregular';
	color: #474747;	
}

.reg_rows {
	font-size: 10pt;
	font-family: 'texgyreadventorregular';
	color: #474747;
	padding: 8px;
	border-right: 1px solid #dcdcdc;
}
.reg_rows_b {
	font-size: 9pt;
	font-family: 'texgyreadventorregular';
	color: #474747;
	background-color: #eef2f2;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	padding: 4px 0 4px 8px;
}

span.ar_comment {
	color: #535353;
    font-size: 12pt;
	font-family: 'texgyreadventorregular';
}

span.ar_comment_name {
	color: #527ea0;
	font-size: 12pt;
	font-weight: bold;
	font-family: 'texgyreadventorregular';
}

span.ar_comment_date {
	color: #474747;
	font-size: 10pt;
	font-family: 'texgyreadventorregular';
}

input[type="submit"] {
	background-color: #ECECEC;
	color: #FFFFFF;
	cursor: pointer;
	font-family: 'texgyreadventorregular';
	border: 0px;
	padding: 5px;
	font-size: 9pt;
    border-radius:3px;
    -moz-border-radius:3px;
    background: #2464b7; /* Old browsers */
	background: -moz-linear-gradient(top,  #2464b7 0%, #2989d8 100%, #207cca 100%, #7db9e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2464b7), color-stop(100%,#2989d8), color-stop(100%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2464b7 0%,#2989d8 100%,#207cca 100%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2464b7 0%,#2989d8 100%,#207cca 100%,#7db9e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2464b7 0%,#2989d8 100%,#207cca 100%,#7db9e8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2464b7 0%,#2989d8 100%,#207cca 100%,#7db9e8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2464b7', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}

input[type="button"] {
	background-color: #ECECEC;
	color: #FFFFFF;
	cursor: pointer;
	font-family: 'texgyreadventorregular';
	border: 0px;
	font-size: 9pt;
	padding: 5px;
    border-radius:3px;
    -moz-border-radius:3px;
	background: #e82e2e; /* Old browsers */
	background: -moz-linear-gradient(top,  #e82e2e 0%, #965151 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e82e2e), color-stop(100%,#965151)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e82e2e 0%,#965151 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e82e2e 0%,#965151 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e82e2e 0%,#965151 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e82e2e 0%,#965151 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e82e2e', endColorstr='#965151',GradientType=0 ); /* IE6-9 */
}

.prod_header {
	font-size: 13pt;
	color: #FFFFFF;
	font-family: 'texgyreadventorregular';
	background-color: #9A9A9A;
}


/* Calendar CSS */



td.cal_header {
	background-color: #6388C7;
	font-family: Tahoma;
	font-size: 11pt;
	border-bottom: 1px solid #EFEFEF;
	color: #FFFFFF;
}

td.dayblock {
	border-bottom: 1px solid #6388C7;
	border-right: 1px solid #6388C7;
	min-height: 200px;
	height: 200px;
	vertical-align: top;
	/* float: left;
	display:inline-block;
	display: -moz-inline-stack; */
}

td.dayblocktoday {
	border-bottom: 1px solid #6388C7;
	border-right: 1px solid #6388C7;
	min-height: 200px;
	height: 200px;
	background-color: #FFFFCC;
	vertical-align:top;
}

td.predayblock {
	border-bottom: 1px solid #6388C7;
	border-right: 1px solid #6388C7;
	background-color: #ECECEC;
	min-height: 200px;
	height: 200px;
}

#dayposition {
	position: absolute;
	left: 3px;
	top: 3px;
}
#events {
	position: absolute;
	left: 3px;
	top: 20px;
	width: 99%;
	min-width: 99%;
	display: table;
}

td.event_rows {
	display: table-cell;
	padding-top: 2px;
	margin-top: 2px;
	z-index: 10000;
}


.settings_tile {
	background-color: #FFFFFF; 
	height: 100%;
}

.settings_tile_div {
	min-width: 150px;
	min-height: 100%;
	height: 100%;
	border: 0px solid #FF0000;
	background: #ECECEC;
	padding: 20px;
	text-align: center;
}

div.settings_tile_div:hover {
	background: #474747;
	color: #FFFFFF;
}

.settings_tile_div_on {
	min-width: 150px;
	min-height: 100%;
	height: 100%;
	border: 0px solid #FF0000;
	background: #297729;
	color: #FFFFFF;
	padding: 11px;
	text-align: center;
}

div.settings_tile_div_on:hover {
	background: #474747;
	color: #FFFFFF;
}

.members_tile_div {
	font-family: 'texgyreadventorregular';
	padding: 10px;
    border-radius:8px;
    -moz-border-radius:8px;
}

div.members_tile_div:hover {
	background-color: #474747;
	color: #FFFFFF;
	background-image: url('../grafx/white_x.png');
	background-repeat: no-repeat;
	background-position: 93% 50%;
}
.members_tile {
	background-color: #ECECEC;
	height: 100%;
    border-radius:8px;
    -moz-border-radius:8px;
}

td.form {
	font-family: 'texgyreadventorregular';
	padding: 10px;
    border-radius:8px;
    -moz-border-radius:8px;
    background-color: #ECECEC;
    border: 2px solid #474747;
    min-width: 800px;	
}

.line {
	
}
.written_content {
	float: left;
}
.line::after {
	display: block;
	min-height: 1em;
	overflow: hidden;
	content: "***************************************************";
}


/* Check Position Divs */

#payee1 {position: absolute; top: 90px; left: 60px;}
#payee2 {position: absolute; top: 75px; left: 60px;}
#payee3 {position: absolute; top: 60px; left: 60px;}
#payee4 {position: absolute; top: 65px; left: 60px;}

#ch_date1 {position: absolute; top: 38px; right: 18px;}
#ch_date2 {position: absolute; top: 23px; right: 18px;}
#ch_date3 {position: absolute; top: 13px; right: 18px;}
#ch_date4 {position: absolute; top: 18px; right: 18px;}

#ch_address1 {position: absolute; top: 159px; left: 50px;}
#ch_address2 {position: absolute; top: 144px; left: 50px;}
#ch_address3 {position: absolute; top: 130px; left: 50px;}
#ch_address4 {position: absolute; top: 138px; left: 50px;}

#ch_amt1 {position: absolute; top: 85px; right: 0px;}
#ch_amt2 {position: absolute; top: 70px; right: 0px;}
#ch_amt3 {position: absolute; top: 50px; right: 0px;}
#ch_amt4 {position: absolute; top: 65px; right: 0px;}

div.dots
{
        float: left;
        clear: both;
        width: 100%;
        height: 70px;
        background: url("http://www.g2ids.com/grafx/dotleaders.png") left 100% repeat-x;
        background-position:top;
        border: 0px solid #FF0000;
        padding-bottom: 0px;
}

span.chspelledspan { 
	float: left;
	padding-right: .5ex;
	background-color: #fff;
	font-size: 10pt;
	color: #1d1d1d;
}

#ch_spelled1 { position: absolute; top: 120px; left: 10px; background: url("./grafx/asterex.png")left 100% repeat-x; width: 88%; background-position:top;}
#ch_spelled2 { position: absolute; top: 105px; left: 10px; background: url("./grafx/asterex.png")left 100% repeat-x; width: 88%; background-position:top;}
#ch_spelled3 { position: absolute; top: 80px; left: 10px; background: url("./grafx/asterex.png")left 100% repeat-x; width: 88%; background-position:top;}
#ch_spelled4 { position: absolute; top: 95px; left: 10px; background: url("./grafx/asterex.png")left 100% repeat-x; width: 88%; background-position:top;}

#ch_memo1 {position: absolute; top: 234px; left: 50px;}
#ch_memo2 {position: absolute; top: 219px; left: 50px;}
#ch_memo3 {position: absolute; top: 200px; left: 50px;}
#ch_memo4 {position: absolute; top: 225px; left: 50px;}

#bill_info1 {position: absolute; top: 330px; left: 40px; border: 0px solid #9A9A9A;}
#bill_info2 {position: absolute; top: 315px; left: 40px; border: 0px solid #9A9A9A;}
#bill_info3 {position: absolute; top: 300px; left: 40px; border: 0px solid #9A9A9A;}
#bill_info4 {position: absolute; top: 330px; left: 40px; border: 0px solid #9A9A9A;}

#payment_info1 {position: absolute; top: 700px; left: 40px; border: 0px solid #9A9A9A;}
#payment_info2 {position: absolute; top: 685px; left: 40px; border: 0px solid #9A9A9A;}
#payment_info3 {position: absolute; top: 665px; left: 40px; border: 0px solid #9A9A9A;}
#payment_info4 {position: absolute; top: 700px; left: 40px; border: 0px solid #9A9A9A;}





/* 'star-rating' component */
/* star rating code - use lists because its more semantic */
/* No javascript required */
/* all the stars are contained in one matrix to solve rollover problems with delay */
/* the background position is just shifted to reveal the correct image. */
/* the images are 16px by 16px and the background position will be shifted in negative 16px increments */
/*  key:  B=Blank : O=Orange : G = Green * /
/*..... The Matrix ....... */
/* colours ....Background position */
/* B B B B B - (0 0)*/
/* G B B B B - (0 -16px)*/
/* G G B B B - (0 -32px)*/
/* G G G B B - (0 -48px)*/
/* G G G G B - (0 -64px)*/
/* G G G G G - (0 -80px)*/
/* O B B B B - (0 -96px)*/
/* O O B B B - (0 -112px)*/
/* O O O B B - (0 -128px)*/
/* O O O O B - (0 -144px)*/
/* O O O O O - (0 -160px)*/


/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.rating{
	width:80px;
	height:16px;
	margin:0 0 0 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(../grafx/star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(../grafx/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}
/* end rating code */
h3{margin:0 0 2px 0;font-size:110%}


/* gear options 
* {-webkit-padding-start: 0px;} */
.gear_options ul {
	-webkit-padding-start: 0px;
	padding: 0px;
	margin: 0px;
}
.gear_options li {
	background-color: #ECECEC;
	font-size: 10pt;
	font-family: 'texgyreadventorregular';
	list-style-type: none;
	border-bottom: 1px solid #dddddd;
	padding: 3px 5px 3px 5px;
}

.gear_options a {
	color: #474747;
}

.gear_options li:hover {
	background-color: #1d60a3;
	color: #FFFFFF;
}
.gear_options a:hover {
	color: #FFFFFF;
}


.wo_header {
	font-size: 14pt;
	color: #474747;
    font-family: 'texgyreadventorbold';
}

.wo_text {
	font-size: 10pt;
	color: #474747;
	font-family: 'texgyreadventorregular';
}

.retired {
	position: absolute;
	left: 15px;
	top: 50px;
	width: 178;
	height: 89;
	z-index: 2000;
	border: 0px solid #FF0000;
	background-image: url('../grafx/retired.png');
}

/*  JOB BOARD LAYOUT */

#job_board_search_window {
	position: fixed;
	bottom: 5px;
	left: 20px;
	right: 20px;
	height: 200px;
	background-color: #ececec;
	z-index: 10000;
	border-radius: 0 0 5px 5px;
	border-left: 1px solid #474747;
	border-right: 1px solid #474747;
	border-bottom: 1px solid #474747;
	border-top: 1px solid #9A9A9A;
}

#sw_inner {
	padding: 10px;
}

#jbbbw {
	position: fixed;
	bottom: 0px;
	left: 20px;
	right: 20px;
	height: 10px;
	border: 0px solid #FF0000;
	background-color: #f6f6ec;
	z-index: 9999;
}

.ui-state-default {
}


/* Scroll Bar CSS */

/* Let's get this party started */
::-webkit-scrollbar {
    width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(107,107,107,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
       background: rgba(255,0,0,0.4); 
}

/* End Scroll Bar CSS */

/* Call out Box code ***/
.callout {
    position: relative;
    margin: 18px 0;
    padding: 18px 20px;
    background-color: #eef4f9;
    /* easy rounded corners for modern browsers */
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.callout .notch {
    position: absolute;
    top: -10px;
    left: 80px;
    margin: 0;
    border-top: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #eef4f9;
    padding: 0;
    width: 0;
    height: 0;
    /* ie6 height fix */
    font-size: 0;
    line-height: 0;
     /* ie6 transparent fix */
    _border-right-color: pink;
    _border-left-color: pink;
    _filter: chroma(color=pink);
}

.border-callout { border: 1px solid #c5d9e8; padding: 17px 19px; }
.border-callout .border-notch { border-bottom-color: #c5d9e8; top: -11px; }
/* End Call out Box code ***/




div.button {
    font-family: 'texgyreadventorbold';
	font-size: 12pt;
	color: #474747;
	border: 1px solid #c5c5c5;
	padding: 2px 25px 4px 25px;
	border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    background: #FFFFFF url(../grafx/user_icon_sm.png);	
    background-repeat: no-repeat;
	background-position: 5% 55%;
	width: 150px;
}

.button:hover {
	color: #FFFFFF;
    background: #298fca url(../grafx/user_icon_sm.png);	
    background-repeat: no-repeat;
	background-position: 5% 55%;
}

div.checklist_button {
    font-family: 'texgyreadventorbold';
	font-size: 12pt;
	color: #474747;
	border: 1px solid #c5c5c5;
	padding: 2px 25px 4px 25px;
	border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    background: #FFFFFF url(../grafx/check_icon_sm.png);	
    background-repeat: no-repeat;
	background-position: 5% 55%;
	width: 150px;
}

.checklist_button:hover {
	color: #FFFFFF;
    background: #298fca url(../grafx/check_icon_sm.png);	
    background-repeat: no-repeat;
	background-position: 5% 55%;
}

div.duedate_button {
    font-family: 'texgyreadventorbold';
	font-size: 12pt;
	color: #474747;
	border: 1px solid #c5c5c5;
	padding: 2px 25px 4px 25px;
	border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    background: #FFFFFF url(../grafx/date_icon_sm.png);	
    background-repeat: no-repeat;
	background-position: 5% 55%;
	width: 150px;
}

.duedate_button:hover {
	color: #FFFFFF;
    background: #298fca url(../grafx/date_icon_sm.png);	
    background-repeat: no-repeat;
	background-position: 5% 55%;
}

div.move_button {
    font-family: 'texgyreadventorbold';
	font-size: 12pt;
	color: #474747;
	border: 1px solid #c5c5c5;
	padding: 2px 25px 4px 25px;
	border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    background: #FFFFFF url(../grafx/move_icon_sm.png);		
    background-repeat: no-repeat;
	background-position: 5% 55%;
	width: 150px;
}

div.attach_button {
    font-family: 'texgyreadventorbold';
	font-size: 12pt;
	color: #474747;
	border: 1px solid #c5c5c5;
	padding: 2px 25px 4px 25px;
	border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    background: #FFFFFF url(../grafx/attach_file_icon_sm.png);		
    background-repeat: no-repeat;
	background-position: 5% 55%;
	width: 150px;
}

.attach_button:hover {
	color: #FFFFFF;
    background: #298fca url(../grafx/attach_file_icon_sm.png);	
    background-repeat: no-repeat;
	background-position: 5% 55%;
}

.move_button:hover {
	color: #FFFFFF;
    background: #298fca url(../grafx/move_icon_sm.png);	
    background-repeat: no-repeat;
	background-position: 5% 55%;
}

div.copy_button {
    font-family: 'texgyreadventorbold';
	font-size: 12pt;
	color: #474747;
	border: 1px solid #c5c5c5;
	padding: 2px 25px 4px 25px;
	border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    background: #FFFFFF url(../grafx/copy_icon_sm.png);		
    background-repeat: no-repeat;
	background-position: 5% 55%;
	width: 150px;
}
.copy_button:hover {
	color: #FFFFFF;
    background: #298fca url(../grafx/copy_icon_sm.png);	
    background-repeat: no-repeat;
	background-position: 5% 55%;
}

div.more_button {
    font-family: 'texgyreadventorbold';
	font-size: 12pt;
	color: #474747;
	border: 1px solid #c5c5c5;
	padding: 2px 25px 4px 25px;
	border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    background: #FFFFFF url(../grafx/gear_icon_sm.png);		
    background-repeat: no-repeat;
	background-position: 5% 55%;
	width: 150px;
}
.more_button:hover {
	color: #FFFFFF;
    background: #298fca url(../grafx/gear_icon_sm.png);	
    background-repeat: no-repeat;
	background-position: 5% 55%;
}

div.status_button {
    font-family: 'texgyreadventorbold';
	font-size: 12pt;
	color: #474747;
	border: 1px solid #c5c5c5;
	padding: 2px 25px 4px 25px;
	border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    background: #FFFFFF url(../grafx/gear_icon_sm.png);		
    background-repeat: no-repeat;
	background-position: 5% 55%;
	width: 150px;
}
.status_button:hover {
	color: #FFFFFF;
    background: #298fca url(../grafx/gear_icon_sm.png);	
    background-repeat: no-repeat;
	background-position: 5% 55%;
}

div.archive_button {
    font-family: 'texgyreadventorbold';
	font-size: 12pt;
	color: #474747;
	border: 1px solid #c5c5c5;
	padding: 2px 25px 4px 25px;
	border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    background: #FFFFFF url(../grafx/archive_icon_sm.png);		
    background-repeat: no-repeat;
	background-position: 5% 55%;
	width: 150px;
}
.archive_button:hover {
	color: #FFFFFF;
    background: #298fca url(../grafx/archive_icon_sm.png);	
    background-repeat: no-repeat;
	background-position: 5% 55%;
}

span.add_task_button {
    font-family: 'texgyreadventorregular';
	font-size: 10pt;
	color: #474747;
	border: 1px solid #c5c5c5;
	padding: 2px 25px 4px 25px;
	border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    background: #FFFFFF url(../grafx/user_icon_sm.png);	
    background-repeat: no-repeat;
	background-position: 5% 55%;
}


.popup_window {
	border: 1px solid #c5c5c5;
	border-radius: 2px 2px 2px 2px;
	display: none;
	background: #FFFFFF;
	-webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, .25);
	font-family: 'texgyreadventorregular';
}

span.initials {
	background-color: #ececec;
	color: #4d4d4d;
	border-radius: 2px 2px 2px 2px;
	padding: 2px 5px 2px 5px;
	border: 1px solid #4d4d4d;
	min-width: 100px;
}

.new_task_window {
	border: 1px solid #c5c5c5;
	border-radius: 2px 2px 2px 2px;
	display: none;
	background: #FFFFFF;
	-webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, .25);
	font-family: 'texgyreadventorregular';
}


#close_icon {
	position: absolute;
	top: 3px;
	right: 3px;
}

.activity_fname {
	color: #474747;
    font-family: 'texgyreadventorbold';
}
.activity_date {
	font-size: 9pt;
	color: #9a9a9a;
}
hr.proj{
	border-top: 1px solid #ececec;
	text-align: center;
}

.activity_comment{
	border: 1px solid #c5c5c5;
	border-radius: 4px 4px 4px 4px;
	background: #FFFFFF;
	-webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, .15);
	font-family: 'texgyreadventorregular';
	padding: 10px;
}

.projm_header {
	font-size: 11pt;
	color: #6f6f6f;
    font-family: 'texgyreadventorbold';
	
}

.proj_actions {
	padding: 10px;
    cursor: pointer;
	color: #6f6f6f;
	border-bottom: 1px solid #ECECEC;
}

.proj_actions:hover {
	background-color: #298fca;
	padding: 10px;
    cursor: pointer;
	color: #FFFFFF;
	
}

.proj_actions_text:hover {
	color: #FFFFFF;
	
}

.color_choice {
	padding: 10px;
}

.proj_header {
	background-color: #ECECEC;	
	padding: 10px;
    font-family: 'texgyreadventorbold';
	color: #474747;
	border-top: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
}

td.proj_rows {
	padding: 8px;
	color: #474747;
	font-size: 10pt;
    cursor: pointer;
}

.projectTable tr:hover {
	background-color: #676767; !important;
	color: #FFFFFF;
    cursor: pointer;
}
.projectTable tr:hover td {
	background-color: transparent;
	color: #FFFFFF;
    cursor: pointer;
}

.projectTable .proj_rows_odd {
	padding: 18px;
	font-size: 10pt;
	background-color: #FFFFFF;
    cursor: pointer;
}

.projectTable .proj_rows_even {
	padding: 18px;
	font-size: 10pt;
	background-color: #f6f6f6;
    cursor: pointer;
}

span.status_bubble {
	padding: 7px;
	color: #474747;
	width: 10px;
	border-radius: 5px 5px 5px 5px;
	border: 1px solid #9A9A9A;
}

.proj_form_header {
	color: #2f92cd;
	font-size: 16pt;
	padding-left: 60px;
    font-family: 'texgyreadventorbold';
    padding: 10pt;    background: #FFFFFF url(../grafx/comment_cloud_50z50.svg);		
    background-repeat: no-repeat;
    background-size: 30px 30px;
	background-position: 5% 55%;
}

a.proj_link:link    { color: #474747; font-size: 10pt; font-family: 'texgyreadventorregular'; text-decoration: none; z-index: 10000;}
a.proj_link:active  { color: #474747; font-size: 10pt; font-family: 'texgyreadventorregular'; text-decoration: none; z-index: 10000;}
a.proj_link:visited { color: #474747; font-size: 10pt; font-family: 'texgyreadventorregular'; text-decoration: none; z-index: 10000;}
a.proj_link:hover   { color: #FFFFFF; font-size: 10pt; font-family: 'texgyreadventorregular'; text-decoration: underline; z-index: 10000;}


.new_comment {
	padding: 15px;
	border: 1px solid #dbdbdb;
	font-size: 11pt;
	color: #474747;
}

.proj_comm_name {
    font-family: 'texgyreadventorbold';
    font-size: 11pt;
}

.proj_comm_date {
	font-size: 9pt;
	color: #9A9A9A;
}

.proj_comm_text {
	font-size: 11pt;
	color: #474747;	
	font-family: 'texgyreadventorregular';
}

.transparent_back {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0 ,0, 0.7);
	z-index: 99999;
	text-align: center;
	display: none;
	overflow: auto;
}

.view_task_file {
	border: 1px solid #999999;
	border-radius: 10px;
	background: #ffffff;
	color: #666666;
	margin: auto;
	margin-top: 160px;
	padding: 10px;
	text-align: left;
	position: relative;
	z-index: 100000;
}

.proj_file_upload {
	width: 300px;
	height: 140px;
	border: 1px solid #999999;
	border-radius: 10px;
	background: #ffffff;
	color: #666666;
	margin: auto;
	margin-top: 160px;
	padding: 10px;
	text-align: left;
	position: relative;
	z-index: 100000;
}



/*  PHOTO CROPPING */

.upload_btn {
	background: #FFFFFF;
	color: #333333;
	border: 0px solid #999999;
	border-radius: 10px;
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	display: inline-block;
	padding: 0 0px 0 0px;
	cursor: pointer;
}
#photo_container {
	padding: 0px 0 0 0;
}
.upload_btn:hover {
	background: #FFFFFF;
}
/* footer --------------------------*/
.footer {
	padding: 10px;
	text-align: right;
}
.footer a {
	color: #999999;
	text-decoration: none;
}
.footer a:hover {
	text-decoration: underline;
}

/* popup --------------------------*/
#popup_upload,
#popup_crop {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0 ,0, 0.7);
	z-index: 99;
	text-align: center;
	display: none;
	overflow: auto;
}
.form_upload {
	width: 300px;
	height: 140px;
	border: 1px solid #999999;
	border-radius: 10px;
	background: #ffffff;
	color: #666666;
	margin: auto;
	margin-top: 160px;
	padding: 10px;
	text-align: left;
	position: relative;
}
.form_upload h2 {
	border-bottom: 1px solid #999999;
	padding: 0 0 5px 0;
	margin: 0 0 20px 0;
}
.upload_frame {
	width: 0;
	height: 0;
	display: none;
}
.file_input {
	width: 97%;
	background: #eaeaea;
	border: 1px solid #999999;
	border-radius: 5px;
	color: #333333;
	padding: 1%;
	margin: 0 0 20px 0;
}
#upload_btn {
	background: #cccccc;
	color: #333333;
	border: 1px solid #999999;
	border-radius: 10px;
	float: right;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	font-family: arial;
	display: block;
	padding: 5px;
	cursor: pointer;
}
#upload_btn:hover {
	background: #eaeaea;
}
.close {
    position: absolute;
    display: block;
    right: 10px;
    cursor: pointer;
    font-size: 20px;
    line-height: 16px;
    width: 18px;
    height: 18px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    background: #F0F0F0;
    text-align: center;
    font-weight: bold;
}
.close:hover {
    background: #cccccc;
}
#loading_progress {
    float: left;
    line-height: 18px;
    padding: 8px 0 0 0;
}
#loading_progress img {
    float: left;
    margin: 0 5px 0 0;
    width: 16px !important;
}
.form_crop {
	width: auto;
	height: auto;
	display: inline-block;
	border: 1px solid #999999;
	border-radius: 10px;
	background: #ffffff;
	color: #666666;
	margin: auto;
	margin-top: 40px;
	padding: 10px;
	text-align: left;
	position: relative;
}
.form_crop h2 {
	border-bottom: 1px solid #999999;
	padding: 0 0 5px 0;
	margin: 0 0 20px 0;
}
#target {
	background-color: #ccc;
	width: 500px;
	height: 330px;
	font-size: 24px;
	display: block;
}
#crop_btn {
	background: #cccccc;
	color: #333333;
	border: 1px solid #999999;
	border-radius: 10px;
	float: right;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	font-family: arial;
	display: block;
	padding: 5px;
	margin: 10px 0 0 0;
	cursor: pointer;
}
#crop_btn:hover {
	background: #eaeaea;
}