@charset "euc-kr";
/********************************************************************
Vricks Republic Publishing S&A
Beginning : 2009-08-15
Final : 2009-08-30
*********************************************************************/

/* board size - BOARD SMALL */
#boardSmall									{ position: relative; top: -5px; left: 225px; width: 584px; color: #818181; }
#boardSmall .boardT,
#boardSmall .boardM,
#boardSmall .boardBt						{ width: 404px; padding: 0 90px; }
#boardSmall .boardT							{ height: 169px; background: url("http://download.tera-online.com/images/board/bg_board_t_s.png") no-repeat 0 0; }
*html #boardSmall .boardT					{ background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="crop", src="http://download.tera-online.com/images/board/bg_board_t_s.png"); }
#boardSmall .boardT .boardTCon				{ position: relative; top: 70px; }
.utility #boardSmall .boardT .boardTCon		{ background: url("http://download.tera-online.com/images/bg/bg_line.gif") repeat-x 0 100%; }
#boardSmall .boardM							{ width: 383px; margin: 0 10px; margin-top: -50px; background: #000 url("http://download.tera-online.com/images/board/bg_board_con_s.png") no-repeat 0 0; float: left; }
*html #boardSmall .boardM					{ margin-right: -10px; background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="crop", src="http://download.tera-online.com/images/board/bg_board_con_s.png"); display: inline; }
#boardSmall .boardM .boardCon				{ position: relative; top: 20px; }
#boardSmall .boardBt						{ height: 134px; background: url("http://download.tera-online.com/images/board/bg_board_bt_s.png") no-repeat 0 100%; float: left; }
*html #boardSmall .boardBt					{ background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="crop", src="http://download.tera-online.com/images/board/bg_board_bt_s.png"); margin-top: -15px; padding-bottom: 15px; display: inline; }
#boardSmall .boardBt .boardBtCon			{ position: relative; top: 20px; }
*html #boardSmall .boardBt .boardBtCon		{ top: 40px; }

/* board size - BOARD MIDDLE */
#boardMiddle								{ position: relative; top: -5px; left: 15px; width: 660px; color: #818181; }
#boardMiddle .boardT,
#boardMiddle .boardM,
#boardMiddle .boardBt						{ width: 540px; padding: 0 60px; }
#boardMiddle .boardT						{ height: 169px; background: url("http://download.tera-online.com/images/board/bg_board_t_m.png") no-repeat 0 0; }
*html #boardMiddle .boardT					{ background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="crop", src="http://download.tera-online.com/images/board/bg_board_t_m.png"); }
#boardMiddle .boardT .boardTCon				{ position: relative; top: 70px; }
.news #boardMiddle .boardT .boardTCon,
.faq #boardMiddle .boardT .boardTCon,
.overview #boardMiddle .boardT .boardTCon,
.utility #boardMiddle .boardT .boardTCon	{ background: url("http://download.tera-online.com/images/bg/bg_line.gif") repeat-x 0 100%; }
#boardMiddle .boardM						{ width: 516px; margin: 0 12px; background: #000 url("http://download.tera-online.com/images/board/bg_board_con_m.png") no-repeat 0 0; margin-top: -50px; float: left; }
*html #boardMiddle .boardM					{ margin-right: -10px; background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="crop", src="http://download.tera-online.com/images/board/bg_board_con_m.png"); display: inline; }
#boardMiddle .boardM .boardCon				{ position: relative; top: 20px; }
#boardMiddle .boardBt						{ height: 134px; background: url("http://download.tera-online.com/images/board/bg_board_bt_m.png") no-repeat 0 100%; float: left; }
*html #boardMiddle .boardBt					{ background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="crop", src="http://download.tera-online.com/images/board/bg_board_bt_m.png"); margin-top: -15px; padding-bottom: 15px; display: inline; }
#boardMiddle .boardBt .boardBtCon			{ position: relative; top: 20px; }
*html #boardMiddle .boardBt .boardBtCon		{ top: 40px; }

