/*
<style type='text/css'>
*/
/*<%
' * Name:			theme_default_layout.css
' * Copyright:		Copyright (C)2003-2008 Keiji Ikuta
' * Created by:		Keiji Ikuta
' * Created date:	5/24/2003
' * Purpose:		default theme for TakTrack (ttrack)
' * IN:				
' * OUT:				
' * Note:		
' * Updated: converted from main.css 	
%>*/


/*<%
' =========================================================================
'	PAGE Layout
' =========================================================================
%>*/

#PAGE_MAIN
{
	margin-left:20px;
	margin-right:20px;
	margin-top:0px;
}

#PAGE_HEADER
{
/*
	margin-left:10px;
	margin-right:10px;
*/
}

#PAGE_BODY
{
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
}
#PAGE_CONTAINER1
{
	width: 100%;
	float: left;
}
#PAGE_CONTENTS1
{
}
#PAGE_RIGHT_SIDEBAR
{
	float:right;
	position:relative;
}
#SIDEBAR_R
{
	position:relative;
}

#PAGE_CONTAINER2
{
	width: 100%;
	float: right;
}
#PAGE_CONTENTS2
{
}
#PAGE_LEFT_SIDEBAR
{
	float:left;
	position:relative;
}
#SIDEBAR_L
{
	position:relative;
}

#PAGE_BODY #CONTENTS_BH
{
}
#PAGE_BODY #CONTENTS_B2_1
{
	float:left;
	width:49.6%;
	margin:0px;
}
#PAGE_BODY #CONTENTS_B2_2
{
	float:right;
	width:49.6%;
	overflow:hidden;
	margin:0px;
}
#PAGE_BODY #CONTENTS_B3_1
{
	float:left;
	width:33%;
	margin:0px;
}
#PAGE_BODY #CONTENTS_B3_2
{
	float:left;
	width:33%;
	margin:0px;
}
#PAGE_BODY #CONTENTS_B3_3
{
	float:right;
	width:33%;
	margin:0px;
}

#PAGE_BODY #CONTENTS_BF
{
}

#PAGE_SYSFOOTER
{
	position:relative;
	padding:4px;
	margin:4px;
}

/*<%
' =========================================================================
'	Page Structure Style
' =========================================================================
%>*/
#AD_SITETOP
{
	position:relative;
	padding:2px;
	margin-left:20px;
	margin-right:20px;
	height:95px;
	background-color:Transparent;
}

.SITENAV_OUTER
{
	position:relative;
	padding:0px;
	margin-left:20px;
	margin-right:20px;
	background-color:Transparent;
}
#SITENAV 
{
	background-color:transparent;
	width:100%;
	font-size:85%;
	font-family:Arial,Helvetica,sans-serif;
	padding:0px;
}

#SITENAV #SITETITLE
{
	float:left;
	padding:1px;
	padding-right:2px;
	padding-left:2px;
}
#SITENAV #SITETITLE2
{
	float:right;
	padding:1px;
	padding-right:2px;
	padding-left:2px;
}

#SITENAV #SITETITLE .TITLE
{
	font-weight:bold;
	font-family:Verdana,Lucida,Arial,Helvetica,sans-serif;
}

#SITENAV #site_languages
{
	font-size:70%;
}

#SITENAV #PROGRESSMSG
{
    display:none;
    text-align:center;
    padding:1px;
    background-color:#e33;
    color:#fff;
    font-size:80%;
    float:left;
    margin-left:10px;
    margin-right:10px;
}
#SITENAV .CMD
{
	position: relative;
	top:1px;
	float:right;
	padding:1px;
	padding-left: 20px;
	padding-right: 20px;
}

#PAGE_COUNTER
{
    text-align:  right;
    font-size:70%;
    padding: 4px;
    margin-bottom: 5px;
}

#PAGE_COPYRIGHT
{
    padding:2px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 90%;
	text-align: right;
}


#PAGE_HEADERDEF
{
	margin:3px;
	padding:3px;
	font-size: 90%;
}

#PAGE_FOOTERDEF
{
	clear:both;
	margin:3px;
	padding:3px;
	font-size: 90%;
}


#PAGE_THANKYOUMSG
{
    padding:5px 5px 5px 5px;
    margin:5px 5px 10px 5px;
}


/*<%
' =========================================================================
'	Navigation Buttons
' =========================================================================
%>*/
a.MBUTTON
{
	line-height: 2.1;
	padding: 2px;
	padding-left:2px;
	padding-right:2px;
	text-decoration: none;
	font-size:85%;
}
a.MBUTTON:hover
{
	line-height: 2.1;
	padding: 2px;
	padding-left:2px;
	padding-right:2px;
	text-decoration: underline;
	font-size:85%;
}
a.MBUTTON img
{
	vertical-align:text-bottom;
}

a.SUBBUTTON
{
	line-height: 2.1;
	padding: 1px;
	padding-left:2px;
	padding-right:2px;
	text-decoration: none;
	font-size:85%;
}

a.SUBBUTTON:hover
{
	line-height: 2.1;
	padding: 1px;
	padding-left:2px;
	padding-right:2px;
	text-decoration: underline;
	font-size:85%;
}
a.SUBBUTTON img
{
	vertical-align:text-bottom;
}

.SUBBUTTON_DISABLED
{
    line-height: 2.1;
    padding-left:2px;
    padding-right:2px;
	text-decoration: none;
	font-size:80%;
}

