body { background:#f0f0e4; clear:none; margin:0; color:black; font-size:9pt; font-family:Arial; }
form { margin:0px; }
table, option, select, input { clear:none; font-size:9pt; font-family:Arial; }
img {vertical-align:middle}

a.bugtitle { font-weight:bold; }
a, a:link { color:#000000; text-decoration:none; }
a.external, a[rel~="external"]  { background:transparent url(/images/color/001_80.png) no-repeat scroll right center; padding:0 13px; margin-left:-10px; }
a.bug, a[rel~="bug"]  { color:#0479A7; background:transparent url(/images/color/001_81.png) no-repeat scroll right center; padding:0 13px; margin-left:-10px; }
a.attach, a[rel~="attach"]  { background:transparent url(/images/color/001_82.png) no-repeat scroll right center; padding:0 13px; margin-left:-10px; margin-top:5px; }
a:hover, a:active, a:focus { text-decoration:underline; }

span.label { background:#c0c0c0;color:#fff;padding:2px;padding-left:5px;padding-right:5px }

.ShareTitle { text-align:left; background-color:#00cc64; font-size:10pt; color:#ffffff; padding:5px; border:1px outset }
.ActionBar { text-align:right;vertical-align:middle;background-color:#BCBCAA }

#shortcuts { color:#fff; font-size:9pt; font-family:Arial; padding:5px } 

th { font-size:9pt; vertical-align:top }
th.ftitle { text-align:Right; vertical-align:top; color:#000 }
td { vertical-align:top }
td.sort {color:#000; background-color:#ddd; border:1px #ddd inset; text-align:center; cursor:pointer; }
td.unsort {color:#000; background-color:#ddd; border:1px #ddd outset; text-align:center; }

table.win {width:100%}
.window {border:0px; padding:0px; margin:0}
.btn {border:1px outset #c9bdbd; text-align:Left; color:#000; vertical-align:middle; padding:1px}

#webtop { border:0px; padding:2px; color:#fff }
#webtop td { background-color:#108cff; text-align:right }
#webtop td a { color:#fff }
#webtop td a:link { color:#fff }
#webtop td a:active { color:#fff }
#webtop td a:visited { color:#fff }
		
.childwin { clip:rect(0,18,20,0); display:inline-block; position:absolute; border:0px; padding:0px; background-color:transparent }
.msgwin { background-color:#f0f0f0; border:1px outset #555555; margin:2px; padding:5px; width:350px }

.container { text-align:left; border:0px; display:inline }
.tips { float:left; position:absolute; display:none; visibility:hidden; text-align:left; width:250px; border:1px solid; padding:2px; background-color: #fcfcfc }
td.l, th.l { text-align:left }
td.c, th.c { text-align:center }
td.r, th.r { text-align:right }
td.sep { height:1px; padding:0px; background-color:#c0c0c0; font-size:0px; }
td.local, th.local { background-color:#00d269; border-bottom: 1px solid #c0c0c0; }
td.share, th.share { background-color:#ff9f71; border-bottom: 1px solid #c0c0c0; }

.ro { background-color:#eaead8; border:1px solid #A4B97F }
.maxcw { width:200px }

table.msgwin { border:2px solid; margin:4px }
table.msgwin th { background-color:#108cff; font:bold 10pt Arial; color:#ffffff; text-align:left; padding:2px }
table.msgwin td { background-color:#fffcfc; font:normal 12pt Arial; color:#000000; padding:4px }
table.msgwin td.timer { font:normal 7pt Arial; color:#000000; padding:4px; padding-top:12px }

table.errwin { border:2px solid; margin:4px }
table.errwin th { background-color:#ff8080; font:bold 10pt Arial; color:#ffffff; text-align:left; padding:2px }
table.errwin td { background-color:#fffcfc; font:normal 12pt Arial; color:#000000; padding:4px }
table.errwin td.timer { font:normal 7pt Arial; color:#000000; padding:4px; padding-top:12px }

table.tbl { border:1px solid; width:320px; margin:2px }
table.tbl th { background-color:#808080; font:bold 9pt Arial; color:#ffffff; padding:1px }
table.tbl td { background-color:#fffcfc; font:normal 9pt Arial; color:#000000; padding:2px }

.tdd0 { color:#000000 }
.tdd1 { color:#000080 }
.tdd2 { color:#0000FF }
.tdd3 { color:#4040FF }
.tdd4 { color:#8080FF }
.tdd5 { color:#c0c0c0 }
.tdd6 { color:#ff3333 }

.nobr { white-space:nowrap }
.red { color:#ff3333 }

/* STAFF CALENDAR */
#oCalendar { background-color:#ffffff; border:1px solid #c0c0c0; table-layout:fixed; width:100%; height:100%; }
#oCalendar td { width:72px; height:72px; border:1px solid #c0c0c0; font:normal bold 9pt Arial }
#oCalendar .today { background-color:#F9CD63 }
#oCalendar .sunday { background-color: #ffcccc; color:#ff3333 }
#oCalendar .sat { background-color: #ccffcc; color:#006600 }
#oCalendar .holiday { color:#ff3333 }
#oCalendar .na { border:1px solid #c0c0c0 }
#oCalendar .calevt { padding-left:3px; width:35px; display:inline-block; text-align:center; } 

span.tag { color:blue }
.bugtag { background-color:#ffb; border:1px dotted #ccc; color:#00f; padding:2px; font-size:8pt; margin:2px; width:304px; }
.bugtag div { border:1px dotted #ccc; background-color:#fff; font-size:10pt; color:#000; padding:2px; width:298px; }
.bugtag span { color:#ffb }

td.bug50 { height:50px }
td.bugcol1 { width:100px; font-weight:bold; text-align:right; }
td.bugcol2 { width:520px; text-align:left; }
#eltip { display:block; white-space:nowrap; overflow:hidden; width:500px; text-overflow:ellipsis; -moz-binding: url('ellipsis.xml#ellipsis'); }

#windowTitle { width:100%; border:1px outset; padding:2px; background-color:#8080ff; }
#windowTitle th { text-align:left; color:#ffffff; font-size:10pt; }
#windowTitle td { text-align:right; white-space:nowrap  }

#suggest { position:absolute; background:#fff; width:250px; border:1px solid #ccc; font-size:9pt } 
#suggest div{ background:#fff; color:#000; padding-left:4px; cursor:pointer; text-align:left; }
#suggest div.over{ color:#fff; background:#000; }

#bugstatsum { z-index:100; height:24px; width:200px; overflow:hidden; position:absolute; right:5px; margin-top:-14px; display:inline }
#bugstatsum table { width:100%; border:1px solid #888; background-color:#fff;  }
#bugstatsum table th { width:120px; background-color:#888; color:#fff }
#bugstatsum table td { text-align:right }
#bugstatsum a { color:#fff; }

#bugstat { text-align:left; width:100%; display:block; }
#bugstat table th { text-align:right; }
#bugstat table th a { text-decoration:underline; }
#bugstat table th.sub { background-color:#fff; color:#888; }

td.paper { text-align:left;vertical-align:top;padding:10px }
div.title { text-decoration:underline; color:#108cff;font-weight:bold; padding-bottom:3px }
div.err { color:#ff3333 }
span.err { color:#ff3333 }
.small { font-size:10px; vertical-align:middle }

span.bugerr { color:#ff3333;display:none;padding-left:10px; }

caption { font-size:18pt; font-weight:bold; font-family:Tahoma; text-align:left; color:#108cff; }

div.comment { padding-left:5px; color:#808080; font-size:9px }
div.errmsg  { padding-left:5px; color:#ff3333; font-size:9px }

#saved_serach { width:500px; display:inline }
#saved_search_box { width:380px; display:none }
#search_btnpanel { width:80px; display:inline }
#saved_serach select { width:300px } 
#search_name { width:300px }
#search_loading { display:none }
span.btnico { display:inline-block; width:18px; height:18px; background-repeat:no-repeat; background-image:url(/images/mono/001_11.gif); vertical-align:bottom }
span.hide { display:none; }

ul.menulong { position:relative; border:2px solid #99f; width:96%; padding:1px; list-style-type:none; }
ul.menulong div { position:relative; background-color: #99f; font:normal bold 18px Tahoma; color:#fff; padding:3px }
ul.menu { border:2px solid #99f; width:100%; padding:1px; list-style-type:none; margin-left:-2px }
ul.menu div { position:relative; display:block; background-color: #99f; font:normal bold 16px Tahoma; color:#fff; padding:3px; margin:0px }
ul.menu li { font:normal 12px Arial; margin-bottom:3px; padding:2px; text-align:left }
ul.menulong li { font:normal 12px Arial; margin-bottom:3px; padding:2px; text-align:left }
ul.menu li a { color:#777; text-decoration:none; }
ul.menu li a:visited { color:#777; text-decoration:none; }
ul.menulong li a { color:#777; text-decoration:none; }
ul.menulong li a:visited { color:#777; text-decoration:none; }

/* Left side menu, element is table */
.menu { margin:0px; width:200px; border:1px solid #89A9E9; padding:0px; margin:0px }
.menu caption { font-size:12px; font-family:Tahoma; text-align:left; color:#ffffff; padding:5px; background-color:#0000ff; height:24px; border:0px } 
.menu td.list { }
.menu td.list ul { margin-left:3px; margin-top:0px; padding-left:8px; padding-top:3px }
.menu td.list ul li { list-style:none; width:200px; margin-top:5px; padding:4px 6px; }

/* Right side form */
td.form { width:480px; text-align:left; vertical-align:top }
td.form table { width:100%; border:1px solid #89A9E9; padding:0px; margin:0px }
td.form table caption { width:100%; font-size:12px; font-family:Tahoma; text-align:left; color:#ffffff; padding:5px; background-color:#0000ff; height:24px; border:0px } 
td.filter { font-size:9pt; color:#404040; background-color:#d0d0d0 }

/* bug report style */
div.workspace { position:relative; display:none; height:0px; background-image:url(/images/color/003_01.gif); background-position:bottom; vertical-align:middle; overflow:hidden; }
div.workspace span.title { font-size:9pt; font-family:Arial; font-weight:bold; }
div.workspace span.message { font-size:9pt; font-family:Arial; font-weight:bold; }
div.workspace select { margin-right:5px; }
div.workspace img { vertical-align:middle; }

span.suBox { position:absolute; display:block; background-color:#ffcccc; width:18px; }
.ddlAction { position:absolute; width:150px; right:15px; top:0px; display:none; }
.ddlActionMod { width:140px; }

/* element is table */
.thumbpanel { position:absolute; display:block; height:76px; border:0px; padding:2px }
.thumbpanel td { width:72px; height:72px; border:1px solid #000000; text-align:center; background-color:#fff; }
.thumbpanel td span.thumbpix { height:60px; background-color:#c0c0c0; border:0px }
.thumbpanel td img.thumbpix { height:60px; width:72px; border:0px }
.thumbpanel td span.filename { display:block; height:12px; width:72px; overflow:hidden; font-size:9px; font-family:Arial; background-color:#c0c0c0; }

#bugdue_box { z-index:10000; }
#ajaxload { z-index:10001; border:1px solid #c0c0c0; position:absolute; display:none; width:80px; height:80px; }
#ajaxload div { background-color:#fff; border:1px solid #c0c0c0; text-align:center; margin:4px; position:absolute; width:70px; height:70px; font-family:Arial }
#ajaxload div img { margin-top:14px; }

.tip { width:295px; font-family:tahoma,arial; background:url(/images/color/tip-text.gif) left top repeat-y; }
.tip-top { background:url(/images/color/tip-top.gif) top left no-repeat; height:21px; width:295px; }
.tip-title { color:#e95e25; font-weight:bold; margin:0 30px 0 50px; }
.tip-text { color:#000; padding:10px 30px 20px 50px; }
.tip-bottom { background:url(/images/color/tip-bottom.gif) left bottom no-repeat; width:295px; height:26px; }