/* ----------  master styles ---------- */
a:link, a:visited { color: #395a9e; text-decoration: none; }
a:hover { color: #cc0066; text-decoration: none;  }
.highlight a:link { color: #ff0033; }

/* Tables should show empty cells. */
body, td, th , tr { color: #000000; font-size: 12px; font-family: Arial, sans-serif; }
body { background-color: #fff; margin: 0; padding: 0; }
#bg1, #bg2, #bg3, #bg4, #bg5 { width: 100%; margin: 0px; }
#bg1 { background: url(images/graffiti01.jpg); }
input, textarea, button { color: #000; font-family: verdana, sans-serif; }
input, button { font-size: 100%; }
textarea { font-size: 100%; color: #000; font-family: verdana, sans-serif; }
input.check { }
select { font-size: 100%; font-weight: normal; color: #000; font-family: verdana, sans-serif; }
hr, .hrcolor { height: 1px; border: 0; color: #666; background-color: #666; }
hr, .hrcolor2 { height: 1px; border: 0; color: #ccc; background-color: #ccc; }
a img { border: 0; }
table { empty-cells: show; text-align: left; }


/* ----------  Header ---------- */
/* global navigation */
div#top_nav_bg { width: 980px; height: 95px; margin-top: 5px; background: #fff; }
table#top_nav { width: 980px; height: 61px; border: 0px; }
table#subNav { color: #666699; width: 980px; height: 34px; background: url(images/bg_subnav.png) top left repeat-x; }
table#subNav td.search { width: 165px; text-align: left; padding-top: 5px; padding-right: 15px;}

/* linktree */
.nav, .nav:link, .nav:visited { font-size: 11px; font-weight: 300;	 color: #333; text-decoration: none; }
a.nav:hover { color: #333; text-decoration: underline; }

/* search pane */
span.sbox_l  { background: url('images/searchleftcap.gif') no-repeat top left; float: left; width: 17px; height: 19px; }
span.sbox_r  { background: url('images/searchrightcap.gif') no-repeat top left; float: left; width: 17px; height: 19px; }
span.sbox input {background: white url(images/searchbg.gif) repeat-x left top; float: left; color: #80808c; height: 19px; *height: 13px; width: 125px; border: 0; padding: 3px; font-size: 11px; }

/* global CP */
table#top_nav td.topCP { text-align: right; font-weight: 600; vertical-align: bottom; color: #000; line-height: 14px;  }
table#top_nav td.topCP a:link,  table#top_nav td.topCP a:visited { color: #660066; }
table#top_nav td.topCP a:hover { color: #333; }
div#gCP { position: absolute; display: none; z-index: 15; background: #000; opacity: 0.85; filter:alpha(opacity=85); color: #fff; padding: 0 5px 0 5px; text-align: left; width: 150px; margin: 0 0 0 15px; *margin: 15px 0 0 -80px; }
div#gCP div.menuItem { border-bottom: 1px solid #ccc; padding: 5px 0 5px 0; color: #fff; font-size: 12px; }
div#gCP div.menuItem a:link, div#gCP div.menuItem a:visited { color: #fff; }
div#gCP div.menuItem a:hover { color: #00ccff;  }
div#gCPcreditSum { width: 400px; }
div#gCPcreditSum div { color: #000; }

/* billboard */
.topBillboard { margin-top: -23px; background: #fff; width: 980px; height: 150px; cursor: pointer; background: #fff url(images/boardFront/100605_foto2010.jpg) top left no-repeat; }

/* forum CP */
table#forumUserCP { width: 980px; height: 23px; background: #fff; border: 0; }
table#forumUserCP td.leftMargin { width: 60px; }
table#forumUserCP td.selectBoard { width: 63px; text-align: left; }
table#forumUserCP td.selectStore { width: 63px; text-align: left;}
table#forumUserCP td.fastTracks, able#forumUserCP td.newActivities { width: 78px; text-align: left; }
table#forumUserCP td.userCP { width: 638px; text-align: right; vertical-align: top; padding: 0 100px 0 0; }

/* forum quick navigation and menus */
div#storeList, div#boardList, div#fastTracks, div#newActivities { z-index: 100; overflow: auto; padding: 10px; background: #fff; position: absolute; display: none; opacity: 0.95; filter:alpha(opacity=95); *margin-top: 23px; }
div#storeList, div#boardList {*margin-left: -63px; }
div#fastTracks, div#newActivities {*margin-left: -78px; }
div#boardList{ width: 120px; height: 400px; }
div#storeList { width: 200px; height: 320px; }
div#fastTracks { width: 120px; height: 120px; }
div#newActivities { width: 120px; height: 50px; }
div#storeList a:link, div#storeList a:visited, div#boardList a:link, div#boardList a:visited, div#fastTracks a:link, div#fastTracks a:visited, div#newActivities a:link, div#newActivities a:visited { color: #000; font-size: 12px; }
div#storeList a:hover, div#boardList a:hover, div#fastTracks a:hover { text-decoration: underline; }


/* ----------  Footers ---------- */
#footerarea { margin: 20px 0 30px 0; }
#footerarea a:link, #footerarea a:visited { color: #660066; }
#footerarea a:hover { text-decoration: underline; }
div#footer a:link, div#footer a:visited { color: #fff; }
div#footer a:hover { text-decoration: underline; }
div#gFooterLinks, div#gFooterCopyright { background-color: #000; padding:2px; margin-bottom: 1px; font-size: 11px; }
div#gFooterLinks { width: 450px; }
div#gFooterCopyright { width: 160px; }
div#footer div#gFooterLinks, div#footer div#gFooterCopyright { color: #fff; }
.smf_copyright1 a:link, .smf_copyright1 a:visited { font-size: 1px; color: #fff; text-decoration: none; }
.smf_copyright1 a:hover { font-size: 1px; color; #fff; }
.smf_copyright2 a:link, .smf_copyright2 a:visited { font-size: 1px; color: #fff; text-decoration: none; }
.smf_copyright2 a:hover { font-size: 1px; color: #fff; text-decoration: none; }


/* ----------  Forum Style ---------- */
/* texts */
.smalltext { font-size: 11px; }
.middletext { font-size: 90%; }
.normaltext { font-size: 12px; }
.largetext { font-size: 14px; }

/* borad index */
#bodyarea { width: 950px; padding: 15px; background: #fff;  }
.hd-board td { font-size: 12px; color: #fff; font-weight: 600; }
.cat-board { color: #000;  font-size: 13px;  font-weight: 600; }
.board_name { color: #993399; font-size: 16px; font-weight: 600; }
.board_name a:link , .board_name a:visited { color: #993399; text-decoration: none; }
.board-name a:hover { color: #000;text-decoration: none; }
.board_desc { font-size: 12px; }

/* tables, headings, backgrounds */
.windowbg, .windowbg2, .windowbg3 { color: #000; background-color: #fff; }
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td { color: black; font-style: normal; font-size: 12px; background-color: #fff; background-image: url(images/titlebg.jpg); background-repeat: repeat-x; padding-left: 10px; padding-right: 10px; }
.titlebg, .titlebg a:link, .titlebg a:visited { font-weight: bold; color: black; font-style: normal; }
.titlebg a:hover { color: #404040; }
.titlebg2 a:link, .titlebg2 a:visited { color: black; font-style: normal; text-decoration: underline; }
.titlebg2 a:hover { text-decoration: underline; }
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td { background-color: #000; color: #fff; padding: 0 10px 0 10px; }
.catbg2 , tr.catbg2 td { background-image: url(images/catbg2.jpg); background-color: #a1bfd9; color: #fff; padding-left: 10px; padding-right: 10px; }
.catbg, .catbg2 { border-bottom: solid 0px #b1b5b9; }
.catbg, .catbg2 { font-weight: bold; }
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited { font-size: 100%; color: #fff; text-decoration: none; }
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited { color: white; text-decoration: none; }
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover { color: #e0e0ff; }
.calendar_today { background-color: #fff; }
.bordercolor { background-color: #adadad; padding: 0px; }
.tborder { padding: 0px; border: 1px solid #adadad; background-color: #fff; }

.code { color: #000; background-color: #e1e1e1; font-family: "courier new", "times new roman", monospace; font-size: 12px; line-height: 1.3em; border: 1px solid #ccc; margin: 1px auto 1px 0; padding: 1px; width: 750px ; white-space: nowrap; overflow: auto; max-height: 24em; }
.quoteheader, .codeheader { color: #000; text-decoration: none; font-style: normal; font-weight: bold; font-size: x-small; line-height: 1.2em; }
.help { cursor: help; }
.meaction { color: red; }
.editor { width: 96%; }
.quote { width: 400px;  color: #999; margin: 10px 0 10px 0; border-bottom: 1px dashed #999; font-size: 12px; line-height: 1.4em; }
.post, .personalmessage { width: 100%; overflow: auto; line-height: 1.3em; }
.signature { width: 100%; overflow: auto; padding-bottom: 3px; line-height: 1.3em; }
.error { color: red; }
#ajax_in_progress { background: #32cd32; color: #fff; text-align: center; font-weight: bold; font-size: 18px; padding: 3px; width: 100%; position: fixed; top: 0; left: 0; }
.mglass  { background: white url(images/search.gif) no-repeat 0% 50%; }
.message, .message:link, .message:visited { color: #993399; text-decoration: none; }
a.message:hover { color: #993399; text-decoration: underline; }

/* tabs */
.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last { color: white; text-transform: uppercase; vertical-align: top; }
.maintab_back, .maintab_active_back { color: white; text-decoration: none; font-size:  9px; vertical-align: top; padding: 2px 6px 6px 6px; font-family: tahoma, sans-serif; }
.maintab_first { /* background: url(images/maintab_first.gif) left bottom no-repeat; */ width: 10px; }
.maintab_back { background: url(images/maintab_back.gif) left bottom repeat-x; }
.maintab_last { /* background: url(images/maintab_last.gif) left bottom no-repeat; */ width: 8px; }
.maintab_active_first { background: url(images/maintab_active_first.gif) left bottom no-repeat; width: 6px; }
.maintab_active_back { background: url(images/maintab_active_back.gif) left bottom repeat-x; }
.maintab_active_last { background: url(images/maintab_active_last.gif) left bottom no-repeat; width: 8px; }
.maintab_back a:link , .maintab_back a:visited { color: #000; text-decoration: none; }
.maintab_active_back a:link , .maintab_active_back a:visited { color: #fff; text-decoration: none; }	
.maintab_back a:hover { color: #993399; text-decoration: none; }
.maintab_active_back a:hover  { color: #e0e0ff; text-decoration: none; }
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last { color: #fff; text-transform: uppercase; vertical-align: top; }
.mirrortab_back, .mirrortab_active_back { color: #fff; text-decoration: none;  vertical-align: bottom; padding: 6px 6px 2px 6px; font-family: tahoma, sans-serif; }
.mirrortab_first { /* background: url(images/mirrortab_first.gif) no-repeat; */ width: 11px; }
.mirrortab_back { background: url(images/mirrortab_back.gif) repeat-x; }
.mirrortab_last { /* background: url(images/mirrortab_last.gif) no-repeat; */ width: 6px; }
.mirrortab_active_first { background: url(images/mirrortab_active_first.gif) no-repeat; width: 6px; }
.mirrortab_active_back { background: url(images/mirrortab_active_back.gif) repeat-x; }
.mirrortab_active_last { background: url(images/mirrortab_active_last.gif) no-repeat; width: 8px; }
.mirrortab_back a:link , .mirrortab_back a:visited { color: #000; text-decoration: none; }
.mirrortab_active_back a:link , .mirrortab_active_back a:visited { color: #fff; text-decoration: none; }
.mirrortab_back a:hover, .mirrortab_active_back a:hover { color: #993399; text-decoration: none; }
.mirrortab_active_back a:hover { color: #e0e0ff; text-decoration: none; }

/* messageIndex */
table#messageIndex { width: 950px; border: 1px solid #ccc; }
table#messageIndex td { height: 20px; font-size: 13px; vertical-align: middle; padding: 5px 0 5px 0; border-bottom: 1px solid #ccc;}
table#messageIndex tr.heading td { height: 15px; }
table#messageIndex td.catbg3 { font-weight: 600; }
table#messageIndex td.globalChestPartition { height: 5px; background: #000; padding: 0; }
table#messageIndex td.post_icon { width: 50px; text-align: center; }
table#messageIndex td.subject { width: 550px; }
table#messageIndex td.start_by { width: 100px; font-size: 12px; }
table#messageIndex td.reply_view { width: 100px; text-align: center; font-size: 11px; }
table#messageIndex td.last_reply { width: 160px; }
table#messageIndex td.quick_mod { width: 24px; }
table#messageIndex tr.topicbg { background: #f5f5f5; }

/* posts */
.poster_name { color: #395A90; font-weight: 600; }
.poster_profile { color: #76797C; font-size: 11px; font-weight: 300; }
.poster_profile2 { color: #cc0099; font-size: 11px; font-weight: 300; }
.post_time { color: #76797C; font-size: 10px; font-weight: 300; }
.post_msg_container { background-color: #eee;  width: 810px; padding: 5px;  -moz-border-radius: 3px; margin: 0px;  border: 1px solid #333; }

/* attachments */
#Previewholder{ left: 0; top: 0; position: absolute; display: none; background: #fff; border: 1px solid #dcdcdc; }
#Previewholder img{ display:block; }
#Previewholder p { margin: 0; padding: 0; font: 11px Verdana, sans-serif; color: #090808; }
#Previewholder p span { border-top: 1px solid #ccc; display: block; padding: 5px; }
#sortable { list-style-type: none; margin: 0; padding: 0; }
#sortable li { margin: 3px 3px 3px 0; padding: 0; float: left; font-size: 11px; text-align: center; }
#uploadQuota { font-weight: 600; }


/* ----------  pugins ---------- */
/* light box */
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/* ----------  additonal sytles ---------- */
/* merchant list in transaction board */
table#merchantList { width: 100%; margin: 20px 0 20px 0; background-color: #000; }
table#merchantList td.cornerTL { width: 7px; height: 7px; background: url(images/merchantlist_ctl.gif) top left no-repeat; }
table#merchantList td.cornerTR { width: 7px; height: 7px; background: url(images/merchantlist_ctr.gif) top right no-repeat; }
table#merchantList td.cornerBL { width: 7px; height: 7px; background: url(images/merchantlist_cbl.gif) bottom left no-repeat; }
table#merchantList td.cornerBR { width: 7px; height: 7px; background: url(images/merchantlist_cbr.gif) bottom right no-repeat; }
table#merchantList table { width: 100%; }
table#merchantList table td.storeName { width: 200px; padding: 3px 0 3px 15px; color: #ccc; }
table#merchantList table td.storeName a:link,  table#merchantList table td.storeName a:visited { color: #ccc; }
table#merchantList table td.storeName a:hover { color: #fff; }
table#merchantList table td.heading { height: 20px;  border-bottom: 1px solid #333; padding: 0 0 5px 15px; color: #ccc; }
.underscore { border-bottom: 3px solid; }


/* subboard dropdown pickers */
.modPostButton, .modPollButton { float: right; margin-left: 5px; }
.modPostMenu, .modPollMenu { position: absolute; height: 0; display: none; *margin-left:-62px; *margin-top: 17px; }
.modMostMenuItem, .modMenuHeading { display: block; width: 100px; height: 20px; margin: 0; padding: 0; }
.modMenuHeading { background: url(images/post/menus/choosetargetboard.gif) no-repeat 0 0; }
.modMenuFlapBottom { display: block; width: 100px; height: 5px; margin: 0; padding: 0; }
.modMenuFlapBottom { background: url(images/post/menus/flapbottom.gif) no-repeat 0 0; }
#postMenu1:hover,#postMenu2:hover,#postMenu3:hover,#postMenu4:hover,#postMenu5:hover,#postMenu6:hover,#postMenu8:hover,#postMenu9:hover,#postMenu10:hover,#postMenu11:hover,#postMenu12:hover,#postMenu56:hover,#postMenu57:hover,#postMenu58:hover{ background-position: 0 -20px; }
#postMenu1 { background: url(images/post/menus/menuboard1.gif) no-repeat 0 0; }
#postMenu2 { background: url(images/post/menus/menuboard2.gif) no-repeat 0 0; }
#postMenu3 { background: url(images/post/menus/menuboard3.gif) no-repeat 0 0; }
#postMenu4 { background: url(images/post/menus/menuboard4.gif) no-repeat 0 0; }
#postMenu5 { background: url(images/post/menus/menuboard5.gif) no-repeat 0 0; }
#postMenu6 { background: url(images/post/menus/menuboard6.gif) no-repeat 0 0; }
#postMenu8 { background: url(images/post/menus/menuboard8.gif) no-repeat 0 0; }
#postMenu9 { background: url(images/post/menus/menuboard9.gif) no-repeat 0 0; }
#postMenu10 { background: url(images/post/menus/menuboard10.gif) no-repeat 0 0; }
#postMenu11 { background: url(images/post/menus/menuboard11.gif) no-repeat 0 0; }
#postMenu12 { background: url(images/post/menus/menuboard12.gif) no-repeat 0 0; }
#postMenu56 { background: url(images/post/menus/menuboard56.gif) no-repeat 0 0; }
#postMenu57 { background: url(images/post/menus/menuboard57.gif) no-repeat 0 0; }
#postMenu58 { background: url(images/post/menus/menuboard58.gif) no-repeat 0 0; }



/* ---------- oddies ---------- */
/* 1st gen forum CP */
#cp_tl { width: 456px; background: url(images/cp_btl.png) top left no-repeat; }
#cp_tr { background: url(images/cp_btr.png) top right no-repeat;  padding: 5px 0px 0px 7px; }
#cp_rb { background: url(images/cp_rb.png) top right repeat-y; padding: 0px 0px 0px 7px; }
#cp_bl { background: url(images/cp_bbl.png) bottom left no-repeat; margin: 0px; height: 7px; }
#cp_br { background: url(images/cp_bbr.png) bottom right no-repeat; height: 7px;  }	
#cp_tr table td, #cp_rb table td { font-size: 12px; }