/* board size - BOARD MIDDLE : Newsletter */
#boardMiddleNewsletter								{ position: relative; top: -5px; left: 180px; width: 660px; color: #818181; }
#boardMiddleNewsletter .boardT,
#boardMiddleNewsletter .boardM,
#boardMiddleNewsletter .boardBt						{ width: 480px; padding: 0 90px; }
#boardMiddleNewsletter .boardT						{ height: 169px; background: url("http://download.tera-online.com/images/board/bg_board_t_m.png") no-repeat 0 0; }
*html #boardMiddleNewsletter .boardT				{ background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="crop", src="http://download.tera-online.com/images/board/bg_board_t_m.png"); }
#boardMiddleNewsletter .boardT .boardTCon			{ position: relative; top: 70px; }
#boardMiddleNewsletter .boardT .boardTCon			{ background: url("http://download.tera-online.com/images/bg/bg_line.gif") repeat-x 0 100%; padding-bottom: 20px; }
#boardMiddleNewsletter .boardM						{ width: 456px; margin: 0 12px; background: #000 url("http://download.tera-online.com/images/board/bg_board_con_m.png") no-repeat 0 0; margin-top: -50px; float: left; }
*html #boardMiddleNewsletter .boardM				{ margin-right: -10px; background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="crop", src="http://download.tera-online.com/images/board/bg_board_con_m.png"); display: inline; }
#boardMiddleNewsletter .boardM .boardCon			{ position: relative; top: 20px; }
#boardMiddleNewsletter .boardBt						{ height: 134px; background: url("http://download.tera-online.com/images/board/bg_board_bt_m.png") no-repeat 0 100%; float: left; }
*html #boardMiddleNewsletter .boardBt				{ background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="crop", src="http://download.tera-online.com/images/board/bg_board_bt_m.png"); margin-top: -15px; padding-bottom: 15px; display: inline; }
#boardMiddleNewsletter .boardBt .boardBtCon			{ position: relative; top: 20px; }
*html #boardMiddleNewsletter .boardBt .boardBtCon	{ top: 40px; }

/* board size - BOARD LARGE */
#boardLarge									{ position: relative; top: -5px; left: 33px; width: 924px; color: #818181; }
#boardLarge .boardT,
#boardLarge .boardM,
#boardLarge .boardBt						{ width: 794px; padding: 0 65px; }
#boardLarge .boardT							{ height: 169px; background: url("http://download.tera-online.com/images/board/bg_board_t_l.png") no-repeat 0 0; }
*html #boardLarge .boardT					{ background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="crop", src="http://download.tera-online.com/images/board/bg_board_t_l.png"); }
#boardLarge .boardT .boardTCon				{ position: relative; top: 70px; }
#boardLarge .boardT .account				{ padding-bottom: 15px; }
.news #boardLarge .boardT .boardTCon,
.utility #boardLarge .boardT .boardTCon		{ background: url("http://download.tera-online.com/images/bg/bg_line.gif") repeat-x 0 100%; }
#boardLarge .boardM							{ width: 774px; margin: 0 10px; background: #000 url("http://download.tera-online.com/images/board/bg_board_con_l.png") no-repeat 0 0; margin-top: -50px; float: left; }
#boardLarge .account						{ margin-top: -20px }
*html #boardLarge .boardM					{ margin-right: -10px; background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="crop", src="http://download.tera-online.com/images/board/bg_board_con_l.png"); display: inline; }
#boardLarge .boardM .boardCon				{ position: relative; top: 20px; }
#boardLarge .boardBt						{ height: 134px; background: url("http://download.tera-online.com/images/board/bg_board_bt_l.png") no-repeat 0 100%; float: left; }
*html #boardLarge .boardBt					{ background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="crop", src="http://download.tera-online.com/images/board/bg_board_bt_l.png"); margin-top: -15px; padding-bottom: 15px; display: inline; }
#boardLarge .boardBt .boardBtCon			{ position: relative; top: 20px; }
*html #boardLarge .boardBt .boardBtCon		{ top: 40px; }

/* title */
#boardSmall h2, #boardSmall h3,
#boardMiddle h2, #boardMiddle h3,
#boardLarge h2, #boardLarge h3				{ padding-bottom: 20px; }

/* paging */
#paging										{ text-align: center; }
#paging li									{ display: inline; font-size: 11px;; padding: 0 1px; }
#paging strong								{ color: #A35805; }
#paging li a								{ color: #C0AD8F; }
#paging li a.prev							{ padding-right: 10px; }
#paging li a.next							{ padding-left: 10px; }

