/* PublishedItem */
.publishedItem {
    padding: 4px;
    margin-bottom: 0.5em;
    border: solid 1px #B3B3B3;
    /*height: 112px;*/
}

.publishedItemList {
    margin: 1em 0.5em;
    
}

.publishedItemIcon {
    float: left;
    margin-right:8px;
    width: 128px;
}

.publishedItemType {
    font-size: small;
    font-weight: bold;
    margin-left: 4px;
}

.publishedItemDateTime {
    font-size: small;
    font-weight: bold;
}

.publishedItemStatistics {
    font-size: small;
    font-weight: bold;
}

.publishedItemTitle {
    /*border-left: #B3B3B3 solid 4px;*/
    padding-left: 10px;
    font-weight: bold;
    margin: 0.5em 0;
}

.publishedItemMain {
    float: left;
    margin-left:8px;
    width: 450px;
    height: 112px;
}

.publishedItemRight {
    float: left;
    margin-left:4px;
    width: 160px;
    height: 108px;
}

/* Game */
.game {
    padding: 4px;
    margin-bottom: 0.5em;
    border: solid 1px #B3B3B3;
}

.gameList {
    margin: 1em 0.5em;
}

.gameIcon {
    float: left;
    margin-right:8px;
}

.gameType {
    font-size: small;
    font-weight: bold;
    margin-left: 4px;
}

.gameDateTime {
    font-size: small;
    font-weight: bold;
}

.gameStatistics {
    font-size: small;
    font-weight: bold;
}

.gameBasic {
    font-size: small;
    font-weight: bold;
    margin-left: 0.5em;
    margin-top: 4px;
}

.gameTargetLevel {
    font-size: small;
    font-weight: bold;
    background-color: #550000;
    color: white;
}

.gameTitle {
    /*border-left: #B3B3B3 solid 4px;*/
    padding-left: 10px;
    font-weight: bold;
    margin: 0.5em 0;
}

/* Rating */

.ratingForm {
    width:340px;
    float: right;
    text-align: center;
    font-size: small;
    font-weight: bold;
}

.ratingForm li {
  list-style-type:none;
  width: 32px;
  height: 32px;
  float: left;
  margin: 0px;
}

/* Tag */
.tagEditArea {
    margin-bottom: 1em;
}


/* Clip */
.clipForm {
    width: 200px;
    float: right;
    /*font-weight: bold;*/
    font-size: small;
    margin-right: 16px;
}

.clipFormBorder {
    margin: 4px;
    padding: 4px;
    width: 100%;
    border: solid 1px #B3B3B3;
}

.clipCloseFormBorder {
    margin: 4px;
    padding: 4px;
    width: 100%;
    border: solid 1px #B3B3B3;
    text-align: center;
}

/* Board */

.boardComment {
    margin: 1em;
    padding: 0em;
    border: solid 1px #B3B3B3;
}

/* Comment */
.commentTime {
    
}

.commentUser {
    font-weight: bold;
}

.comment {
    
}

.commentList {
    position: relative;
    margin: 1em 0em;
}

.commentForm {
    padding: 1em;
    position: relative;
    /*margin: 1em 3em; */
}

.code {
    margin:0em 1em 0em;
    padding:0em 1em 0em;
    border:solid 2px #888888;
}

/*************** Dot ***************/

.dotTemplate {
    float: left;
    margin-right: 2em;
    text-align: center;
    padding: 1em;
    width: 128px;
    height: 128px;
    border: solid 1px #888888;
}

/**************************************************************/
/* Tag                                                        */
/**************************************************************/
.tagForm {
    border: solid 1px #B3B3B3;
    padding: 4px; font-size: small;
}


/*************** Tag Cloud ***************/
.tagCloud {
	margin: 4px;
        font-family: Arial, Helvetica, sans-serif;
        /*font-size: 15px;*/
}

.pTag1 a, .pTag1 a:visited {
	font-size: 77%;
	color: #979797;
	margin-left: 4px;
}

.pTag2 a, .pTag2 a:visited {
	font-size: 92%;
	color: #777777;
	margin-left: 4px;
}

.pTag3 a, .pTag3 a:visited {
	font-size: 114%;
	color: #5e5e5e;
        margin-left: 4px;
}

.pTag4 a, .pTag4 a:visited {
	font-size: 136%;
	font-weight: bold;
	color: #424242;
        margin-left: 4px;
}

.pTag5 a, .pTag5 a:visited {
	font-weight: bold;
	font-size: 167%;
        color: #222222;
	margin-left: 4px;
}



/**************************************************************/
/* allegation                                                 */
/**************************************************************/
.allegationArea {
    background-color: #EEEEFF;
    border: solid 1px #AAAAFF;
    width: 80%;
    margin-left:auto;
    margin-right: auto;
    margin-bottom:1em;
    text-align: center;
    padding: 8px;
}

/**************************************************************/
/* tab                                                        */
/**************************************************************/

.tabs {
	margin-top: 5px;
        clear: both;
}

.tab_l {
	float: left;
	width: 8px;
	height: 24px;
	background-image: url('/images/tabs/tab_l.png');
	background-repeat: no-repeat;
	margin-left: 4px;
}

.tab {
	position: relative;
	float: left;
	height: 24px;
	padding-top: 2px;
	background-image: url('/images/tabs/tab.png');
	background-repeat: repeat-x;
}

.tab a, .tab a:visited {
    position: relative;
    color: #EEEEEE;
    border: none;
    /*font-weight: bold;*/
}


.tab_r {
	float: left;
	width: 8px;
	height: 24px;
	background-image: url('/images/tabs/tab_r.png');
	background-repeat: no-repeat;
}

.tabb_l {
	float: left;
	width: 8px;
	height: 24px;
	background-image: url('/images/tabs/tabb_l.png');
	background-repeat: no-repeat;
	margin-left: 4px;
}

.tabb {
	position: relative;
	float: left;
	height: 24px;
	padding-top: 2px;
	background-image: url('/images/tabs/tabb.png');
	background-repeat: repeat-x;
}

.tabb a, .tabb a:visited {
    position: relative;
    color: #EEEEEE;
    border: none;
    /*font-weight: bold;*/
}

.tabb_r {
	float: left;
	width: 8px;
	height: 24px;
	background-image: url('/images/tabs/tabb_r.png');
	background-repeat: no-repeat;
}