a.CHBBUTTON
{
	line-height: 2.1;
	padding: 1px;
	padding-left:2px;
	padding-right:2px;
	text-decoration: none;
	font-size:80%;
}

a.CHBBUTTON:hover
{
	line-height: 2.1;
	padding: 1px;
	padding-left:2px;
	padding-right:2px;
	text-decoration: underline;
	font-size:80%;
}


a.CMDBUTTON
{
	line-height: 2.1;
	padding: 1px;
	padding-left:2px;
	padding-right:2px;
	text-decoration: none;
	font-size:80%;
}

a.CMDBUTTON:hover
{
	line-height: 2.1;
	padding: 1px;
	padding-left:2px;
	padding-right:2px;
	text-decoration: underline;
	font-size:80%;
}

/*<%
' =========================================================================
'	Page Title
' =========================================================================
%>*/
#PAGETITLE
{
	text-align:left;
	line-height:normal;
}

#PAGETITLE .BODY_OUTER
{
	width:100%;
	padding: 2px;
	line-height:normal;
}
#PAGETITLE .BODY
{
}
#PAGETITLE .BODY td
{
	padding:6px;
	padding-left:20px;
	vertical-align: middle;
	height:65px;
 }


#PAGETITLE h1.TITLE
{
	font-size: 130%;
	font-weight:normal;
}

#PAGETITLE h1.TITLE .WKSNAME a
{
	font-size:70%;
}

#PAGETITLE .TITLE2
{
	font-size: 120%;
}

#PAGETITLE .TITLE_SUB
{
	font-size: 65%;
}

#PAGETITLE .DESC
{
	text-align:left;
	padding: 3px;
	margin-left:5px;
	font-size: 85%;
}
#PAGETITLE_DESC
{
	text-align:left;
	padding: 3px;
	margin-left:5px;
	font-size: 85%;
}

#PAGETITLE_BC_BOX_OUTER
{
	padding:px;
	margin:0px;
}
#PAGETITLE_BC_BOX
{
}
#PAGETITLE_BC
{
	font-size: 100%;
	padding: 4px;
	padding-top: 20px;
	padding-left:12px;
	padding-bottom:4px;
	vertical-align:top;
	height:70px;
	font-family:Verdana,Lucida,Arial,Helvetica,sans-serif;
}
#PAGETITLE_BC.PAGETITLE_BC_WKS
{
}
#PAGETITLE_BC a
,#PAGETITLE_BC .TITLE
,#PAGETITLE_BC.PAGETITLE_BC_WKS a
{
	font-size:140%;
}

#PAGETITLE_BC .yui-button
,#PAGETITLE_BC .yui-menu-button
{
	border:none;
}

#PAGETITLE_LINKS
{
    vertical-align:top;
    padding:10px;
    text-align:right;
}

#project_list_button
{
	padding:0px;
	margin:0px;
	font-size:100%;
	line-height:1;
	background:transparent none;
	border:none;
}
#project_list_button .first-child
{
	border:none;
}
#project_list_button button
{
	font-size:100%;
	padding:0px;
	line-height:1;
	border:none;
	min-height:1em;
	background-position:right center;
	/* background-image:url(default/arrow_down.gif);*/
	background-image:none;
}

#PROJECT_LIST
{
	padding:0px;
	margin:0px;
	display:none;
}


#ACTION_BUTTON
{
	padding:0px;
	margin:0px;
	font-size:100%;
	line-height:1;
	background:transparent none;
	border:none;
}
#ACTION_BUTTON .first-child
{
	border:none;
}
#ACTION_BUTTON button
{
	font-size:100%;
	padding:0px;
	line-height:1;
	border:none;
	min-height:1em;
	background-position:right center;
	/* background-image:url(default/arrow_down.gif);*/
	background-image:none;
}

#ACTION_LIST
{
	padding:0px;
	margin:0px;
	display:none;
}


#PAGETITLE a.BUTTON
{
	text-decoration: none;
	font-size: 100%;
}
#PAGETITLE a.BUTTON:hover
{
	text-decoration: underline;
	font-size: 100%;
}

#PAGETITLE .TL
{
	background-position: top left;
	background-repeat: no-repeat;
}
#PAGETITLE .TR
{
	background-position: top right;
	background-repeat: no-repeat;
}
#PAGETITLE .BL
{
	background-position: bottom left;
	background-repeat: no-repeat;
}
#PAGETITLE .BR
{
	background-position: bottom right;
	background-repeat: no-repeat;
}

#PAGETITLE_HMBOX_OUTER
{
	margin:0px;
	padding:0px;
}
#PAGETITLE_HMBOX_OUTER td
{
	padding:0px;
	margin:0px;
	vertical-align:bottom;
}

#PAGETITLE_HMBOX
{
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;
	padding-top:3px;
	padding-left:5px;
	padding-right:5px;
	width:100%;
}
#PAGETITLE_HMBOX li
{
	display:inline-block;
	float:left;
	list-style-type:none;
	margin:0px;
	padding:0px;
	font-size:75%;
	width:auto;
	border:none;
	height:16px;
	vertical-align:middle;
}
#PAGETITLE_HMBOX li a
{
	display:inline-block;
	padding: 1px;
	margin:0px;
	padding-left: 10px;
	padding-right: 10px;
}

#HMBOX_PROJLIST li
{
	display:block;
	float:none;
	font-size:100%;
}

