/*
** Base Cascading Style Sheet
*/

body,
input,
.textarea,
.textfield,
.numfield,
select,
option,
.copy,
.error,
.copyright,
.section
{
	margin: 0px;
	padding: 0px;
	font-family: verdana, geneva, arial, sans-serif;
	font-size: 10px;
}

a
{
	color: black;
	background-color: transparent;
	text-decoration: none;
}

/* leftbar container elements */

#leftbar
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 121px;
	border-top: thin solid white;
	border-right: thin solid white;
	border-bottom: thin solid white;
}

#leftbar .icon
{
	width: 121px;
	border: 0px;
}

#leftbar .links
{
	width: 115px;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 3px;
	background: inherit;
	border-top: thin solid white;
	white-space: nowrap;
}

#leftbar .managers
{
	width: 115px;
	padding: 3px;
	text-align: left;
	background: #FFFF66;
	border-right: thin solid white;
	border-bottom: thin solid white;
	color: green;
}

#leftbar .users
{
	width: 115px;
	padding: 3px;
	text-align: left;
	background: #FFFF66;
	border-right: thin solid white;
	border-bottom: thin solid white;
	color: green;
}

#leftbar .chat
{
	width: 115px;
	padding: 3px;
	text-align: left;
	background: #FFFF66;
	border-right: thin solid white;
	border-bottom: thin solid white;
	color: blue;
}

#leftbar a
{
	color: white;
	padding-left: 8px;
	background-color: inherit;
}

/* topbar container elements */

#topbar
{
	position: absolute;
	top: 0px;
	left: 123px;
	height: 100px;
	width: auto;
	font-size: 14px;
}

/* main container elements */

#main
{
	position: absolute;
	top: 0px;
	left: 135px;
	width: auto;
}

