/* Ragial - Default Layout */
* { margin: 0px; padding: 0px; font-size: 10pt; }
html { min-height: 100%; margin-bottom: 1px; }
body { background: #DEDEDE;  margin: 0px auto; padding: 0px; font-family: Arial; }
img { border: 0; }
#container { margin: 0 auto; }

a { color: #2F4A87; text-decoration: none; }
a:visited { color: #2F4A87; }
a:hover { color: #876C2F; text-decoration: none; }
#head_bg { width: 100%; background: #fff; height: 103px; padding-bottom: 29px; margin-bottom: 16px; border-bottom: 2px solid #2F4A87; margin-left: auto; margin-right: auto; }
#head_container { width: 980px; margin: 0 auto;  }
#head_nav { z-index: 2; position: relative; color: #6D6D6D; font-size: 8pt; width: 972px; height: 16px; padding-top: 4px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; margin-bottom: 36px; text-align: right; }
#head_nav { background-image: url('http://ragial.com/template/default/img/top_b.png'); background-repeat: no-repeat; }
#head_nav a { font-size: 8pt; }
#head_search a { text-decoration: none; font-weight: bold; font-size: 8pt; }
#head_logo { float: left; position: relative; width: 200px; text-align: left; margin-top: -6px; }
#head_search { float: left; position: relative; left: 100px; vertical-align: top; }
#head_search_text { width: 450px;  text-align: left; font-size: 8pt; font-weight: normal; color: #6D6D6D; letter-spacing: 1px; }
#head_search_form { width: 450px; text-align: left; }
#head_updated { display: none; float: right; position: relative;  top: 26px; width: 110px; text-align: right; font-size: 8pt; }
form.market_search #market_input { font-size: 13px; height: 18px; width: 360px; vertical-align: middle; }
form.market_search #market_submit_image { height: 22px; vertical-align: middle; }
form.market_search #market_submit_button { font-size: 13px; border: 1px solid #fff; }

#body_container { min-height: 450px; width: 980px; text-align: left; margin: 0 auto; }
#body_left { width: 668px; float: left; }
#body_right { width: 312px; float: right; } 
#bl_full {clear: both; width: 652px; margin-right: 16px; }
#bl_full h4 { padding-left: 6px; padding-right: 6px; font-size: 9pt; margin-top: 6px; }
#bl_half { float: left; width: 318px;  margin-right: 16px;}
#br_full { width: 312px; vertical-align: top; }
i { font-size: 7pt; text-decoration: none; font-weight: normal;  font-style: normal; }
#bl_full, #bl_half, #br_full { background: #fff; margin-bottom: 12px; font-size: 10pt; border-left: 0px solid #2F4A87; border-right: 0px solid #2F4A87; border-bottom: 0px solid #2F4A87; }
p { padding-left: 6px; margin-top: 4px; text-indent: 0px; font-size: 9pt; line-height: 16px; padding-right: 6px; padding-bottom: 4px; }
li { margin-left: 47px; font-size: 9pt; line-height: 18px;}
#bl_full h1, #bl_half h1, #br_full h1 { font-weight: normal; font-size: 10pt; color: #fff; background: #2F4A87; padding-left: 6px; padding-top: 4px; height: 14px; padding-bottom: 6px;  }
#br_full h1{ background-image: url('http://ragial.com/template/default/img/312_t.png'); background-repeat: no-repeat; }
#bl_half h1 { background-image: url('http://ragial.com/template/default/img/318_t.png'); background-repeat: no-repeat; }
#bl_full h1 { background-image: url('http://ragial.com/template/default/img/652_t.png'); background-repeat: no-repeat; }

#bl_full h2, #bl_half h2, #br_full h2 { padding-top: 20px; padding-bottom: 18px; padding-left: 6px; padding-right: 6px; font-weight: normal; }

#bl_full h3, #bl_half h3, #br_full h3 { clear: both; padding-top: 0px; margin-top: 4px; height: 2px; background: #fff;  }
#br_full h3 { background-image: url('http://ragial.com/template/default/img/312_b.png'); background-repeat: no-repeat; }
#bl_half h3 { background-image: url('http://ragial.com/template/default/img/318_b.png'); background-repeat: no-repeat; }
#bl_full h3 { background-image: url('http://ragial.com/template/default/img/652_b.png'); background-repeat: no-repeat; }

#foot_bg { color: #6D6D6D; clear: both; border-top: 0px solid #d3d3d3; text-align: center; font-size: 10pt; padding-top: 4px; margin-left: auto; margin-right: auto; }
#foot_container { width: 980px; margin: 0 auto; }
#foot_cent { float: left; width: 400px; font-size: 8pt; position: relative; line-height: 16px; text-align: left;}
#foot_right { width: 300px; float: right; font-size: 8pt; text-align: right; position: relative; line-height: 16px; }
#foot_bg a { font-size: 8pt; }
#hidden { display: none; }

table { margin-left: 6px; margin-right: 6px; margin-top: 6px; margin-bottom: 4px; } /*4px because bottom img = 2px*/

td { padding-top: 2px; padding-bottom: 2px; }

.tbl_ro { background: #fff; height: 30px; }
.tbl_rt { background: #EDEDED; height: 30px; }
.tbl_nav td { line-height: 20px; border-top: 1px solid #EDEDED; }
.tbl_desc td { border-bottom: 1px solid #EDEDED; height: 30px; }
.tbl_ttl td { border-top: 1px solid #EDEDED; height: 24px; }
.tbl_mini { line-height: 20px; }

.tbl_mini a { font-size: 9pt; }

.green, .green a { color: #4A872F; }
.red, .red a { color: #872F4A; }
.gray, .gray a { color: #5e5e5e; }
.black, .black a { color: #000; }
.white { color: #fff; }
.green a:hover, .red a:hover, .gray a:hover, .black a:hover { color: #876C2F; }
.right { float: right; }
.left { float: left; }
.lefthead { float: left; margin-top: -4px; }

.stupidmorelink { float: left; width: 72px; margin-top: 12px; margin-left: 0px; font-size: 9pt; }

#tbl_item a, #tbl_item a:visited, #tbl_item a:hover { font-size: 9pt; }

#br_tracked_itemimg { width: 24px; padding-right: 2px; }
#br_tracked_item { width: 199px; font-size: 9pt; }
#br_tracked_state { width: 75px; text-align: right; font-size: 8pt; }
#br_tracked_xbutton { padding-left: 2px; width: 24px; text-align: right; }

#br_recent_img { width: 24px; padding-right: 2px; }
#br_recent_name, #bl_half_name { width: 288px; font-size: 9pt; }
#br_recent_name, #bl_half_name a { font-size: 9pt; }

#bl_small_right { text-align: right; width: 32px; padding-right: 2px; }

#bl_search_img { width: 24px; padding-right: 2px; }
#bl_search_name { width: 396px; font-size: 9pt; }
#bl_search_amount { width: 120px;  text-align: right; font-size: 9pt; }
#bl_search_price { width: 80px; text-align: right; font-size: 9pt;  }
#bl_search_dev { width: 44px; text-align: right; font-size: 8pt; }
#bl_search_date { width: 70px; font-size: 8pt; }
#bl_search_stddev { width: 70px; text-align: right; font-size: 8pt; }
#bl_search_pricedev { width: 160px; text-align: right; font-size: 9pt; }

#bl_search_datebig { width: 90px; text-align: right; font-size: 8pt; }
#bl_search_amountsmall { width: 70px; text-align: right; font-size: 9pt; }

#bl_search_back { text-align: left; font-size: 8pt; }
#bl_search_num { text-align: center; font-size: 9pt; }
#bl_search_next { text-align: right; font-size: 8pt; }

#bl_market_img { width: 24px; padding-right: 2px; }
#bl_market_name { width: 220px; font-size: 9pt; }
#bl_market_info { width: 78px; font-size: 9pt; }

#map_toggle { text-align: center; width: 100%; padding-top: 6px; padding-bottom: 0px; }
#view_vender_char { position: relative; float: left; padding-bottom: 10px; }
#view_vender_table td { margin-top: 0px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px; }

#view_item_imglinks { float: left; width: 100px; margin-left: 6px; margin-top: 4px; }
#view_item_imglinks a { line-height: 20px; }

#view_item_avgday { width: 62px; text-align: right; font-size: 9pt;}
#view_item_avgprice { width: 122px; text-align: right; font-size: 9pt; }
#view_item_avgdev { width: 90px; text-align: right; font-size: 9pt; padding-right: 32px; }
#view_item_avgperc { width: 55px; text-align: right; font-size: 9pt; }

#view_item_img { width: 24px; }
#view_item_co { width: 200px; font-size: 9pt; }
#view_item_ct { width: 80px; font-size: 9pt; text-align: right; }

#view_item_dtb { }
#view_item_dda { font-size: 9pt; width: 90px; }
#view_item_dda a { font-size: 9pt; }
#view_item_dam { font-size: 9pt; text-align: right; }
#view_item_dpr { font-size: 9pt; width: 80px; text-align: right; }
#view_item_dpr a { font-size: 9pt; }
#view_item_dve { font-size: 9pt; width: 18px; text-align: right; }

#bignblack { width: 100%; height: 100%; background: #fff; position: absolute; left: 0px; top: 0px; top: 0px; left: 0px; z-index: 1; visibility: hidden; }
#userbox { border: 3px solid #2F4A87;; width: 668px; margin-left: -334px; position: fixed; background: #fff; top: 160px; left: 50%; right: 50%; visibility: hidden;  z-index: 2; padding-bottom: 18px; padding-right: 6px; }
#userbox a { font-size: 9pt; }
#userbox h1 { clear: both; color: #fff; padding-left: 6px; line-height: 36px; background: #2F4A87; margin-right: -6px; }
#userboxhl a { font-size: 10pt; line-height:32px; font-weight: bold; }
#userboxhl a:visited { color: #fff; }
#userboxhl a:hover { color: #872F4A; }
.ubxbutton { float: right; margin-top: -36px; margin-right: 6px; color: #fff; font-size: 10pt; height: 36px;  }
.ubclose { float: left; width: 668px; height: 100%; text-align: right; }

#login { float: left; width: 212px; margin-top: 12px; padding-left: 6px; margin-right: 6px; }
#user_login_table { margin-bottom: 2px; margin-right: 2px; }
#user_login_left { width: 80px; padding-right: 6px;}
#user_login_head { font-size: 10pt; font-weight: bold; border-bottom: 1px solid #d3d3d3; margin-bottom: 6px; padding-bottom: 6px; }
#user_login_spacer { height: 6px; }
#user_login_both { text-align: right; line-height: 22px; font-size: 9pt;  }
#user_login_both a { font-size: 8pt; }
#user_login_right { width: 90px; }
#user_login_user { width: 120px; }
#user_login_pass { width: 120px; }

#user_reg_text { width: 80px; font-size: 9pt; height: 32x; }
#user_reg_text h6 { font-size: 9px; font-weight: normal;  }
#user_reg_input { width: 140px; padding-right: 6px; line-height: 32px; }

#register { float: left; width: 431px; padding-left: 6px; padding-right: 6px; margin-top: 12px; border-left: 1px solid #d3d3d3; }

/*
RED #872F4A
GREEN #4A872F
*/