#PAGETITLE_PMBOX_OUTER
{
	margin-bottom:7px;
}
.PAGETITLE_PMBOX
{
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;
	padding-left:8px;
	padding-right:8px;
	padding-top:3px;
}
.PAGETITLE_PMBOX li
{
	display:inline-block;
	float:right;
	list-style-type:none;
	margin:0;
	padding:2px;
	font-size:90%;
}
.PAGETITLE_PMBOX li a
{
	display:inline;
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
}


#PAGETITLE_HMBOX_OUTER td.TITLE_CMD
{
	font-size:80%;
	text-align:right;
	padding:3px;
	vertical-align:bottom;
	padding-right:5px;
}
#PAGETITLE_HMBOX_OUTER td.TITLE_CMD img
{
	vertical-align:text-bottom;
}

/*<%
' =========================================================================
'	Page Buttons
' =========================================================================
%>*/
.PAGENAV
{
	font-size: 95%;
	text-align:center;
	width: 100%;
	/*display:none;*/
}
.PAGENAV td
{
	padding: 2px;
}


#FILTER_TITLE
{
	margin-bottom: 3px;
}


table.PAGENAV_OPTIONS
{
	width: 100%;
	font-size: 90%;
}
.PAGENAV_OPTIONS td
{
	padding: 2px;
}

/*<%
' =========================================================================
'	Sidebar Style
' =========================================================================
%>*/
.SIDEBAR
{
	margin-bottom: 8px;
}
 

.SIDEBAR .TITLE, .SIDEBAR .TITLE2
{
	padding:3px;
	padding-bottom:4px;
	padding-left:5px;
	font-weight:bold;
	font-size: 90%;
}

.SIDEBAR .TITLE a, .SIDEBAR .TITLE2 a
{
	font-size:90%;
}

a.OPENCLOSE, a.OPENCLOSE:visited
{
	font-size:90%;
}

.SIDEBAR .CONTENTS
{
	padding:8px;
	font-size: 85%;
}

.SIDEBAR ul
{
	list-style-type:none;
	list-style-image:none;
}

.SIDEBAR a.ITEM, .SIDEBAR a.ITEM:hover
{
	display:block;
	padding: 3px;
	text-decoration:none;
}

.SIDEBAR li
{
	display:block;
	margin-top:1px;
	line-height:1.1;
}

.SIDEBAR li.TITLE
{
	display:block;
	margin-top:4px;
}

.SIDEBAR .SELECTED
{
	display:block;
	padding:3px;
}

.SIDEBAR .SPACER
{
	display:block;
	height: 6px;
	font-size:1px;
}
.SIDEBAR .SPACER_BL
{
	display:block;
	height: 4px;
}


.SIDEBAR .GROUP
{
	display:block;
	padding:1px;
	font-weight:bold;
}


.INDEXTABLE td
{
	padding: 2px;
}

.INDEXTABLE a.INDEX
{
	width:20px;
	padding: 2px;
}
.INDEXTABLE a.INDEX:hover
{
	width:20px;
	padding:2px;
}
.INDEXTABLE td.INDEX_SELECTED
{
}


.SIDEBAR .MYTASK_STATUS
{
	width: 100%;
}
.SIDEBAR .MYTASK_STATUS td
{
	padding: 1px;
}

.POPULARENTRIES_PROJTITLE
{
	font-size: 70%;
}

.ADBOX
{
    margin-bottom:8px;
}

#sb_AD_Sponsors .CONTENTS_OUTER .CONTENTS
{
    padding:4px;
}


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

.TAB_SELECTION_BOX
{
	padding:2px;
}
.TAB_SELECTION_SELECTED
{
	padding:2px;
	padding-left:5px;
	padding-right:5px;
}
.TAB_SELECTION_NONSELECTED
{
	padding:2px;
	padding-left:5px;
	padding-right:5px;
}

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

a.FILTER_CMD
{
	font-size:80%;
}

/*<%
' =========================================================================
'	SIDEBAR_CALENDAR
' =========================================================================
%>*/
.SIDEBAR .CALENDAR_HEADER
{
	text-align:center;
	padding-bottom:2px;
}

.SIDEBAR table.CALENDAR
{
	padding: 2px;
	width:100%;
	border-collapse:separate;
}


.SIDEBAR .CALENDAR td
{
	text-align: center;
	font-size: 90%;
	padding: 1px;
}

.SIDEBAR .CALENDAR th
{
	text-align:center;
	font-weight:bold;
	font-size: 90%;
}

.SIDEBAR .CALENDAR a, .SIDEBAR .CALENDAR a:hover
{
	font-weight:bold;
	text-decoration: underline;
	padding-left: 1px;
	padding-right: 1px;
}

/*<%
' =========================================================================
'	TAG
' =========================================================================
%>*/
.TAGBLOCK
{
	padding: 2px;
	font-size: 85%;
}

.TAGBLOCK a:hover
{
	text-decoration:none;
}

.TAGBLOCK .SELECTED
{
	display:inline;
	padding:1px;
	color:#000;
}

.TAGBLOCK .GROUP
{
	font-weight:bold;
	font-size:100%;
}

.TAGBLOCK .SZ_8
{
	font-size:170%;
}
.TAGBLOCK .SZ_6
{ 
	font-size:155%;
}
.TAGBLOCK .SZ_4
{
	font-size:140%;
}
.TAGBLOCK .SZ_2
{
	font-size:125%;
}
.TAGBLOCK .SZ_0
{
	font-size:110%;
}



