@charset "utf-8";
/* CSS Document */

@import url('layout.css');
@import url('base.css');



/* LOCATION */
#tloc {FLOAT: left; WIDTH: 719px; TEXT-ALIGN:right; COLOR: #6a7fb1; font-size:11px; letter-spacing:-1px;  }
#tloc UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
#tloc LI {DISPLAY: inline; LIST-STYLE-TYPE: none; font-size:11px; letter-spacing:-1px; font-family:Dotum; }
#tloc a {COLOR: #6a7fb1; text-decoration:none; }
#tloc a:hover{text-decoration:underline;}
#tloc LI.ar {color:#009999; font-weight:bold;}

/* COMMON */
#blank5{height:5px; clear:both;}
#blank10{height:10px; clear:both;}
#blank20{height:20px; clear:both;}
#blank30{height:30px; clear:both;}
#game_banner{position:absolute; top:220px; left:230px;}



/* MAIN */
#mLeftBody .guide {width:187px; float:left;}
#mLeftBody .mLBn {float:left; margin-top:7px;}
#mLeftBody .mLvista {float:left; margin-top:9px;}
#mLeftBody .banner01 {float:left; margin-top:5px;}
#mLeftBody .banner02 {float:left; margin-top:5px;}

#lBTip {width:187px; height:117px; background:url(/images/l_tip_bg.gif) no-repeat; margin-top:9px;}
#lBTipTable {width:185px; margin-top:5px; margin-left:2px; padding-top:6px;}
#lBTipTable TD {height:23px; padding-left:10px;}
#lBTipTable .line {background:url(/images/line_no23.gif) repeat-x;}

#lNote {width:187px; height:105px; background:url(/images/l_note_bg.gif) no-repeat; margin-top:9px;}
#lNoteTable {width:185px; margin-top:5px; margin-left:2px; padding-top:6px;}
#lNoteTable TD {height:23px; padding-left:10px;}
#lNoteTable .line {background:url(/images/line_no23.gif) repeat-x;}


#mCenterBody .Mbanner {width:390px;}
#mCenGame {width:390px; display:inline;} 
#mCenGame .title {background:url(/images/c_bar_bg.gif) no-repeat; width:374px; height:23px; padding-top:6px; padding-left:16px;}
#mCenGame .GM01 {width:127px; float:left; margin-right:4px;}
#mCenGame .GM02 {width:127px; float:left; margin-right:4px;}
#mCenGame .GM03 {width:127px; float:left;}
#mCenGame TD.rl {padding-right:5px; text-align:right; }

#mCenGame01 {width:390px; display:inline;} 
#mCenGame01 .title {background:url(/images/c_bar_bg.gif) no-repeat; width:374px; height:23px; padding-top:6px; padding-left:16px;}
#mCenGame01 .GM01 {width:127px; float:left; margin-right:4px;}
#mCenGame01 .GM02 {width:127px; float:left; margin-right:4px;}
#mCenGame01 .GM03 {width:127px; float:left;}
#mCenGame01 TD.rl {padding-right:5px; text-align:right; }

