a:link    { color: #2B515C; text-decoration: none;}
a:active  { color: #2B515C; text-decoration: none;}
a:visited { color: #2B515C; text-decoration: none;}
a:hover   { color: #2C7E96; text-decoration: none;}

a.path:link    { color: #FFFFFF; font-size: 8pt; text-decoration: underline;}
a.path:active  { color: #FFFFFF; font-size: 8pt; text-decoration: underline;}
a.path:visited { color: #FFFFFF; font-size: 8pt; text-decoration: underline;}
a.path:hover   { color: #ECECEC; font-size: 8pt; text-decoration: underline;}

a.pages:link    { color: #0d6cb4; font-size: 10pt; font-family: arial; font-weight: bold; text-decoration: none; padding-left: 5px; padding-right: 5px;}
a.pages:active  { color: #0d6cb4; font-size: 10pt; font-family: arial; font-weight: bold; text-decoration: none; padding-left: 5px; padding-right: 5px;}
a.pages:visited { color: #0d6cb4; font-size: 10pt; font-family: arial; font-weight: bold; text-decoration: none; padding-left: 5px; padding-right: 5px;}
a.pages:hover   { color: #0d6cb4; font-size: 10pt; font-family: arial; font-weight: bold; text-decoration: none; padding-left: 5px; padding-right: 5px; outline: 1px solid #0d6cb4;}

a.pageson:link    { color: #FFFFFF; font-size: 10pt; font-family: arial; font-weight: bold; text-decoration: none; padding-left: 5px; padding-right: 5px; background-color: #0d6cb4;}
a.pageson:active  { color: #FFFFFF; font-size: 10pt; font-family: arial; font-weight: bold; text-decoration: none; padding-left: 5px; padding-right: 5px; background-color: #0d6cb4;}
a.pageson:visited { color: #FFFFFF; font-size: 10pt; font-family: arial; font-weight: bold; text-decoration: none; padding-left: 5px; padding-right: 5px; background-color: #0d6cb4;}
a.pageson:hover   { color: #FFFFFF; font-size: 10pt; font-family: arial; font-weight: bold; text-decoration: none; padding-left: 5px; padding-right: 5px; background-color: #0d6cb4;}

a.cart:link    { color: #E8774B; font-size: 8pt; text-decoration: none;}
a.cart:active  { color: #E8774B; font-size: 8pt; text-decoration: none;}
a.cart:visited { color: #E8774B; font-size: 8pt; text-decoration: none;}
a.cart:hover   { color: #E8774B; font-size: 8pt; text-decoration: underline;}

a.editlink:link    { color: #0060FF; font-size: 10pt; text-decoration: none;}
a.editlink:active  { color: #0060FF; font-size: 10pt; text-decoration: none;}
a.editlink:visited { color: #0060FF; font-size: 10pt; text-decoration: none;}
a.editlink:hover   { color: #0060FF; font-size: 10pt; text-decoration: underline;}

a.sub_menu:link    { color: #C1641D; font-size: 8pt; text-decoration: none;}
a.sub_menu:active  { color: #C1641D; font-size: 8pt; text-decoration: none;}
a.sub_menu:visited { color: #C1641D; font-size: 8pt; text-decoration: none;}
a.sub_menu:hover   { color: #C1641D; font-size: 8pt; text-decoration: none;}

a.nsub_menu:link    { color: #FFFFFF; font-size: 8pt; text-decoration: none;}
a.nsub_menu:active  { color: #FFFFFF; font-size: 8pt; text-decoration: none;}
a.nsub_menu:visited { color: #FFFFFF; font-size: 8pt; text-decoration: none;}
a.nsub_menu:hover   { color: #FFFFFF; font-size: 8pt; text-decoration: none;}

a.srting:link    { color: #FFFFFF; font-size: 8pt; text-decoration: none; font-family: verdana;}
a.string:active  { color: #FFFFFF; font-size: 8pt; text-decoration: none; font-family: verdana;}
a.string:visited { color: #FFFFFF; font-size: 8pt; text-decoration: none; font-family: verdana;}
a.string:hover   { color: #FFFFFF; font-size: 8pt; text-decoration: underline; font-family: verdana;}

a.tab_header:link    { color: #258300; font-size: 12pt; text-decoration: none; font-family: verdana;}
a.tab_header:active  { color: #258300; font-size: 12pt; text-decoration: none; font-family: verdana;}
a.tab_header:visited { color: #258300; font-size: 12pt; text-decoration: none; font-family: verdana;}
a.tab_header:hover   { color: #58A43B; font-size: 12pt; text-decoration: none; font-family: verdana;}

a.table_header:link    { color: #2B515C; font-size: 10pt; text-decoration: none; font-family: verdana;}
a.table_header:active  { color: #2B515C; font-size: 10pt; text-decoration: none; font-family: verdana;}
a.table_header:visited { color: #2B515C; font-size: 10pt; text-decoration: none; font-family: verdana;}
a.table_header:hover   { color: #2B515C; font-size: 10pt; text-decoration: none; font-family: verdana;}

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

a.swhite:link    { color: #FFFFFF; font-size: 7pt; text-decoration: none; font-family: verdana;}
a.swhite:active  { color: #FFFFFF; font-size: 7pt; text-decoration: none; font-family: verdana;}
a.swhite:visited { color: #FFFFFF; font-size: 7pt; text-decoration: none; font-family: verdana;}
a.swhite:hover   { color: #FFFFFF; font-size: 7pt; text-decoration: none; font-family: verdana;}

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

a.category:link    { color: #4351AA; font-size: 8pt; text-decoration: none; font-family: verdana;}
a.category:active  { color: #4351AA; font-size: 8pt; text-decoration: none; font-family: verdana;}
a.category:visited { color: #4351AA; font-size: 8pt; text-decoration: none; font-family: verdana;}
a.category:hover   { color: #4351AA; font-size: 8pt; text-decoration: underline; font-family: verdana;}

a.prod_desc:link    { color: #026EB8; font-size: 8pt; text-decoration: none; font-family: verdana; font-weight: bold;}
a.prod_desc:active  { color: #026EB8; font-size: 8pt; text-decoration: none; font-family: verdana; font-weight: bold;}
a.prod_desc:visited { color: #026EB8; font-size: 8pt; text-decoration: none; font-family: verdana; font-weight: bold;}
a.prod_desc:hover   { color: #026EB8; font-size: 8pt; text-decoration: none; font-family: verdana; font-weight: bold;}

a.last_ordered:link    { color: #FF0000; font-size: 8pt; text-decoration: none; font-family: verdana; font-weight: bold;}
a.last_ordered:active  { color: #FF0000; font-size: 8pt; text-decoration: none; font-family: verdana; font-weight: bold;}
a.last_ordered:visited { color: #FF0000; font-size: 8pt; text-decoration: none; font-family: verdana; font-weight: bold;}
a.last_ordered:hover   { color: #FF0000; font-size: 8pt; text-decoration: none; font-family: verdana; font-weight: bold;}

a.widget_link:link    { color: #FFFFFF; font-size: 10pt; text-decoration: none; font-family: verdana;}
a.widget_link:active  { color: #FFFFFF; font-size: 10pt; text-decoration: none; font-family: verdana;}
a.widget_link:visited { color: #FFFFFF; font-size: 10pt; text-decoration: none; font-family: verdana;}
a.widget_link:hover   { color: #FFFFFF; font-size: 10pt; text-decoration: none; font-family: verdana;}

.lcal_day div.link	{background-color: #FFFFFF; display: hidden; width: 100%;}
.lcal_day div.active	{background-color: #FFFFFF; display: hidden; width: 100%;}
.lcal_day div.visited	{background-color: #FFFFFF; display: hidden; width: 100%;}
.lcal_day div.hover	{background-color: #d0f3f3; display: block; width: 100%;}


a.pageination:link    { color: #2c2c2c; font-size: 8pt; text-decoration: none; padding-left: 6px; padding-right: 6px;}
a.pageination:active  { color: #2c2c2c; font-size: 8pt; text-decoration: none; padding-left: 6px; padding-right: 6px;}
a.pageination:visited { color: #686868; font-size: 8pt; text-decoration: none; padding-left: 6px; padding-right: 6px;}
a.pageination:hover   { color: #454545; font-size: 8pt; text-decoration: none; outline: 0px solid #454545; padding-left: 6px; padding-right: 6px;}

a.text_pageination:link    { color: #2c2c2c; font-size: 8pt; text-decoration: none; padding: 2px;}
a.text_pageination:active  { color: #2c2c2c; font-size: 8pt; text-decoration: none; padding: 2px;}
a.text_pageination:visited { color: #686868; font-size: 8pt; text-decoration: none; padding: 2px;}
a.text_pageination:hover   { color: #454545; font-size: 8pt; text-decoration: none; outline: 1px solid #454545; padding: 2px;}

a.pageinationOn:link    { color: #454545; font-weight: bold; font-size: 8pt; text-decoration: none; outline: 1px solid #454545; padding-left: 6px; padding-right: 6px;}
a.pageinationOn:active  { color: #454545; font-weight: bold; font-size: 8pt; text-decoration: none; outline: 1px solid #454545; padding-left: 6px; padding-right: 6px;}
a.pageinationOn:visited { color: #454545; font-weight: bold; font-size: 8pt; text-decoration: none; outline: 1px solid #454545; padding-left: 6px; padding-right: 6px;}
a.pageinationOn:hover   { color: #454545; font-weight: bold; font-size: 8pt; text-decoration: none; outline: 1px solid #454545; padding-left: 6px; padding-right: 6px;}

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

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

TABLE.body {
	background-image: url(grafx/out_bg.jpg);
        background-repeat:repeat-x;
        background-color:#0A5B23;
}

SELECT {
	font-size: 8pt;
}

input.right{ 
	border: 1px solid #9A9A9A;
         text-align:right; 
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
	padding-right: 4px;
}
 
INPUT {
	font-size: 8pt;
}

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

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


#quote_container {
        position: relative;
        width: 100%;
        float: left;
        height: 100%;
        border: 0px solid;
        border-color: #9A9A9A;
        text-align: center;
}

#quote_form_container {
	top: 0px;
	right: 0px;
        position: fixed;
        width: 900px;
        height: 100%;
        float: right;
        border: 0px solid #303030;
        text-align: center;
	background-color: #FFFFFF;
}

#rc_checks_container {
	overflow: auto;
	max-height: 700px;
	height: 700px;
	border: 0px solid #FF0000;
}

#deposit_window {
	position: fixed;
	left: 10px;
	top: 50px;
	border: 1px solid #00a4aa;
	overflow: auto;
	z-index: 20;
	max-width: 320px;
	max-height: 700px;
	width: 300px;
	height: 700px;
}

#all_vendor_bills {
	position: fixed;
	top: 5px;
	left: 5px;
	width: 250;
	max-width: 250px;
	max-height: 700px;
	overflow: auto;
	z-index: 20;
	border: 1px solid #00a4aa;
}

#page_container {
	position: relative;
	width: 100%;
	float: left;
	#border: 0px solid #FF0000;
	overflow: auto;
}
#full_container {
	position: relative;
	width: 100%;
	float: left;
	height: 100%;
	border: 0px solid;
	border-color: #9A9A9A;
}
#inv_container {
	position: relative;
        width: 100%;
        float: left;
        height: 100%;
        border: 0px solid;
        border-color: #9A9A9A;
}

#menu_loc {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 30px;
	border-right: 1px solid #9A9A9A;
	overflow: hidden;
	scrolling: no;
	margin: auto;
}

#onoff_switch {
	position: relative;
        width: 50px;
        border: 0px solid;
        border-color: #FF0000;
}
#product_container {
	position: relative;
        width: 98%;
	height: auto;
	border: 0px solid #FF0000;
	overflow: auto;
}

#program_container {
	position: relative;
	width: 100%;
	border: 0px solid;
	border-color: #FF0000;
}

#proof_hist {
	position: absolute;
	top: 0px;
	right: -510px;
	border: 5px solid #9A9A9A;
	width: 500px;
	max-height: 400px;
	overflow: auto;
}

#four_hundred_tall {
	max-height: 380px;
	overflow: auto;
	width: 100%;
}

#client_check_space {
	max-height: 400px;
	overflow: auto;
}

#pd_question_body {
	max-height: 375px;
	height: 375px;
	overflow: auto;
	z-index: 5;
}

#new_login_button {
	z-index: 1000;
}
.slidingDiv {
    height:100px;
    background-color: #99CCFF;
    padding:20px;
    margin-top:10px;
    border-bottom:5px solid #3399FF;
    z-index: 10000;
}
 
.show_hide {
    display:none;
    z-index: 10000;
}

.staff_para {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	text-align: justify; 
	text-justify: newspaper;
	color: #494949;
}

#po_item_form_back {
	position: absolute;
	left: 6%;
	top: 50px;
	width: 1432px;
	z-index: 3;
	text-align: center;
	}

#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: 5px;
    border-radius: 15px;
    z-index: 300;
    background-color: #FFFFFF;
    curser: move;
    box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.3);
}

#client_form {
	-webkit-box-shadow: 0px 0px 22px 0px rgba(51,51,51,1);
	-moz-box-shadow: 0px 0px 22px 0px rgba(51,51,51,1);
	box-shadow: 0px 0px 22px 0px rgba(51,51,51,1);
}
#alert_div {
        position: absolute;
        top: 100px;
        left: 50%;
        margin-left: -25em;
        min-width: 400px;
        min-height: 100px;
        padding: 5px;
        z-index: 3;
        background-color: #FFFFFF;
	border: 2px solid #ffaeae;
}

#alert_window {
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -25em;
	text-align: center;
	min-width: 300px;
	min-height: 100px;	
	-moz-border-radius 15px; 
	padding: 5px; 
	border-radius: 15px;
	z-index: 3;
	background-color: #ffdbdb;
	curser: move;
	box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.3); 
}

div.del_comment {
	position: absolute;
	top: 0px;
	right: -5px;
	display: none;
}

div.del_comment_out {
	position: absolute;
	top: 0px;
	right: 60px;
	display: none;
}

div.input_lookup {
	position: absolute;
	top: 4px;
	right: 5px;
	display: none;
}

div.comment {
	position: relative;
	width: 100%;
}

div.comment:hover .del_comment {
	display: block;
}

div.comment:hover .del_comment_out {
	display: block;
}

div.comment:hover .input_lookup {
	display: block;
}


span.comment {
	color: #5a5a5a;
	font-family: Arial;
	font-size: 10pt;
}

span.ar_comment {
	color: #535353;
    font-family: Verdana;
    font-size: 10pt;
}

span.ar_comment_name {
	color: #527ea0;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
}

span.ar_comment_date {
	color: #474747;
	font-size: 9pt;
}

.grey_box {
	border: 1px solid #ECECEC;
}

#pd_question {
	position: absolute;
	left: 30%;
	top: 100px;
	width: 700px;
	height: 500px;
	background-color: #FFFFFF;
	background: url(./grafx/pd_question_back.png);
	z-index: 3;
	text-align: center;
	}
#question {
	position: absolute;
	left: 20%;
	top: 20%;
	width: 375px;
	height: 127px;
	background-color: #FFFFFF;
	background: url(./grafx/question_back.png);
	}
#assign_div {
	position: absolute;
	left: 5%;
	top: 5%;
	width: 90%;
	height: 90%;
	background-color: #FFFFFF;
	background: url(./grafx/question_back.png);
	z-index: 2;
	}

#grey_back {
	position: fixed;
	width: 100%;
	height: 100%;
	min-height: 900;
        background-color: #8b8b8b;
	opacity:0.4;
	filter:alpha(opacity=40);
	z-index: 2;
}

#retired {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 200px;
	background: url(./grafx/retired.png);
	height: 100%;
}


#image {
	z-index: 1;
	width: 80%;
}


#rec_form {
	position: absolute;
        top: -10px;
        left: -200px;
        border: 0px solid;
        border-color: #9A9A9A;
	float: left;
	min-width: 190px;
	min-height: 110px;
	padding: 5px;
	background: url(./grafx/form_bubble.png);
}

#close_icon {
	position: absolute;
        top: 0px;
	right: 0px;

}

#help_center {
	position: absolute;
	top: 2px;
	right: 10px;
	border: 1px solid;
	border-color: #9A9A9A;
}
#gray_background {
	position: absolute;
	width: 100%;
	height: 5000px;
        top: 0px;
        left: 0px;
	background-color:#000;
	filter:alpha(opacity=40);
    	opacity:0.4;
	z-index: 100;
}

#lab_update {
	position: absolute;
        left: 240px;
        top: 50px;
        font-size: 10pt;
	z-index: 150;
	background-color: #FFFFFF;
	width: 900px;
	height: 500px;
	border: 1px solid;
	border-color: #424242;
}

#right_button {
	position: absolute;
        right: 20px;
        top: 0px;
	font-size: 10pt;
}

#view_my_products {
	position: absolute;
        right: 10px;
        top: 0px;
}

#lm_para {
	position: absolute;
	left: 70px;
	top: 20px;
	padding-right: 30px;
	font-size: 10pt;
	color: #1c6d26;
	font-family: Tahoma;
}

#lm_price {
	position: absolute;
	right: 22px;
	bottom: 27px;
	color: #FFFFFF;
	font-size: 10pt;
	font-family: Tahoma;
	font-weight: bold;
}

#lm_qty {
	position: absolute;
	left: 50px;
	bottom: 27px;
}	

#cont_shopping {
	position: absolute;
        right: 10px;
        top: 50px;
}

#in_stock_button {
	position: absolute;
        right: 0px;
        bottom: 0px;
}

#open_quotes {
	width: 1100px;
	height: 200px;
	overflow: auto;
	border: 1px solid #9A9A9A;
}


#sub_header {
	position: fixed;
        left: 0px;
        top: 0px;
	overflow: auto;
}

#page_header {
	position: fixed;
        left: 0px;
        top: 0px;
	border: 0px solid #FF0000;
	width: 100%;
	height: 60px;
	background-color: #FFFFFF;
}
#cart_box {
	position: absolute;
        right: 10px;
        top: 50px;
}

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

#fixed_new_button {
	position: fixed;
	right: 10px;
	top: 8px;	
}

#order_box {
	position: relative;
	width: 300;
	float: left;
}
#view_quote_container {
	position: relative;
	width: 100%;
	float: left;
}
#stock_icon {
	position: absolute;
        right: 10px;
        top: 0px;
}



#quote_send_button {
	position: absolute;
	right: 10px;
	top: 40px;
}
#quote_follow_up {
	height: 250px;
	width: 700px;
	overflow: auto;
	border: 1px solid #666;
	background-color: #ccc;
	padding: 8px;
}

#quote_logo {
	position: absolute;
        top: 0px;
        left: 0px;
}
#quote_icon {
	position: absolute;
	top: 10px;
	right: 5px;
	font-family: Tahoma;
	font-size: 15pt;
	font-weight: bold;
}

input#po_item_search {
	background: url('./grafx/mag_icon.png') no-repeat 5px 50%;
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-bottom: 5px;
	border: 0px solid;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0px 0px 0px 7px rgba(0,0,0,0.2);
}


#inventory_list {
	position: absolute;
        top: 5px;
        left: 250px;
}

#email_quote {
        position: absolute;
        top: 12px;
        right: 50px;
	font-family: verdana;
	font-size: 8pt;
	font-weight: bold;
}
#print_quote {
        position: absolute;
        top: 5px;
        right: 180px;
	font-family: verdana;
	font-size: 8pt;
	font-weight: bold;
}

#quote_alert {
	position: absolute; 
	top: 5px; 
	left: 200px;
	color: #FF0000;
	font-family: verdana;
	font-size: 8pt;
}

#cart_image {
	position: absolute; 
	top: 15px; 
	right: 150px;
}

#phone_image {
	position: absolute;
	top: 90px;
	left: 190px;
	font-family: Tahoma;
	font-size: 12pt;
	color: #2B5F77;
	z-index: 101;
}

#facebook {
	position: absolute;
	right: 10px;
	top: 80px;
}

#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;}


#main_logo {
	position: absolute;
        left: 5px;
        top: 5px;
}

#logo {
	position: absolute;
	left: 25px;
	top: 15px;
}

#header_flash {
	position: absolute;
        left: 400px;
        top: 29px;
	border: 1px solid;
}

#cart_total {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #375055; 
	padding-right: 0px; 
	font-family: Tahoma; 
	font-size: 10pt;
}

.asset_header {
	font-size: 14pt;
	font-family: Tahoma;
	background-color: #FFFFFF;
	border-bottom: 2px solid 537a47;
}

.wo_container {
        -moz-border-radius 15px;
        padding: 5px;
        border-radius: 15px;
        z-index: 3;
        background-color: #FFFFFF;

}

.flow_dataa {
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	padding: 5px;
	height: 400px;
	border-color: #9A9A9A;
}

.path 	{
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 8pt;
}
.flow_datab {
	border-bottom: 1px solid;
	padding: 5px;
	height: 400px;
	border-color: #9A9A9A;
}

.flow_headera {
	font-size: 12pt;
	border: 1px solid #4d4d4d;
	padding: 5px;
	background: url(./grafx/flow_header.jpg);
	color: #FFFFFF;
}
.flow_headerb {
	font-size: 12pt;
	border-top: 1px solid #4d4d4d;
	border-bottom: 1px solid #4d4d4d;
	padding: 5px;
	background: url(./grafx/flow_header.jpg);
	color: #FFFFFF;
}

.flow_headerc {
	font-size: 12pt;
	border-top: 1px solid #4d4d4d;
	border-right: 1px solid #4d4d4d;
	border-bottom: 1px solid #4d4d4d;
	padding: 5px;
	background: url(./grafx/flow_header.jpg);
	color: #FFFFFF;
}

.po_alert{
	color: #FF0000;
	font-size: 10pt;
	font-family: Verdana;
	font-weight: bold;
}

.prev_sub_header {
	padding-left: 15px;
	border-bottom: 2px solid;
	border-color: #4E6369;
	font-family: verdana;
	font-size: 10pt;
	font-weight: bold;
}

.asset_tab {
	width: 132px;
	height: 35px;
	background: url(./grafx/asset_tab_on.png);
}

.misc_form {
	height: 50px;
}



label.result_desc {
        font-family: Arial, Helvetica, sans-serif;
        border:none;
        font-size: 14pt;
        color:#FFFFFF;
        font-weight:bold;
}

label.myriad {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #272727;
	font-weight: bold;
}

label.asdesc {
        font-family: Arial, Helvetica, sans-serif;
        border:none;
        font-size: 8pt;
        color:#2f92cd;
        font-weight:bold;
}

label.qdesc {
        font-family: Arial, Helvetica, sans-serif;
        border:none;
        font-size: 12pt;
        color:#2f92cd;
        font-weight:bold;
}

label.podesc {
        font-family: Arial, Helvetica, sans-serif;
        border:none;
        font-size: 8pt;
        color:#f1ece2;
        font-weight:bold;
}

label.cust_form_header {
        font-family: Arial, Helvetica, sans-serif;
        border:none;
        font-size: 10pt;
        color:#495760;
        font-weight:bold;
}

label.cfdesc {
        font-family: Arial, Helvetica, sans-serif;
        border:none;
        font-size: 10pt;
        color:#2f92cd;
        font-weight:bold;
}

.day_block_red {
	border: 3px solid #db4444;
	-webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
}

.day_block {
	border: 0px solid #cfe9ff;
	-webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
}

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

progress{
	background-color: #ececec;  
    border: 0;
    border-radius: 9px;
    font-size: 15pt;
}



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

.qinput {
        font-size: 12pt;
        border: 1px solid #BFBFBF;
        padding-left: 5px;
        color: #666666;
        margin:0px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
}
.assearch {
    font-size: 10pt;
    border: 1px solid #BFBFBF;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    color: #666666;
    margin:0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 0px 7px rgba(0,0,0,0.2);
}

.cust_input {
        font-size: 9pt;
        border: 1px solid #BFBFBF;
        padding-left: 5px;
        color: #666666;
        margin:0px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
}

.noborder {
        font-size: 8pt;
        padding-left: 5px;
        color: #666666;
        margin:0px;
	border: 0px solid #FFFFFF;
}


label.dm_quote_section {
        font-family: Arial, Helvetica, sans-serif;
        border:none;
        font-size: 14pt;
        color: #353535;
        font-weight:bold;
}

label.desc {
        font-family: Arial, Helvetica, sans-serif;
        border:none;
        font-size: 14pt;
        color: #5a8700;
        font-weight:bold;
	padding-left: 10px;
	text-align: center;
	text-decoration: underline;
}

.cust_note {
	color: #FF0000;
	font-size: 10pt;
	padding-bottom: 5px;
}

.index_text{
	color: #797979;
	font-family: Myriad Pro;
	font-size: 20pt;
}


.flow_datac {
	border-right: 1px solid;
	border-bottom: 1px solid;
	padding: 5px;
	height: 400px;
	border-color: #9A9A9A;
}


.widget_header{
	border-bottom: 1px solid;
	padding: 5px;
	color: #FFFFFF;
	background: url(./grafx/flow_header.jpg);
	font-family: Courier New;
	font-size: 12pt;
}

.nav {
	width: inherit;
	height:inherit;
	padding: 0px;
	margin: 0px;
}
.cart_font {
	font-family: verdana;
	font-size: 8pt;
	color: #29317F;
}

.products_tab {
	background: url(../grafx/products_tab.jpg);
	font-size: 10pt;
	color: #002562;
	}
.copy{
	font-family: "trebuchet ms";
	font-weight: bold;
	font-size:10pt;
	color: #FFF;
	background: url(../images/footer_bg.png);
	background-repeat:no-repeat;
	background-position: center;
	height: 125px;
	width: 880px;
	padding-left: 40px;
	text-align: left;
}

.acct_tbl_h {
	background-image: url('./grafx/acct_t_header.jpg');
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 9pt;
}

.accounting_header {
	font-family: Tahoma;
	font-size: 14pt;
	border-bottom: 2px solid #0d6cb4;
	color: #0d6cb4;
	font-weight: bold;
	padding-bottom: 10px;
}

.tooltip {
	display: inline;
    	position: relative;
}

.tooltip:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 16px;
    color: #fff;
    content: attr(title);
    left: 50%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    overflow: auto;
	min-width: 250px;
}

.tooltip_header {
	font-family: Tahoma;
	font-size: 10pt;
	border-bottom: 2px solid #0d6cb4;
	color: #0d6cb4;
	font-weight: bold;
}

.reports_header {
	font-family: Tahoma;
	font-size: 14pt;
	border-bottom: 2px solid #008903;
	color: #008903;
	font-weight: bold;
	padding-bottom: 2px;
}

.welcome{
	color: ##2B5F77;
	font-family: Tahoma;
	font-size: 10pt;
}

.vend_reg_rows {
        border-bottom: 1px solid #dcdcdc;
}

.reg_line_bottom {
	background-color: #eef2f2;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
}

.reg_line_top {
	background-color: #FFFFFF;
	border-right: 1px solid #dcdcdc;
}

.drop_down {
	background:url(../images/dropdown_bottom.png);
	background-repeat: no-repeat;
	width: 123px;
	
}

.quote_headera{
	background-color: #088FB1;
	font-size: 11pt; 
	font-family: verdana; 
	color: #FFFFFF; 
	padding-left: 5px; 
	border: 1px solid; 
	border-color: #000000;
}
.light_box {
	border: 1px solid;
	border-color: #9A9A9A; 
	background-color: #ECECEC;
}

.cart_on {
	color: #004d80;
	padding-left: 5px;
	font-weight: bold;
	background-color: #d1e1ee; 
}

.cart_off {
	color: #afb8ce; 
	background-color: #f0f0f0; 
	font-weight: bold; 
	padding-left: 5px;
}
.quote_headerb{
	background-color: #088FB1;
	font-size: 11pt; 
	font-family: verdana; 
	color: #FFFFFF; 
	padding-left: 5px; 
	border-top: 1px solid; 
	border-bottom: 1px solid; 
	border-color: #000000;
}

.quick_launch{
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: bold;
	color: #5182BE;
	border-bottom: 1px solid;
	border-color: #5182BE;
	}

.wo_text{
	font-size: 7pt;
	border-bottom: 1px solid;
	border-color: #C2C2C2;
	}

.opacity30 {
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}

.quote_box {
	font-size: 10pt;
	color: #212121;
	border: 0px solid;
	border-color: #9A9A9A;
}
.quote_box_disabled {
	font-size: 10pt;
	color: #9A9A9A;
	border: 0px solid;
	border-color: #9A9A9A;
}

.fpagination {
        border: 1px solid;
        border-color: #479ADA;
}

.paginationOn {
        border: 1px solid;
        border-color: #479ada;
        padding-left: 5px;
        padding-right: 5px;
        background-color: #cee5f7;
        font-size: 12pt;
        font-family: Verdana;
        color: #0044CE;
        font-weight: bold;
}

.matrix_header {
	font-size: 12pt;
	font-family: Verdana;
	color: #db6221;
	border-bottom: 1px solid #FFFFFF;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #FFFFFF;
}

.quote_boxr {
	font-size: 10pt;
	color: #212121;
	border: 0px solid;
	border-color: #9A9A9A;
	color: #FF0000;
	text_align: right;
}

.quote_boxr_disabled {
	font-size: 10pt;
	color: #212121;
	border: 0px solid;
	border-color: #9A9A9A;
	color: #9A9A9A;
	text_align: right;
}

.quote_input {
	font-size: 10pt;
	border: 1px solid;
	border-color: #9A9A9A;
	text-align: center;
}

.quote_inputr {
	font-size: 10pt;
	border: 1px solid;
	border-color: #9A9A9A;
	color: #FF0000;
	text-align: center;
}
.quote_inputr_disabled {
	font-size: 10pt;
	border: 1px solid;
	border-color: #9A9A9A;
	color: #9A9A9A;
	text-align: center;
}

.register_form_text {
	color: #464646; 
	font-size: 12pt;
}

.register_form_td {
	font-size: 10pt; 
	border: 1px solid; 
	border-color: #9e9e9e; 
	color: #464646;
}

.wo_text_side{
	font-size: 10pt;
	font-weight: bold;
	}

.red_text {
	color: #FF0000;
	font-family: Verdana;
}

.order_header{
	border-bottom: 2px solid;
	border-color: #4E6369;
	font-weight: bold;
	font-size: 12pt;
	font-family: verdana;
	color: #033746;
	}

.blue_footer{
	border-top: 2px solid;
	border-color: #4E6369;
	font-weight: bold;
	font-size: 12pt;
	font-family: verdana;
	color: #033746;
	}

.page_header {
	border-bottom: 2px solid;
	border-color: #4E6369;
	font-family: verdana;
	font-size: 11pt;
  	color: #2B515C;
}

.pg_header {
	border-bottom: 1px solid;
  	border-color: #303030;
 	font-family: verdana;
	font-size: 9pt;
 	color: #303030;
}

.invoice_header{
	border-bottom: 2px solid;
	border-color: #4E6369;
	font-family: verdana;
	font-size: 10pt;
	color: #2B515C;
	}
.table_header{
	border-bottom: 1px solid;
	border-color: #4E6369;
	font-family: verdana;
	font-size: 10pt;
	color: #2B515C;
	}
.quote_header{
	font-size: 7pt;
	border-bottom: 1px solid;
	border-color: #4E6369;
	font-family: verdana;
	color: #2B515C;
	font-weight: bold;
	}
.quote_row{
	border-bottom: 1px solid;
	border-color: #9A9A9A;
	font-size: 7pt;	
	}

.prod_descrip{
	font-family: verdana;
	font-size: 10pt;
	color: #026EB8;
	}

.reg_form  {
	font-family: Tahoma;
	font-size: 8pt;
	color: #4A5374;
        }

.reg_header  {
	font-family: verdana;
	font-size: 12pt;
	color: #0451AF;
        }


.blank  {
        background-image: url(/grafx/blank.jpg);     
        }

.prod_desc{
	color: #026EB8;
	font-family: verdana;
	font-size: 12pt;
	}

.acct_rows {
	border-bottom: 1px dotted #515151;
	padding-bottom: 7px;
	padding-top: 7px;
	font-family: Tahoma;
	color: #515151;
	font-size: 10pt;
}

.acct_sub_rows {
	border-bottom: 1px dotted #515151;
	padding-bottom: 7px;
	padding-top: 7px;
	padding-left: 50px;
	font-family: Tahoma;
	color: #515151;
	font-size: 10pt;
}

.lrows{
	border-bottom: 1px solid;
	border-color: #ECECEC;
	font-family: Tahoma;
	font-size: 8pt;
	color: #363636;
}

.boxed_rows {
	border-bottom: 1px solid #9A9A9A;
	border-left: 1px solid #9A9A9A;
        font-family: Tahoma;
        font-size: 8pt;
        color: #363636;
}

.results {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #474747;
	padding-bottom: 6px;
	padding-top: 6px;
	border-bottom: 1px solid #9A9A9A;
}
.rows{
	border-bottom: 1px solid;
	border-color: #9A9A9A;
	font-family: Tahoma;
	font-size: 8pt;
	color: #363636;
}

.light_rows{
	border-bottom: 1px solid #ECECEC;
	font-family: Tahoma;
	font-size: 8pt;
	color: #363636;
}

.rowsa	{
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #9A9A9A;
	color: #363636;
	}
.rowsb	{
	border-right: 1px solid;
	border-color: #9A9A9A;
	color: #363636;
	}

.row_filler {
	border-bottom: 1px solid;
	border-color: #9A9A9A;
}

.prod_headera{
	font-family: verdana;
	font-size: 8pt;
	color: #FFFFFF;
	border: 1px solid;
	border-color: #000000;
        background-image: url(/grafx/bheader_gradiant.jpg);     
	}

.prod_headerb{
	font-family: verdana;
	font-size: 8pt;
	color: #FFFFFF;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #000000;
    background-image: url(/grafx/bheader_gradiant.jpg);     
}

.inv_headera{
	font-family: verdana;
	font-size: 8pt;
	color: #474747;
	border: 1px solid;
	border-color: #474747;
	background-color: #dcdcdc;
	font-weight: bold;
}

.inv_headerb{
	font-family: verdana;
	font-size: 8pt;
	color: #474747;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #474747;
	background-color: #dcdcdc;   
	font-weight: bold;
}


.cat_headera{
	font-family: verdana;
	font-size: 8pt;
	color: #FFFFFF;
	border: 1px solid;
	border-color: #000000;
        background-image: url(/grafx/inv_header.jpg);     
	}

.cat_headerb{
	font-family: verdana;
	font-size: 8pt;
	color: #FFFFFF;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #000000;
        background-image: url(/grafx/inv_header.jpg);     
	}

.cat_headerc{
	font-family: verdana;
	font-size: 8pt;
	color: #FFFFFF;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-color: #000000;
        background-image: url(/grafx/inv_header.jpg);     
	}

.inv_headerc{
	font-family: verdana;
	font-size: 8pt;
	color: #474747;
	border-top: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-color: #000000;
	background-color: #dcdcdc;   
	font-weight: bold;    
	}

.tab_header  {
    font-family: verdana;
	font-size: 12pt;
	color: #258300;     
}

.form_text{
	font-family: verdana;
	font-size: 8pt;
	font-weight: bold;
}
        
.leadbox{
    border-color: #9C9C9C;
    border-left: 1px solid;
    border-right: 1px solid;
	bgcolor: #ECECEC;
}

TABLE	{
	border-color: black;
    font-size: 8pt;
    font-family: arial;
    color: #000000;
	}

TABLE.light{
        background-color: #EEEEEE;
	}

td {
	color: #5D5D5D;
}
TD.quote_form{
	font-weight: bold;
	color: #FFFFFF;
	}

.or_headera{
	background-image: url(/grafx/gheader_gradiant.jpg);
	border: 1px solid;
	border-color: #000000;
	font-weight: bold;
	color: #FFFFFF;
	}

.or_headerb{
        background-image: url(/grafx/gheader_gradiant.jpg);
        border-top: 1px solid;
        border-bottom: 1px solid;
        border-color: #000000;
        font-weight: bold;
        color: #FFFFFF;
        }

.or_headerc{
        background-image: url(/grafx/gheader_gradiant.jpg);
        border-right: 1px solid;
        border-top: 1px solid;
        border-bottom: 1px solid;
        border-color: #000000;
        font-weight: bold;
        color: #FFFFFF;
        }


TD.aheader{
	font-weight: bold;
	color: #FFFFFF;
        background-image: url(/grafx/gheader_gradiant.jpg);
	}

TD.bheader{
	font-weight: bold;
	color: #FFFFFF;
        background-image: url(/grafx/bheader_gradiant.jpg);
	}

TD.headera{
        font-weight: bold;
        background-image: url(/grafx/header_gradiant.jpg);
        border-bottom: 1px solid;
	color: #FFFFFF;
        }

TD.light{
	border: 1px solid black;
	border-color: black;
        background-color: #FFFFFF;
}

TD.white{
	background-color: #FFFFFF;
}

TD.dark{
	color: #FFFFFF;
}

TD.yellow{
        border: 1px solid black;
        border-color: black;
	background-color: #FFFF00;
}

TD.footer{
	font_family: Arial Rounded MT Bold;
	font-size: 10pt;
	color: #010491;
}

TD.none{
	color: #FFFFFF;
}



div.autocomplete {
        position:absolute;
        width:320px;
        margin:0px;
        padding:0px;
        background-color: transparent;
        cursor: pointer;
        visibility:hidden;
    }

.ajaxResultTable{
        font-size: 13px;
        font-family: arial;
        color: windowtext;
        background-color: #FFFFFF;
        width: 319px;
        border-right:2 ridge #7F9DB9;
        border-bottom:2 ridge #7F9DB9;
    }

.gradientAjaxHeader{
        padding-left: 0px;
        filter:progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#FFFFFF,endcolorstr=#FCAC4B);
    } 


#quote_label {
	position: absolute;
        left: 10px;
        top:  10px;
	font-family: Arial;
	font-size: 25pt;
	color: #464646;
	font-weight: bold;
}

.header {
	border-bottom: 1px solid #424242;
	border-color: #424242;
	font-size: 10pt;
	font-family: Verdana;
	color: #535353;
	font-weight: bold;
}

.je_header {
	border-right: 1px solid #ECECEC;
	background-color: #313131;
	color: #FFFFFF;
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: bold;
}

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

.wo_box {
	border: 5px solid #9A9A9A;
	width: 100px;
	height: 100px;
	margin: 5;
}

#date	{
	position: absolute;
        right: 10px;
        top:  10px;
	font-family: Arial;
        font-size: 12pt;
        color: #464646;
}

#quote_header_pl {
	position: absolute;
        left: 10px;
        top:  90px;
	border-bottom: 2px solid;
	border-color: #9A9A9A;
}
#quote_body {
        position: absolute;
        left: 10px;
        top:  150px;
	font-size: 16pt;
}

#quote_notes {
	position: absolute;
        left: 10px;
        top:  300px;
}

#sig {
	position: absolute;
        left: 10px;
        top:  400px;
}


.line_item {
	border-bottom: 1px solid;
	border-color: #ECECEC;'
}


.po_text {
	font-size: 12pt;
	color: #555555;
}

.po_item {
	font-size: 10pt;
	color: #555555;
	border: 1px solid #FFFFFF;
}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

.acct_l1 {
	font-size: 11pt;
	color: #323232;
	font-family: Verdana;
	font-weight: bold;
}

.acct_l2 {
	font-size: 11pt;
	color: #323232;
	font-family: Verdana;
	padding-left: 5px;
	font-weight: bold;
}

.acct_l3 {
	font-size: 10pt;
	color: #323232;
	font-family: Verdana;
	padding-left: 10px;
}

.acct_l4 {
	font-size: 8pt;
	color: #323232;
	font-family: Verdana;
	padding-left: 14px;
}


.checkbox {
	background-color: #FF0000;
	border: 1px solid #FF0000;
}


.tabs {
	height: 30px;
	width: 100px;
}

.ar_key {
	font-size: 13pt;
	font-family: Myriad Pro;
	color: #474747;
}

.ar_value {
	font-size: 10pt;
	font-family: Verdana;
	color: #767676;
}



/*   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);
}

/* Top Bar Hover CSS */

#topbar {
  background: #4f4a41;
  padding: 4px 0 4px 0;
  text-align: left;
  height: 18px;
  overflow: hidden;
  -webkit-transition: height 0.5s linear;
  -moz-transition: height 0.5s linear;
  transition: height 0.5s linear;
  color: #fff;
  font-size:1.3em;
  line-height: 1.25em;
  text-decoration: none;
  font-weight: bold;
  padding-left: 10px;
}
#topbar a {
  color: #fff;
  font-size:1.3em;
  line-height: 1.25em;
  text-decoration: none;
  font-weight: bold;
}

#tophiddenbar {
  display: block;
  width: 100%;
  background: #4f4a41;
  color: #b09f82;
  font-weight: bold;
  padding: 2px 0; 
  font-size: 1.3em;
  text-align: center;
  text-shadow: 1px 1px 0 #444;
}
#tophiddenbar a {
  color: #fff;
  font-size: 1.0em;
  text-decoration: none;
  text-shadow: none;
}

#topbar:hover { height: 70px; }

/* Show - Hide Div buttons */
.main > section button {
	border: none;
	background: #47a3da;
	color: #fff;
	padding: .8em;
	display: block;
	width: 100%;
	cursor: pointer;
	margin: 5px 0px 5px;
	font-size: 0.8em;
	height: 36px;
}

.main > section button:hover {
	background: #258ecd;
}

div.red_arrow{
	position: absolute;
	left: 0px;
	top: 0px;
	background-image: url('./grafx/reddownarrow.png'); 
	min-width: 16px;
	min-height:200px;
	border: 0px solid #FF0000;
}

div.rwfd {
	position: absolute; 
	left: -60px;
	top: 90px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	font-size: 9pt;
	font-weight: bold;
	color: #474747;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #FF0000;
	white-space: nowrap;
}

/* Image Hover CSS */
div.image {
	position: relative;
	width: 100%;
	height: 100%;
	border: 0px solid #FF0000;
}

div.image:hover .view_image {
	display: block;
}

div.view_image {
	position: absolute;
	top: 8px;
	right: 15px;
	display: none;
}

/* END */