.TAGBOX
{
	padding: 2px;
	line-height: 1.4;
}


.TAGBOX a.NORMAL, .TAGBOX a.NORMAL:visited, .TAGBOX a.NORMAL:hover
,.TAGBOX a.SELECTED, .TAGBOX a.SELECTED:visited, .TAGBOX a.SELECTED:hover
{
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 1px;
	margin-right: 1px;
	text-decoration:none;
}


/*<%
' =============================================================
'	RBOX Style
' ============================================================= 
%>*/

.RBOX, .RFBOX
{
	width:100%;
}

.RBOX .aBODY, .RFBOX .aBODY
{
	padding: 3px;
	margin:0px;
	overflow:hidden;
}


.RBOX .HEAD .TL, .RBOX .BODY .TL
{
	background-position: top left;
	background-repeat: no-repeat;
}
.RBOX .HEAD .TR, .RBOX .BODY .TR
{
	background-position: top right;
	background-repeat: no-repeat;
}
.RBOX .BODY .BL
{
	background-position: bottom left;
	background-repeat: no-repeat;
}
.RBOX .BODY .BR
{
	background-position: bottom right;
	background-repeat: no-repeat;
}



.RFBOX .HEAD .TL, .RFBOX .BODY .TL
{
	background-position: top left;
	background-repeat: no-repeat;
}
.RFBOX .HEAD .TR, .RFBOX .BODY .TR
{
	background-position: top right;
	background-repeat: no-repeat;
}
.RFBOX .BODY .BL
{
	background-position: bottom left;
	background-repeat: no-repeat;
}
.RFBOX .BODY .BR
{
	background-position: bottom right;
	background-repeat: no-repeat;
}
.RFBOX .HEAD .T, .RFBOX .BODY .T
{
	background-position: top left;
	background-repeat: repeat-x;
}
.RFBOX .HEAD .B, .RFBOX .BODY .B
{
	background-position: bottom left;
	background-repeat: repeat-x;
}
.RFBOX .HEAD .L, .RFBOX .BODY .L
{
	background-position: top left;
	background-repeat: repeat-y;
}
.RFBOX .HEAD .R, .RFBOX .BODY .R
{
	background-position: top right;
	background-repeat: repeat-y;
}

/*<%
' =========================================================================
'	Paging List Style
' =========================================================================
%>*/
table.PAGING
{
	width: 100%;
}
.PAGING td
{
	padding:2px;
	font-size: 85%;
}

.PAGING a
{
	padding-left: 3px;
	padding-right: 3px;
	line-height:1.6;
}

.PAGING .CUR, .PAGING .NO
{
	padding-left: 3px;
	padding-right: 3px;
	line-height:1.6;
}

.PAGING .CUR
{
	font-weight:bold;
}

/*<%
' =========================================================================
'	Paging List Style
' =========================================================================
%>*/
.PrevNextLinks
{
	text-align:center;
}
table.PAGING2
{
	width: 100%;
}
.PAGING2 td
{
	padding:2px;
	font-size: 85%;
}
.PAGING2 td.L
{
	width:46%;
	text-align:right;
}
.PAGING2 td.R
{
	width:46%;
	text-align:left;
}
.PAGING2 td.C
{
	width: 8%;
}
.PAGING2 a
{
	padding-left: 2px;
	padding-right: 2px;
	line-height:1.6;
}

.PAGING2 .CUR, .PAGING .NO
{
	padding-left: 2px;
	padding-right: 2px;
	line-height:1.6;
}

.PAGING2 .CUR
{
	font-weight:bold;
}




/*<%
' =========================================================================
'	Main List Style
' =========================================================================
%>*/
.MAINLIST
{
	font-size: 85%;
	width:100%;
}

.MAINLIST th
{
	padding: 2px;
}

.MAINLIST .INTHEADER td
{
	padding: 2px;
	padding-top: 8px;
	font-weight:bold;
	text-align:left;
}

.MAINLIST .ITEMLINE td
{
	padding: 2px;
	padding-bottom: 6px;
}

.MAINLIST .ITEMLINE1 td
{
	padding: 2px;
	padding-bottom: 6px;
	line-height: 1.2;
}

.MAINLIST .ITEMLINE2 td
{
	padding: 2px;
	padding-bottom: 6px;
	line-height: 1.2;
}

.MAINLIST .ITEMLINE_CONT td
{
	padding: 1px;
}
.MAINLIST .ITEMLINE_CONT0 td
{
	padding: 1px;
}

.MAINLIST .ITEMLINE_SELECTED td
{
	padding: 2px;
	padding-bottom: 6px;
}


.MAINLIST .PROJ_TITLE
{
	font-size: 90%;
}

.MAINLIST .DATE_POSTED
{
	font-size: 85%;
}

.MAINLIST .SUBDATE
{
	font-size: 90%;
	margin-top:3px;
	margin-left: 8px;
}

.MAINLIST .DESCRIPTION
{
	text-align: left;
	margin:3px;
	margin-left:10px;
	font-size: 95%;
}

.MAINLIST_HR td
{
}


.MAINLIST .ID_PT
{
	font-size:80%;
}

.MAINLIST .DATE
{
	font-size:80%;
}

.MAINLIST_CHB
{
}