A.Game:link {COLOR:#333; TEXT-DECORATION: none; FONT-SIZE:8PT; letter-spacing:-1px;}
A.Game:visited {COLOR:#333; TEXT-DECORATION: none; FONT-SIZE:8PT;}
A.Game:active {COLOR:#333; TEXT-DECORATION: none; FONT-SIZE:8PT;}
A.Game:hover {COLOR:#ef559e;}

A.board:link {COLOR:#666; TEXT-DECORATION: none; FONT-SIZE:8PT; letter-spacing:-1px;}
A.board:visited {COLOR:#666; TEXT-DECORATION: none; FONT-SIZE:8PT;}
A.board:active {COLOR:#666; TEXT-DECORATION: none; FONT-SIZE:8PT;}
A.board:hover {COLOR:#ef559e;}

#mCenFortune {width:390px; margin-top:11px; float:left; display:inline;} 
#mCenFortune .title {background:url(/images/c_bar_bg.gif) no-repeat; width:374px; height:23px; padding-top:6px; padding-left:16px;}
#ForTune {width:390px;}
#ForTune .FT01 {width:120px; height:85px; float:left; margin-right:15px;}
#ForTune .FT02 {width:120px; height:85px; float:left; margin-right:15px;}
#ForTune .FT03 {width:120px; height:85px; float:left;}

#mCenPhoto {margin-top:11px; background:url(/images/m_photo_bg.gif) no-repeat; width:390px; height:166px; float:left; display:inline;}
#PhotoTilte {margin-top:15px; margin-left:16px;}
#TotalPhoto {width:380px; margin-top:5px; padding-left:11px;}
#TotalPhoto .PT01 {width:88px; float:left; margin-right:5px;}
#TotalPhoto .PT02 {width:88px; float:left; margin-right:5px;}
#TotalPhoto .PT03 {width:88px; float:left; margin-right:5px;}
#TotalPhoto .PT04 {width:88px; float:left; }

.no7 {font-size:7pt; letter-spacing:-1px; font-family:verdana; color:#ef559e; font-weight:bold;}
A.Photo:link {COLOR:#333; TEXT-DECORATION: none; FONT-SIZE:8PT; letter-spacing:-1px;}
A.Photo:visited {COLOR:#333; TEXT-DECORATION: none; FONT-SIZE:8PT;}
A.Photo:active {COLOR:#333; TEXT-DECORATION: none; FONT-SIZE:8PT;}
A.Photo:hover {COLOR:#ef559e;}

#rBoard {width:191px; height:100px; background:url(/images/r_board_bg.gif) no-repeat;}
#rTB {width:189px; margin-top:5px; margin-left:1px; padding-top:6px;}
#rTB TD {height:23px; padding-left:10px;}
#rTB .line {background:url(/images/line_no23.gif) repeat-x;}

#rBanner {width:191px; margin-top:7px;}
#cBanner {width:191px; margin-top:7px;}
#rBanner01 {width:191px; margin-top:9px;}

#rmInGame {width:191px; margin-top:9px;}
#rmInGame .rMnoIn {background:url(/images/main_r_bg.gif) no-repeat; width:191px; height:252px; text-align:center;}
#rMToIn {WIDTH: 178px; margin-top:8px; margin-left:8px; }
#rMToIn TD {FONT-SIZE: 11px; height:20px; padding-left:5px; text-align:left;}

/* SUB */
#subBody .guide {width:187px; float:left; }
#subBody .img {width:588px; float:left; margin-left:7px;}

#subMenu {width:782px; height:47px; padding-left:8px;}
#subMenu .title {float:left; margin-left:15px; padding-top:10px; }

#subContents .tx01 {margin-bottom:15px; margin-left:15px;}

#sMenu {background:url(/common/images/lmenu_t_bg.gif) repeat-y; width:159px;}
#sMenu .toP {width:159px; }
#sMenu .CeT {width:151px; margin-left:8px;}
#sMenu .boT {width:159px; }

/* JOIN */
#step01 {background:url(/common/images/join_sub_bg.gif) repeat-y; width:588px;}
#step01 textarea {width:540px; border:#f7f7f7 1px solid; padding:5px; font-size:9pt; letter-spacing:-1px; line-height:140%; color:#7f7f7f;}
#step01 .toP {width:588px;}
#step01 .subject {padding-left:18px;}
#step01 .boT {width:588px; }
#bTline {margin-left:220px;}
#bTline01 {margin-left:250px;}

#step02 {width:588px;}
#step02 input {border:#dedede 1px solid; padding:1px; font-size:9.3pt; letter-spacing:-1px;}
#Join {BORDER-RIGHT:#dedede 1px solid; BORDER-TOP:#dedede 1px solid; BORDER-LEFT:#dedede 1px solid; WIDTH:588px; BORDER-BOTTOM:#dedede 1px solid;}
#Join TH {COLOR:#7d7d7d; LETTER-SPACING:-1px; HEIGHT:26px; BACKGROUND-COLOR:#f0f0f0; }
#Join TD {FONT-SIZE: 11px; COLOR: #666; BACKGROUND-COLOR: #fff; padding-left:10px; letter-spacing:-1px;}

#iD {BORDER-RIGHT:#7446ff 1px solid; BORDER-TOP:#7446ff 1px solid; BORDER-LEFT:#7446ff 1px solid; WIDTH:588px; BORDER-BOTTOM:#7446ff 1px solid;}
#iD TH {COLOR:#fff; LETTER-SPACING:-1px; HEIGHT:30px; BACKGROUND-COLOR:#9966ff; }
#iD TD {FONT-SIZE: 11px; COLOR: #666; BACKGROUND-COLOR: #fff; padding-left:10px; letter-spacing:-1px;}
#iD TD STRONG {FONT-SIZE: 11px; COLOR: #cc0066; LETTER-SPACING: 0px}

#step03 {width:588px;margin:0 0 18px 0;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;text-align:center;}

#step04 {width:550px; margin:0 0 18px 15px; padding:13px 0 11px 12px;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4; }
#step04 input {border:#dedede 1px solid; padding:1px; font-size:9.3pt; letter-spacing:-1px;}


/* GAME */
#ToIn {WIDTH: 172px; margin-top:5px;}
#ToIn TD {FONT-SIZE: 11px; height:20px; padding-left:5px; text-align:left;}

#gameMenu {width:782px;	height:47px; padding-left:8px;}
#gameMenu .title {float:left; margin-right:7px; width:152px;  text-align:center; padding-top:10px; }
#gameMenu .Menu {float:left; padding-top:15px; margin-left:5px; }

#gameSearch {width:782px; height:50px; padding-left:8px;}
#gameSearch .genre {float:left; margin-left:60px; margin-top:10px;}

#gameSearch .Searchbar {float:right; background: url(/game/images/gamesearchbar.gif); width:280px; height:38px; }
#sbar {float:left; margin-top:15px; margin-left:15px;}
#ip {float:left; margin-top:9px; margin-left:5px;}
#gsbt {float:left; margin-top:8px; margin-left:5px;}

/* GAME LIST PAGE */
#gameListBody .guide {width:187px; float:left;	margin-right:7px;}
#gameListBody .img {width:588px; float:left;}

#gameLine {float:left; background:url(/game/images/gamebg.gif) no-repeat; margin-right:12px; width:186px; height:222px;}
#gameLineNo {float:left; background:url(/game/images/gamebg.gif) no-repeat; width:186px; height:222px;}
#gameLine .gBT {float:right; margin-right:15px; margin-top:5px;}
#gameLineNo .gBT {float:right; margin-right:15px; margin-top:5px;}
#games {WIDTH: 167px; margin-left:8px; margin-top:3px;}
#games td {LETTER-SPACING: -1px;}
#gameBig {position:absolute; top:10px; left:50px; width:300px; height:254px; padding:10px; border:#ccc 1px solid; background:#fff;}

A.game:link {COLOR: #666; TEXT-DECORATION: none; FONT-SIZE:9PT; letter-spacing:-1px;}
A.game:visited {COLOR: #666; TEXT-DECORATION: none; FONT-SIZE:9PT;}
A.game:active {COLOR: #666; TEXT-DECORATION: none; FONT-SIZE:9PT;}
A.game:hover {COLOR: #6600cc; TEXT-DECORATION: none; }

.orange {color:#ff6600; font-weight:bold;}

/* GAME VIEW PAGE */
#gameViewBody .guide {width:187px; float:left;	margin-right:7px;}
#gameViewBody .img {width:588px; float:left;}

#gameViewLeft .noIn {background:url(/game/images/noin_bg.gif) no-repeat; width:187px; height:252px; margin-top:5px; text-align:center;}

#gameViewContents .gamePlay{float:left; margin-right:9px;}
#gameViewContents .gameList{float:left; background:url(/game/images/game_view_titlebar.gif) no-repeat; width:316px; height:11px; padding:10px; font-weight:bold; color:#666;}
#gameViewContents .activeX{float:left; margin-top:21px; margin-left:20px;}
#gameSubject {BORDER-RIGHT: #ccdaee 1px solid; BORDER-TOP: #ccdaee 1px solid; BORDER-LEFT: #ccdaee 1px solid; WIDTH:333px; BORDER-BOTTOM: #ccdaee 1px solid; margin-top:11px;}
#gameSubject TH {COLOR: #44557e; LETTER-SPACING: -1px; HEIGHT: 23px; BACKGROUND-COLOR: #f1f4f9; padding-left:15px; text-align:left;}
#gameSubject TD {FONT-SIZE: 11px; COLOR: #6a7fb1; BACKGROUND-COLOR: #fff; height:20px; text-align:left; padding-left:15px;}
#gameSubject TD.unusable {BACKGROUND-COLOR: #f7f9fc}
#gameSubject TD STRONG {FONT-SIZE: 11px; COLOR: #cc0066; LETTER-SPACING: 0px}
#gameSubject .no {vertical-align:bottom; font-size:7pt;}

#ScreenShot {width:588px; margin-top:10px;}
#ScreenShot .box01 {float:left; background:url(/game/images/game_sch_bg.gif) no-repeat; width:175px; height:139px; margin-right:15px; padding:5px;}
#ScreenShot .un {float:left; background:url(/game/images/game_sch_bg.gif) no-repeat; width:175px; height:139px; padding:5px;}

#gameInfo {margin-top:10px;}
#gameCopyright {margin-top:10px; margin-bottom:20px;}

#gamePlayBT {float:right; margin-right:5px;}

/* FORTUNE ZONE */
#forTune {width:588px;}
#forTune .ftList01{float:left; margin-right:15px; margin-top:10px;}
#forTune .ftList02{float:left; margin-right:15px; margin-top:10px;}
#forTune .ftList03{float:left; margin-top:10px;}
#forTune .ftList04{float:left; margin-right:15px;}
#forTune .ftList05{float:left; margin-right:15px;}
#forTune .ftList06{float:left;}

#Tsubject {width:588px; height:130px; background:url(/fortune/images/top_unse.gif) no-repeat;}
#Tsubject .Img {margin-top:13px; margin-left:13px; float:left;}
#Tsubject .Title {margin-top:23px; margin-left:15px; float:left; letter-spacing:-1px; line-height:130%;}
#Tsubject .Title p {font-weight:bold; margin-bottom:20px;}

#Msubject {width:588px; background:url(/fortune/images/subject_bg.gif) repeat-y; margin-top:15px;}
#Msubject .toP{height:46px; background:url(/fortune/images/subject_top_bar.gif) no-repeat; padding-top:38px; padding-left:20px;}
#Msubject .toPView{height:134px; background:url(/fortune/images/subject_top_bar.gif) no-repeat; padding-top:10px; padding-left:20px;}
#Msubject .boT{height:38px; background:url(/fortune/images/subject_bottom_bar.gif) no-repeat;}
#Msubject .forM {background:url(/fortune/images/form_bg.gif) repeat-y; width:544px; height:169px; margin-top:10px; margin-left:21px; padding-top:50px; padding-left:15px;}
#Msubject .Tit {margin-left:140px; margin-top:10px; font-weight:bold; color:#666;}

#forMTable {width:520px; } 
#forMTable td {height:30px; border-bottom:1px solid #d4d4d4; }
#forMTable STORNG {COLOR: #cc0066;}

#Button {margin-left:220px; margin-top:15px; } 

#myInfo {width:544px; border:1px solid #d4d4d4; height:100px; margin-left:20px; background:#f0f0f0; margin-top:10px;}
#myInfo .Man {float:left; margin-left:20px; margin-top:10px;}
#myInfo .STab {float:left; margin-left:20px; margin-top:10px;}
#myInfo .STab TD {height:24px;}

#myResult {width:544px; margin-top:10px; margin-left:20px; line-height:150%;}
#myinfoTitle {width:387px; height:27px; margin-left:20px; background:url(/fortune/images/myinfo.gif) no-repeat; margin-top:10px; padding:13px 0 0 55px;}
#myinfoTitle .tx {font-weight:bold; color:#333; }
#myresultTitle {width:387px; height:27px; margin-left:20px; margin-top:50px; background:url(/fortune/images/myresult.gif) no-repeat; padding:13px 0 0 55px;}
#myresultTitle .tx {font-weight:bold; color:#333; }

#year {width:544px; margin-left:20px; margin-top:10px;}


/* DREAM FORM */

#DreamForm {width:544px; margin-left:21px;}
#DreamForm .ToP {float:right; margin-right:15px; margin-top:20px;}
#DreamForm .CeT {width:524px; height:180px; background:url(/fortune/images/dream_list_bg.gif) no-repeat; margin-top:10px; padding-top:25px; padding-left:20px;}
#DreamForm .CeT TD {height:30px; letter-spacing:-1px;}

#DreamList {width:544px; margin-left:21px; margin-top:20px;}
#DreamList .ToP {background:url(/fortune/images/dream_result_top.gif) no-repeat; height:24px;}
#DreamList .CeT {padding-left:20px; background:url(/fortune/images/dream_result_bg.gif) repeat-y; padding-left:23px;}
#DreamList .boT {background:url(/fortune/images/dream_result_bottom.gif) no-repeat; height:26px;}


/* LOGIN */
#LogIN {width:588px; height:417px; background:url(/common/images/login_bg.gif) no-repeat;}
#LogIN .TopFlash {margin-top:20px; margin-left:37px;}

#LogBar {width:417px; height:78px; background:url(/common/images/login_mbg.gif) no-repeat; margin-left:37px; padding:30px 0 0 100px;}
#LogBar INPUT {border:#e2e2e2 1px solid;}

#LogBoT {margin-top:25px; margin-left:148px;}


/* Program */
#FunHolic .toP {margin-top:35px; text-align:center; height:270px;}
#toolbar {width:588px; height:212px; margin-top:20px;}
#toolbar .M {float:left; width:333px; margin-left:20px;}
#toolbar .M01 {float:left; width:184px; margin-left:10px;}
#FunHolic .boTTom {margin:15px 0 0 25px; font-size:8pt; letter-spacing:-1px; }
#FunHolic .BTN {width:538px; text-align:right; padding-right:50px; padding-top:20px; height:40px;}
#bbt {width:588px; text-align:center; height:44px;}

#privacy {background:url(/helper/images/privacy_bg.gif) no-repeat; width:500px; height:600px;}
#privacy .contents {margin:100px 0 0 20px;}
#privacy textarea {width:460px; border:#cecece 1px solid; letter-spacing:-1px; color:#666; font-size:9pt;}

#contract {background:url(/helper/images/contract_bg.gif) no-repeat; width:500px; height:600px;}
#contract .contents {margin:100px 0 0 20px;}
#contract textarea {width:460px; border:#cecece 1px solid; letter-spacing:-1px; color:#666; font-size:9pt;}

#plusdream {background:url(/helper/images/plusdream_bg.gif) no-repeat; width:500px; height:600px;}
#plusdream .contents {margin:100px 0 0 20px;}
#plusdream textarea {width:460px; border:#cecece 1px solid; letter-spacing:-1px; color:#666; font-size:9pt;}

/* Event Point */
#eventPoint {width:782px;}
#eDate {background:url(/community/images/e_date_top.gif) no-repeat; width:782px; height:34px;}
#eDate .eL {float:left; font-size:11pt; letter-spacing:-1px; font-weight:bold; margin-top:10px; margin-left:40px; }
#eDate .eR {float:right; font-size:11pt; letter-spacing:-1px; font-weight:bold; margin-top:10px; margin-right:10px; color:red;}

#chk {float:left; background:url(/community/images/e_date_bg.gif) no-repeat; width:439px; height:149px; }
#chk .cdate {float:left; width:98px; margin-top:100px; font-size:25pt; letter-spacing:-1px; font-weight:bold; color:red; text-align:center; }

#ctable {float:left; width:332px; margin-top:10px;}
#ctable TD {height:19px; text-align:center; font-size:8pt; letter-spacing:-1px; }

#Point {float:left; width:337px; margin-left:5px;}
#Point .title {background:url(/community/images/point_bg.gif) no-repeat; width:337px; height:25px;}
#Point .box {background:url(/community/images/point_mbg.gif) no-repeat; width:336px; height:116px; margin-top:5px;}

#point-list {width:306px; margin-left:16px; margin-top:5px;}
#point-list TD {height:20px; border-bottom:#eee 1px solid; padding-left:5px; font-size:8pt; letter-spacing:-1px;}
#point-list .no {font-family:Verdana; color:red; font-size:7pt; font-weight:bold; letter-spacing:-1px;}


#chucheon {float:left; width:439px;}
#chucheon .point {float:left; width:69px; height:51px; background:url(/community/images/cu_point.gif) no-repeat; padding-top:280px; padding-left:15px; font-size:13pt; font-weight:bold; color:red;}
#chucheon .list {float:left; margin-left:5px;  overflow-y:auto; height:331px; position:realtive; width:348px;}
#numberL {float:left; width:331px; text-align:center; margin-top:10px; height:15px;}

#chuList {BORDER-RIGHT: #ccdaee 1px solid; BORDER-TOP: #ccdaee 1px solid; BORDER-LEFT: #ccdaee 1px solid; WIDTH:328px; BORDER-BOTTOM: #ccdaee 1px solid;}
#chuList TH {COLOR: #44557e; LETTER-SPACING:-1px; HEIGHT: 25px; BACKGROUND-COLOR: #f1f4f9; text-align:center; font-size:8pt; }
#chuList TD {FONT-SIZE:8pt; COLOR:#6a7fb1; height:20px; text-align:center; BACKGROUND-COLOR: #fff;}

#chuIn {float:left; width:337px; margin-left:5px;}
#chuIntitle {float:left; width:337px; height:25px; background:url(/community/images/cu_list_bg.gif) no-repeat;}
#chuIntitle .point {float:right; margin-top:5px; margin-right:10px; font-family:Verdana; color:red; font-size:9pt; font-weight:bold; letter-spacing:-1px;}
#chuInlist {float:left; margin-top:5px; width:335px; height:180px; overflow:auto; border:#ccc 1px solid;}

#rp {text-align:right; font-size:13pt; font-weight:bold; color:red; margin-right:20px;}

#chuin-list{width:300px; margin-top:5px; margin-left:10px;}
#chuin-list TD {height:20px; border-bottom:#eee 1px solid; padding-left:5px; font-size:8pt; letter-spacing:-1px;}

#TotalP {float:left; width:337px; height:25px; background:url(/community/images/total_point_bg.gif) no-repeat; margin-top:10px;}
#PoinT {BORDER-RIGHT: #ccdaee 1px solid; BORDER-TOP: #ccdaee 1px solid; BORDER-LEFT: #ccdaee 1px solid; WIDTH:337px; BORDER-BOTTOM: #ccdaee 1px solid; margin-top:5px;}
#PoinT TH {COLOR: #44557e; LETTER-SPACING:-1px; HEIGHT: 25px; BACKGROUND-COLOR: #f1f4f9; text-align:center; font-size:8pt; }
#PoinT TD {FONT-SIZE:8pt; COLOR:#6a7fb1; height:20px; text-align:center; BACKGROUND-COLOR: #fff;}
#PoinT TD STRONG {FONT-SIZE: 10pt; COLOR: #cc0066; LETTER-SPACING: 0px}

#upload {background:url(/game/images/upload_bg.gif) no-repeat; width:588px; height:213px;}
#upload .Tb {margin:30px 0 0 100px; font-size:9pt; font-weight:bold; letter-spacing:-1px;}
#upload .Tb TD{height:30px;}
#upfeild {margin:15px 0 0 40px;}

/* ------------------------------------------------ */

.s { font: 11px ; }
.ssp { font: 11px ; letter-spacing:-1; }
.e1 { font: 9px verdana; }
.e2 { font: 10px verdana; }
.e3 { font: 11px verdana; }
.e4 { font: 9px tahoma; }
.e5 {font:10px tahoma; }
.e6 {font:11px tahoma; }
.t1 { font-size:9pt; font-family:; }
.t2{ font-size:9pt; font-family:; }
.t3 { font-size:9pt; font-family:; letter-spacing:0; }
.t4{ font-size:9pt; font-family:; letter-spacing:0; }

.b { font-weight:bold; }
.b1 { font:12px ; font-weight:bold; color:#000000; }
.b2 { font:12px ; font-weight:bold; color:#000000; }
.b3 { font:12px ; font-weight:bold; color:#000000; letter-spacing:0; }
.b4 { font:12px ; font-weight:bold; color:#000000; letter-spacing:0; }
.sp {letter-spacing:-1; }
.ht13 { line-height:130%; }
.ht15 { line-height:150%; }
.ht18 { line-height:180%; }
.ht20 { line-height:200%; }
.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }

.ck { color:#000000; }
.cr { color:#FF0000; }
.cw { color:#FFFFFF; }
.cb { color:#0000FF; }
.cy { color:#FFFF00; }
.co { color:#FF7700; }
.cp { color:#DD0077; }
.cg { color:#77BB00; }
.cc { color:#00AABB; }

.box {border:1px #D5D5D5 solid; background:#F0F0F0; }