/* input style */
input.w174, input.w200, input.w240,
input.w260, input.w300, input.w380,
input.w118, input.w400,
textarea.w300, textarea.w400			{ padding: 4px 3px; background-color: #21211F; border: none; font-size: 11px;; font-family: Verdana; color: #676461; margin-right: 10px; float: left; }
input.w200								{ width: 200px; }
input.w240								{ width: 240px; }
input.w260								{ width: 260px; }
input.w300								{ width: 300px; }
input.w380								{ width: 380px; }
input.w400								{ width: 400px; }
input.w174								{ width: 174px; }
input.w118								{ width: 118px; }
textarea.w300							{ width: 300px; height: 100px; }
textarea.w400							{ width: 400px; height: 100px; }
input#male, input#yes					{ margin-right: 4px; }
input#female, input#no					{ margin-right: 4px; margin-left: 30px; }
select.w120, select.w180				{ font-size: 11px; height: 18px; margin-right: 4px; }
select.w120								{ width: 120px; }
select.w180								{ width: 180px; }
select#category							{ width: 305px; font-size: 11px; }

input#newsletter							{ margin-right: 4px; }
input#rule									{ margin-right: 4px; }

.boardSmallTable input,
.boardLargeTable input						{ ime-mode: disabled; }

/* button */
ul.utilBtn									{ text-align: center; }
ul.utilBtn li								{ display: inline; }
ul.utilBtn li input							{ margin-right: 4px; }
ul.utilBtn2 li								{ float: left; margin-right: 4px; display: inline; position: relative; }
ul.utilBtn2 li.fr							{ float: right; margin-right: 0; }
ul.utilBtn2 li a:link,
ul.utilBtn2 li a:visited,
ul.utilBtn2 li a:active						{ color: #DD963B; text-decoration: underline; font-size: 11px;; }

ul.accountBtn								{ text-align: center; position: relative; top: 80px; }
ul.accountBtn li							{ display: inline; }
ul.accountBtn li input						{ margin-right: 4px; }

/* boardMiddle Table */
.boardSmallTable							{ width: 404px; }
.boardMiddleTable							{ width: 540px; }
.boardMiddleNewsletterTable					{ width: 480px; }
.boardLargeTable							{ width: 794px; }
.boardSmallTable,
.boardMiddleTable ,
.boardMiddleNewsletterTable					{ position: relative; loat: left; background: url("http://download.tera-online.com/images/bg/bg_line.gif") repeat-x 0 100%; left: -10px; }
.boardLargeTable							{ position: relative; float: left; background: url("http://download.tera-online.com/images/bg/bg_line.gif") repeat-x 0 100%; left: -10px; margin-top: 50px; }
*html .boardLargeTable						{ display: inline; margin-top: 30px; }
*:first-child+html .boardLargeTable			{ margin-top: 30px; }
.boardSmallTable table,
.boardMiddleTable table,
.boardMiddleNewsletterTable table,
.boardLargeTable table						{ padding-left: 10px; font-size: 11px;; color: #818181; }
.boardSmallTable table th,
.boardSmallTable table td,
.boardMiddleTable table th,
.boardMiddleNewsletterTable table th,
.boardMiddleTable table td,
.boardMiddleNewsletterTable table td		{ vertical-align: top; padding: 5px 0; }
.boardLargeTable table th,
.boardLargeTable table td					{ vertical-align: top; padding: 10px 0; }
.boardSmallTable table th,
.boardMiddleTable table th,
.boardMiddleNewsletterTable table th,
.boardLargeTable table th					{ text-align: left; padding-top: 8px; }
.boardLargeTable table th.account			{ text-align: left; padding: 8px 0 20px; }
.boardSmallTable table td.descript,
.boardMiddleTable table td.descript,
.boardMiddleNewsletterTable table td.descript,	{ padding: 0; padding-bottom: 5px; color: #696969; }
.boardLargeTable table td.descript			{ padding: 0; padding-bottom: 10px; color: #696969; }
.boardLargeTable table td#userEmail,
.boardLargeTable table td#userId			{ font-size: 13px; color: #B8B8B8; }

.boardSmallTable table td span.warn,
.boardMiddleTable table td span.warn,
.boardMiddleNewsletterTable table td span.warn,
.boardLargeTable table td span.warn			{ color: #994F26; margin-top: 3px; display: none; }
.boardSmallTable table td span.warnMessage,
.boardMiddleTable table td span.warnMessage,
.boardMiddleNewsletterTable table td span.warnMessage,
.boardLargeTable table td span.warnMessage	{ color: #994F26; margin-top: 3px; display: inline; }

.boardSmallTable table td span.warn2,
.boardMiddleTable table td span.warn2,
.boardMiddleNewsletterTable table td span.warn2,
.boardLargeTable table td span.warn2		{ float: left; width: 300px; color: #994F26; display: none; }
.boardSmallTable table td span.warnMessage2,
.boardMiddleTable table td span.warnMessage2,
.boardMiddleNewsletterTable table td span.warnMessage2,
.boardLargeTable table td span.warnMessage2	{ float: left; width: 200px; color: #994F26; display: inline; }