a.SORTLINK
{
	text-decoration: none;
}

a.SORTLINK:hover
{
	text-decoration: underline;
}

div.MSG_NOTFOUND
{
	width:80%;
	margin: 8px;
	margin-left:20px;
	padding:8px;
	text-align:left;
}

.PROJGROUP
{
	padding: 2px;
	margin-top: 10px;
	width: 98%;
}

tr.HIGHLIGHT_ROW td
{
	padding: 2px;
	padding-bottom: 6px;
	line-height: 1.2;
}

.PUQID
{
	font-size:90%;
	text-align:left;
	margin-right:5px;
}



/*<%
' =========================================================================
'	Status Style
' =========================================================================
%>*/
.COMMENT_BLOCK
{
	padding: 5px;
	margin-left: 20px;
}
.COMMENT_BLOCK h3
{
	padding: 2px;
	padding-top:3px;
	padding-bottom:3px;
	margin-bottom:5px;
}

.STATUS_BLOCK
{
}

.STATUS_BLOCK .ITEMBOX
{
	padding: 2px;
	font-size: 100%;
	margin-bottom:5px;
}

.STATUS_BLOCK .ITEMBOX .HEADER
{
	padding: 2px;
	color:#444;
}

.STATUS_BLOCK .ITEMBOX .TITLE
{
	padding: 2px;
	font-size: 100%;
	font-weight:bold;
}




.STATUS_BLOCK .ITEMBOX .STATUS
{
	font-size: 90%;
}
.STATUS_BLOCK .ITEMBOX .INFO
{
	font-size: 90%;
}

.STATUS_BLOCK .ITEMBOX .DESCRIPTION
{
    padding:5px;
	font-size: 90%;
	line-height: 1.6;
	overflow:auto;
}

.STATUS_BLOCK .ITEMBOX .CMD
{
	font-size: 90%;
	text-align:right;
	display:inline;
}

.STATUS_BLOCK .ITEMBOX .SUMMARY
{
	font-size: 80%;
}

/*<%
' =========================================================================
'	Marking Style
' =========================================================================
%>*/
.URL_TRACKBACK
{
	font-size:90%;
	width: 70%;
}

.MARK_DRAFT
{
	padding:1px;
	/*font-weight:bold;*/
	font-size:70%;
}


.MARK_REQUIRED
{
	font-family: 'Courier New';
	width:10px;
}

.MARK_NOTREQUIRED
{
	font-family: 'Courier New';
	width:10px;
}

.MARK_VALIDATION_ERR
{
	font-weight:bold;
}


/*<%
' =========================================================================
'	Document Formatting Style
' =========================================================================
%>*/
.DOC_H1 
{
	font-size: 130%;
	margin-top:8px;
	margin-bottom: 2px;
	font-weight:bold;
}

.DOC_H2 
{
	font-size: 120%;
	margin-top:8px;
	margin-bottom: 2px;
	font-weight:bold;
}

.DOC_H3
{
	font-size: 105%;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 2px;
}

.DOC_H4
{
	font-size: 90%;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 2px;
}

.DOC_P
{
	margin: 6px;
}

div.DOC_DIV
{
	position:relative;
}

.DOC_HR
{
	height:1px;
	margin: 0px;
	margin-top:3px;
	margin-bottom:3px;
	padding: 0px;
	line-height:1px;
	
}

pre.DOC_PRE
{
	/*position:relative;*/
	padding: 4px;
	margin: 2px;
	font-family: 'Courier New';
	overflow:auto;
}
div.DOC_PRE textarea
{
	width:100%;
	height:150px;
	overflow:auto;
	padding:0px;
	margin:0px;
	font-family: 'Courier New';
	font-size: 90%;
}

.DOC_Q
{
	/*position:relative;*/
	padding: 4px;
	margin: 8px;
}

.DOC_IDT
{
	margin-left: 15px;
}

.DOC_BOX
{
	/*position:relative;*/
	padding:4px;
	margin:2px;
	margin-left: 5px;
}

.DOC_UL
{
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 30px;
	list-style-type:disc;
}
.DOC_UL li
{
	list-style-type:disc;
}
.DOC_UL li .DOC_UL li
{
	list-style-type:circle;
}
.DOC_UL li .DOC_UL li .DOC_UL li
{
	list-style-type:square;
}

.DOC_OL
{
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 30px;
	list-style-type:decimal;
}
.DOC_OL li
{
	list-style-type:decimal;
}

.DOC_DL
{
	padding:2px;
	margin:2px;
	margin-left: 5px;
}
.DOC_DL dt
{
	margin-left: 0px;
	font-weight: bold;
}
.DOC_DL dd
{
	margin-left: 20px;
}


.DOC_AN
{
}

.DOC_ANNOTATION
{
	/*position:relative;*/
    margin-top: 10px;
}

.DOC_IMGBOX
{
	margin:4px;
	position:relative;
	float:left;
    padding:0px;
}
img.DOC_IMGBOX
{
}

.DOC_IMGBOX .DESC
{
    font-size:80%;
    text-align:center;
	position:relative;
}

.DOC_IMG
{
	display:inline;
	border: none;
	margin:6px;
}
.DOC_IMGINLINE
{
	display:inline;
	border: none;
	vertical-align:middle;
}

.DOC_MEDIA_IMG
{
	padding: 4px;
	margin: 4px;
}