.header
{
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: verdana, geneva, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.opener
{
	font-size: 12px;
	font-weight: bold;
}

#content_s
{
	position: absolute;
	top: 102px;
}

#content_m
{
}

.loader
{
	position: absolute;
	top: 121px;
	left: 200px;
	visibility:hidden;
}

/* other container elements */

#banner
{
	padding-top: 15px;
	padding-bottom: 10px;
	width: 468px;
	height: 60px;
}

#button,
.buttons
{
    font-size: 110%;
    border-width: 2px;
    border-style: solid;
    border-color: DarkGray;
    background-color: red;
	vertical-align: middle;
}

.copy
{
	padding-top: 5px;
}

.error
{
	padding-top: 15px;
	color: #990000;
}

.formlabel
{
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#pics
{
	padding-top: 5px;
	padding-bottom: 10px;
	width: 608px;
	height: 90px;
}

.quote
{
	margin-left: 10px;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 3px;
	width: 560px;
	height: 70px;
	font-size: 10px;
	text-align: center;
}

.section
{
	font-size: 10px;
	font-weight: bold;
}

pre
{
	font-family: 'courier new', courier, monospace;
	font-size: 10px;
}

.textarea
{
	padding: 1px;
	padding-left: 2px;
	padding-bottom: 2px;
}

.textfield
{
	padding: 1px;
	padding-left: 2px;
	padding-bottom: 2px;
}

.numfield
{
	padding: 1px;
	padding-left: 2px;
	padding-bottom: 2px;
	text-align: right;
}

.numfield_1
{
	padding: 1px;
	padding-left: 2px;
	padding-bottom: 2px;
	text-align: right;
	background: LightSalmon;
}

.numfield_2
{
	padding: 1px;
	padding-left: 2px;
	padding-bottom: 2px;
	text-align: right;
	background: PaleGreen;
}

.numfield_3
{
	padding: 1px;
	padding-left: 2px;
	padding-bottom: 2px;
	text-align: right;
	background: wheat;
}

.section
{
	width: 400px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.dotrule
{
	width: 608px;
	margin-top: -5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../../img/bg_15dot_rule.gif);
}

.spcrule
{
	width: 608px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../../img/spc.gif);
}

/* DIV STUFF */

div
{
	font-size: 10px;
}

div.title
{
	color: red;
	font-size: 10px;
	font-weight: bold;
}

div.paper // white background for factura and other paper objects
{
	background-color:#FFFFFF;
}

div.scroll
{
    height: 500px;
    width: 100%;
    overflow: auto;
}

div.scroll_small
{
    height: 200px;
    width: 100%;
    overflow: auto;
}

div.notice
{
	color: red;
	font-size: 10px;
	font-weight: bold;
}

/* TABLE STUFF */

table, th, td
{
	font-size: 10px;
}

table.paper
{
	background-color:#FFFFFF;
	padding:10px 10px;
}

tbody.scroll
{
    height: 580px;
    overflow-y: scroll;
}

tr.hidden,
td.hidden
{
    display: none;
}

td.actions
{
	text-align: center;
	vertical-align: middle;
    white-space: nowrap;
}

b,
strong
{
    font-weight: bold;
}

/* custom styles */

th.headleft
{
	position: sticky;
	top: 0;
	text-align: left;
	vertical-align: middle;
}

th.headcenter
{
	position: sticky;
	top: 0;
	text-align: center;
	vertical-align: middle;
}

th.headright
{
	position: sticky;
	top: 0;
	text-align: right;
	vertical-align: middle;
}

tr.left,
td.left
{
	text-align: left;
}

td.center
{
	text-align: center;
}

td.right
{
	text-align: right;
}

td.textleft
{
	text-align: left;
	vertical-align: middle;
}

td.textcenter
{
	text-align: center;
	vertical-align: middle;
}

td.textright
{
	text-align: right;
	vertical-align: middle;
}

td.texttop
{
	text-align: left;
	vertical-align: top;
}

td.listrow0
{
	text-decoration: line-through;
}

td.listrow1
{
}

td.listrow2
{
	color: red;
}

td.status0
{
	text-decoration: line-through;
}

td.status1
{
	color: black;
	border-color:  black;
}

td.status2
{
	color: red;
	border-color:  black;
}

td.status3
{
	color: black;
	border-color:  black;
	text-decoration: line-through;
}

td.status4
{
	color: black;
	border-color:  black;
	text-decoration: line-through;
}

td.status5
{
	color: black;
	border-color:  black;
	text-decoration: line-through;
}

.dotrule
{
	background-image: url(../../img/bg_15dot_rule.gif);
}

.spcrule
{
	background-image: url(../../img/spc.gif);
}

.paging
{
	padding-top: 5px;
	padding-bottom: 5px;
}

.pagingright
{
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
}

.forumhead
{
	background: #D6C7DE;
	padding: 6px;
	margin-bottom: 6px;
}

.forumreplyhead
{
	color: #333333;
	margin-bottom: 12px;
}

.submenu
{
	padding-top: 5px;
	padding-left: 5px;
}

a.menu
{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

a.menu:hover
{
	color: #FFFFFF;
}

a.submenu
{
	color: #000000;
	text-decoration: none;
}

a.submenu:hover
{
	color: #FFFFFF;
}

/* Calendar stuff */

/* Calendar border */
table.calendar
{
	border-color:		darkblue;
	border-style:		solid;
	border-top-style:	none;
	border-width:		thin;
	font-family:		verdana, geneva, arial, sans-serif;
	width:				9.51em;
	height:				7.3em;
}

/* Calendar heading */
table.calendar tr.month th
{
	background-color:  darkblue;
	color:             white;
	font-size:         10px;
	font-weight:       bold;
	padding:           1px 0px 1px 0px;
}

table.calendar tr.days th
{
	background-color:     white;
	padding:              0px 1px 0px 1px;
	border-bottom-color:  black;
	border-bottom-style:  solid;
	border-bottom-width:  thin;
	font-size:            10px;
	text-align:           center;
}

/* Calendar heading links */
table.calendar tr th A:link,
table.calendar tr th A:visited,
table.calendar tr th A:active
{
	text-decoration:  none;
	font-weight:      boldest;
	color:            white;
	font-size:        10px;
}

table.calendar tr th A:hover
{
	text-decoration:  underline;
	font-weight:      boldest;
	color:            white;
	font-size:        10px;
}


/* Calendar entries */
table.calendar tr td
{
	background-color:  white;
	padding:           0px 1px 0px 1px;
	text-align:        right;
	font-size:         10px;
}

/* Calendar entry links */
table.calendar tr td A:link,
table.calendar tr td A:visited,
table.calendar tr td A:active
{
	display:           block;
	text-decoration:   none;
	font-weight:       bold;
	color:             red;
}

table.calendar tr td A:hover
{
	display:           block;
	text-decoration:   underline;
	color:             #000000;
}

/* Calendar entry for today */
table.calendar tr td.today
{
	background-color:  #e0e0f7;
}

/* Scrolling entries */
#ScrollTextCont
{
	position:absolute;
//	left: 18px;
//	top: 48px;
	width: 608px;
	height: 600px;
	clip: rect(0px 608px 600px 0px);
	overflow: hidden;
	visibility: visible;
}

#Text
{
	position: absolute;
	left: 0px;
	top: 0px;
}

/* Browser entries */

#Browser
{
	position: absolute;
	left: 135px;
	top: 48px;
	width: 608px;
}

#firstrow
{
	border-left-color: #666666;
	border-right-color: #666666;
	background-color: #e8e7e7;
}

#firstrow td
{
	border-right: 1px dotted silver;
}

.tablerow hover
{
	background-color: #9999ff;
}

.name_row
{
	border-style: hidden;
}

img
{
  border-style: none;
}

// upload form

#upload_form
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
}

#upload_process
{
   z-index: 100;
   visibility: hidden;
   text-align: center;
   width: 400px;
}

body .item
{
	font-family: verdana, geneva, arial, sans-serif;
	font-size: 8px;
}