.DOC_MEDIA_MOVIE
{
	border:1px solid #999;
}
.DOC_MEDIA_AUDIO
{
}



.DOC_TABLE, .DOC_TABLE_BD
{
	padding: 2px;
	margin: 5px;
	width:auto;
	table-layout:auto;
}

.DOC_TABLE TD
{
	padding: 2px;
}

.DOC_TABLE_HEADER
{
	background-color: #ddd;
	font-weight: bold;
}

.DOC_TABLE_FOOTER
{
	background-color: #ddd;
}

.DOC_TABLE_BD TD
{
    border:solid 1px #999;
    padding: 2px;
}



table.DOC_RATEBAR
{
	width:auto;
}
table.DOC_RATEBAR td
{
	padding: 1px;
}


.DOC_PROJ_IMAGE
{
	width: 64px;
	border: none;
	padding: 2px;
	margin: 2px;
}

.DOC_PROJ_IMAGETABLE td.IMG
{
	width: 64px;
	padding-right: 4px;
}
.DOC_PROJ_IMAGETABLE td.IMG img
{
	width: 60px;
}

.DOC_PROJ_IMAGETABLE .DESC
{
}



.DOC_AMAZON_BOX
{
	float:left;
	margin: 3px;
	position:relative;
}

table.DOC_HTMLTAG, ul.DOC_HTMLTAG, ol.DOC_HTMLTAG
{
	position:relative;
	width:auto;
}
table.DOC_HTMLTAG td
{
	padding:2px;
}


.DOC_MORE
{
	padding:10px;
}


/*<%
' =============================================================
'	RID_WKS Style
' ============================================================= 
%>*/
.RID_WKS .LAYOUT
{
	width: 100%;
	border-collapse: collapse;
}
.RID_WKS .LAYOUT td
{
	vertical-align:top;
}

.RID_WKS .TOPICBOX_OUTER
{
	margin: 2px;
	margin-bottom:4px;
}

.RID_WKS .TOPICBOX
{
	text-align:left;
	padding: 4px;
}

.RID_WKS .TOPICBOX .TITLE
{
	font-size: 125%;
	margin-bottom: 3px;
}

.RID_WKS .TOPICBOX .TITLE h2
{
	font-size: 100%;
	font-family: Verdana,Lucida,Arial,Helvetica,sans-serif;
}


.RID_WKS .TOPICBOX .BODY
{
	padding: 3px;
	text-align: left;
	font-size: 90%; 
}

.RID_WKS .TOPICBOX .BODY h3
{
	padding: 2px;
	font-size: 105%;
	font-weight:bold;
}

.RID_WKS .TOPICBOX .DATE
{
	font-size: 80%;
}
.RID_WKS .TOPICBOX .BY
{
	font-size:85%;
}

.RID_WKS .TOPICBOX .PROJ_TITLE
{
	font-size: 85%;
}

.RID_WKS .TOPICBOX .ITEMTITLE
{
	font-size:110%;
}
.RID_WKS .TOPICBOX .BODY .DESCRIPTION
{
	padding: 2px;
	padding-left:10px;
}


.RID_WKS #WS_WHATSNEW .ITEMBOX
{
	position:relative;
	padding:0px;
	margin:0px;
	margin-bottom:8px;
}

.RID_WKS #WS_WHATSNEW .THUMBNAIL
{
	position:relative;
	width: 50px;
	float:left;
	padding:4px;
	height:50px;
	text-align:center;
	vertical-align:middle;
}

.RID_WKS #WS_WHATSNEW .INFO
{
	position:relative;
	margin:0px;
	margin-left:70px;
	padding:0px;
	text-align:left;
	vertical-align:top;
}

.RID_WKS #WS_NEWS  .ITEMBOX
{
	margin-bottom: 10px;
}


/*<%
' =========================================================================
'	#WS_PROJECTS  Style
' =========================================================================
%>*/
.RID_WKS #WS_PROJECTS .ITEMBOX
{
    padding: 1px;
    margin-left: 5px;
	position:relative;
	margin-bottom: 5px;
}

.RID_WKS #WS_PROJECTS .ITEMBOX .PROJIMG
{
	position:relative;
	width:60px;
	float:left;
	padding: 2px;
	text-align:center;
}

.RID_WKS #WS_PROJECTS .ITEMBOX .PROJIMG img
{
	padding:3px;
	position:relative;
}
.RID_WKS #WS_PROJECTS .ITEMBOX .PROJIMG img.PROJICON
{
	width:32px;
	position:relative;
}

.RID_WKS #WS_PROJECTS .ITEMBOX .PROJBODY
{
	position:relative;
	margin-left:70px;
}
.RID_WKS #WS_PROJECTS .ITEMBOX .TITLE
{
    font-size: 100%;
    padding: 1px;
	position:relative;
}
.RID_WKS #WS_PROJECTS .ITEMBOX .DESCRIPTION
{
    padding-left: 10px;
    font-size:90%;
	position:relative;
}


/*<%
' =========================================================================
'	Log Style (.RID_LOG)
' =========================================================================
%>*/
.DATEBOX_OUTER
{
	margin-top:2px;
	margin-bottom:0px;
}

.DATEBOX
{
	position:relative;
	padding: 2px;
	padding-left:4px;
	font-size: 90%;
}

.ITEMBOX_OUTER
{
    margin:0px;
	margin-bottom: 10px;
	position:relative;
}

.ITEMBOX 
{
	padding: 4px;
	position:relative;
}

.ITEMBOX .HEADER
{
	padding: 2px;
}


.ITEMBOX .TITLE 
{
	font-size: 140%;
	font-family: Verdana,Lucida,Arial,Helvetica,sans-serif;
}

.ITEMBOX .TITLE a
{
	text-decoration: none;
}

.ITEMBOX .TITLE a:hover 
{
	text-decoration: underline;
}

.ITEMBOX h3.TITLE a 
{
	font-size: 90%;
	font-family: Verdana,Lucida,Arial,Helvetica,sans-serif;
}


.ITEMBOX .INFOBOX 
{
	font-size:90%;
}


.ITEMBOX .EDIT 
{
	float:right;
}

.ITEMBOX .BODY 
{
	padding:1px;
	text-align: left;
	position:relative;
}


.ITEMBOX .SUMMARY
{
	padding: 5px;
	margin: 15px;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 90%;
}


.ITEMBOX div.PHOTO 
{
}

.ITEMBOX div.PHOTO img
{
	padding: 4px;
	margin: 4px;
}


.ITEMBOX .DESCRIPTION 
{
	padding:2px;
	text-align: left;
	font-size: 95%;
	line-height: 1.5;
	position:relative;
}


.ITEMBOX .FOOTER
{
	text-align:right;
	font-size: 80%;
	padding: 2px;
}


/*<%
' =========================================================================
'	RID_PHOTO_LOG
' =========================================================================
%>*/

.RID_PHOTO_LOG .ITEMBOX h2.TITLE 
{
	font-size: 125%;
	text-align:center;
}
.RID_PHOTO_LOG .ITEMBOX .INFO 
{
	font-size: 90%;
	text-align:center;
	padding:2px;
}


.RID_PHOTO_LOG .ITEMBOX div.PHOTO 
{
	margin-right:20px;
	text-align:center;
}

.RID_PHOTO_LOG .ITEMBOX div.PHOTO img
{
	padding: 8px;
	margin: 4px;
}

.RID_PHOTO_LOG .ITEMBOX .TAGS
{
	font-size: 90%;
	text-align:center;
	padding:2px;
}
.RID_PHOTO_LOG .ITEMBOX .DESCRIPTION 
{
	margin-top: 5px;
	margin-left:20px;
	margin-right:20px;
	padding:3px;
	text-align: left;
	font-size: 90%;
	line-height: 1.4;
}



.RID_PHOTO_LOG #THUMBNAILS
{
	margin-top: 20px;
	width: 100%;
	text-align:center;
}
.RID_PHOTO_LOG #THUMBNAILS h3
{
	padding: 2px;
	padding-top:3px;
	padding-bottom: 3px;
	margin-bottom: 2px;
}
.RID_PHOTO_LOG #THUMBNAILS .ITEM_OUTER
{
	float:left;
	margin: 3px;
	padding: 0px;
	width: 130px;
	height: 130px;
}
.RID_PHOTO_LOG #THUMBNAILS .ITEM
{
	margin: 0px;
	padding: 5px;
	text-align:center;
}


.RID_PHOTO_LOG #THUMBNAILS .ITEM img
{
	padding: 5px;
	margin:auto;
}

.RID_PHOTO_LOG .PHOTOINFO
{
	padding: 10px;
}
.RID_PHOTO_LOG h3
{
	font-size:100%;
	font-weight:bold;
}
.RID_PHOTO_LOG .PHOTOINFO table td
{
	font-size: 90%;
	padding: 2px;
}


/*<%
' =========================================================================
'	TABLE3P
' =========================================================================
%>*/

.RID_TABLE3P .MAINBOX
{
	position:relative;
}

.RID_TABLE3P .ITEMBOX_OUTER
{
	width: 33%;
	margin:0px;
	float:left;
	
}

.RID_TABLE3P .ITEMBOX 
{
	min-height: 280px;
	height:280px;
	margin:1px;
}


.RID_TABLE3P .ITEMBOX .TITLE
{
	font-size: 100%;
}
.RID_TABLE3P .ITEMBOX .REPORTER
{
	font-size: 85%;
}

.RID_TABLE3P .ITEMBOX .BODY
{
	min-height: 210px;
}
.RID_TABLE3P .ITEMBOX .PHOTO 
{
	text-align: center;
	vertical-align:top;
}

.RID_TABLE3P .ITEMBOX .PHOTO img
{
	display:inline;
	padding: 4px;
	margin: 4px;
	width: 160px;
}

.RID_TABLE3P .ITEMBOX .DESCRIPTION
{
	margin:2px;
	padding:2px;
}

.RID_TABLE3P .ITEMBOX .FOOTER
{
	border:none;
}

.RID_TABLE3P .ITEMBOX .FOOTER .CMD
{
	float:left;
}


/*<%
' =========================================================================
'	RID_TASK_KNITTING
' =========================================================================
%>*/

.RID_TASK_KNITTING .MAINBOX
{
	position:relative;
}

.RID_TASK_KNITTING .ITEMBOX_OUTER
{
	width: 33%;
	float:left;
	margin:0px;
}

.RID_TASK_KNITTING .ITEMBOX 
{
	min-height: 280px;
	height:280px;
	margin:1px;
}


.RID_TASK_KNITTING .ITEMBOX .TITLE
{
	font-size: 100%;
}

.RID_TASK_KNITTING .ITEMBOX .BODY
{
	min-height: 210px;
}
.RID_TASK_KNITTING .ITEMBOX .PHOTO 
{
	text-align: center;
	vertical-align:top;
}

.RID_TASK_KNITTING .ITEMBOX .PHOTO img
{
	display:inline;
	padding: 4px;
	margin: 4px;
	width: 160px;
}

.RID_TASK_KNITTING .ITEMBOX .DESCRIPTION
{
	margin:2px;
	padding:2px;
}

.RID_TASK_KNITTING .ITEMBOX .FOOTER
{
	border:none;
}

.RID_TASK_KNITTING .ITEMBOX .FOOTER .CMD
{
	float:left;
}


/*<%
' =========================================================================
'	RID_URL Style
' =========================================================================
%>*/
.RID_URL
{
	margin-top:2px;
	margin-bottom:2px;
}

.RID_URL .ITEMBOX .TITLE
{
	font-size:100%;
}

.RID_URL .ITEMBOX .TITLE a
{
	font-size: 100%;
}

.RID_URL .ITEMBOX .URLTEXT
{
	font-size: 80%;
	margin:2px;
	padding: 2px;
	display:block;
	width:100%;
}

.RID_URL .DESCRIPTION
{
	text-align: left;
	margin-left:10px;
	padding: 2px;
	font-size: 90%;
}

/*<%
' =========================================================================
'	RID_FILE Style
' =========================================================================
%>*/
.RID_FILE
{
	margin-top:2px;
	margin-bottom:2px;
}


.RID_FILE .DATEBOX_OUTER
{
	margin-top: 10px;
	font-size:110%;
	font-weight:bold;
}

.RID_FILE .ITEMBOX .TITLE
{
	font-size:100%;
}

.RID_FILE .ITEMBOX .TITLE a
{
	font-size: 100%;
}

.RID_FILE  .ITEMBOX .FILEINFO
{
	font-size: 90%;
	padding-left: 25px;
}

.RID_FILE .DESCRIPTION
{
	text-align: left;
	margin-left:10px;
	padding: 2px;
	font-size: 90%;
}


/*<%
' =========================================================================
'	RID_KB_TABLE Style
' =========================================================================
%>*/
.RID_KB_TABLE
{
}
.RID_KB_TABLE .MAINBOX
{
}

.RID_KB_TABLE .ITEMBOX_OUTER
{
	float:left;
	width:49.5%;
	margin:0px;
	border:none;
}

.RID_KB_TABLE .ITEMBOX
{
	margin:1px;
	padding:5px;
	min-height: 140px;
	border-right: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
}

.RID_KB_TABLE .ITEMBOX .THUMBNAIL
{
	width:70px;
	border:none;
	float:right;
}
.RID_KB_TABLE .ITEMBOX .TITLE
{
	padding-top:2px;
	padding-bottom:2px;
	font-size: 100%;
}

.RID_KB_TABLE .DATE
,.RID_KB_TABLE .AUTHOR
{
	font-size:90%;
}



.RID_KB_TABLE .DESCRIPTION
{
	text-align: left;
	font-size: 90%;
}



/*<%
' =========================================================================
'	SIDEBAR (Squre Box) .CONTENTSLIST Style
' =========================================================================
%>*/
.SIDEBAR_SQ .CONTENTSLIST
{
	padding:0px;
}


.SIDEBAR_SQ .CONTENTSLIST .SELECTED
{
}

.SIDEBAR_SQ .CONTENTSLIST .INDENT1
{
	padding-left:20px;
}

.SPONSORS_DETAIL
{
    padding:3px;
}

.SB_ARCHIVE_YEAR
{
    font-weight:bold;
    padding:1px;
    padding-top:4px;
}

#RECENTPHOTOS .IMG_W, #RECENTPHOTOS .IMG_H
{
    padding: 3px;
    margin: 1px;
}
#RECENTPHOTOS .IMG_W
{
    width:60px;
}
#RECENTPHOTOS .IMG_H
{
    height:60px;
}

/*<%
' =============================================================
'	RID_BBS
' ============================================================= 
%>*/

.RID_BBS .ITEMBOX .HEADER
{
	padding: 3px;
}


/*<%
' =============================================================
'	map
' ============================================================= 
%>*/

.vmap_obj
{
	padding: 3px;
	margin: 3px;
}

.vmap_image
{
	padding: 3px;
	margin: 3px;
}


.AD_GOOGLE_C
{
	text-align:center;
	margin:5px;
	margin-bottom: 10px;
}




#RECENTCOMMENTS a.ITEM_TITLE
{
    font-size:80%;
    margin-top:6px;
    display:block;
}
#RECENTCOMMENTS a.ITEM_COMMENT
{
    margin-left:10px;
    display:block;
    padding:2px;
}


.RID_DOC .ITEMBOX 
{
}

/*
</style> 
*/


.ITEMBOX .SCLINKS
{
    padding:1px;
    margin-top:4px;
    margin-bottom:4px;
    text-align:right;
}

.SocialButtons td
{
    text-align:center;
    padding:0px;
}

#ws_system_sociallinks
{
    background-color:transparent;
    border:none;
}
#ws_system_sociallinks .TOPICBOX
{
    text-align:right;
}

.SCLINKS_TOP
{
    padding:3px;
    text-align:right;
}
.SCLINKS_BOTTOM
{
    padding:3px;
    text-align:right;
}