/*
adobe theme - 06.04.09 @ 6pm, connect 9 refresh
*/ 

/* standard copy */

body { background: #FFFFFF; font: normal  arial, sans-serif}
td { font: normal 0.75em/1.3em arial, sans-serif}

/* standard html */

a { color: #047; text-decoration:none;} 
a:hover { color: #000; text-decoration:underline;} 

ul li { background: url(bullet.gif) no-repeat 0 9px; line-height: 200%; list-style-type: none; padding-left: 12px}
ol li { list-style-type: decimal; line-height: 200%; margin-left: 24px}

h2 { color: #5a5a5a; font: normal 2em arial, sans-serif; _margin-top: 6px; min-width: 500px; letter-spacing: -1px}
h3 { color: #5a5a5a; font: bold 1.1em arial, sans-serif; margin: 0 0 3px 0}
h4 { color: #000; font: bold 1.1em arial, sans-serif; margin: 30px 0 6px 0}
h5 { color: #000; font: bold 1.1em arial, sans-serif; margin: 15px 0 5px 0}

h2 .standout { color: #999}

select { background: #fff; color: #444; border: 1px solid #ccc; padding: 1px; font-family: arial, sans-serif}
option { background: #fff; color: #444; padding-right: 10px; font-family: arial, sans-serif}
textarea { background: #fff; color: #444; border: 1px solid #ccc; padding: 3px; font-family: arial, sans-serif}
input { color: #333; line-height: 1}

.txt, .pass, .date { background: #fff; border: 1px solid #ccc; padding: 2px}
.btn { background: url(button.gif) top left repeat-x; color: #fff; font-family: arial, sans-serif; padding: 4px 12px 3px; border: 1px solid #666}
.btn.inline { padding: 2px 10px; font-size: 14px}

/* page header */

.pageheaderbox { background: #fff}
.pageheaderbox h1 { display: none}
.pageheader { color: #000; background: url(logo.gif) no-repeat bottom left; height: 80px; padding: 5px 10px 5px 10px}
.pagetitlelink { font-size: 60%; color: #666; font-weight: normal; letter-spacing: 0}
.sitedesc, .pagedesc { display: none}
.dyn { display: block}
.projjump, .userinfo { color: #aaa; padding: 0 15px 8px}

/* navigation bars */

.location { padding: 8px 0}

.bartopbox { border-bottom: 12px solid #4f4f4f}
.barbottombox { border-top: 12px solid #4f4f4f}

.barl, .barr { display: none}
.barm { background: #3e3e3e; color: #fff; padding: 2px 15px}
.barm a { color: #fff}
.barm a:hover { color: #999}

.bartop .btn { font-size: 13px; padding: 2px 5px 2px 4px; _padding: 0 4px; margin: 0 4px 0 0}
.bartop #stxt { font-size: 13px; width: 150px; height: 22px; padding: 2px}
.bartop #sarea { width: 100px; height: 22px; font-size: 13px}
.bartop .advanced { font-weight: bold}

/* ajax popdowns */

.realtimedrop { right: 92px; position: absolute; margin-top: 2px; width: 480px; z-index: 95; border-color: #dfdfdf #bababa #bababa #dfdfdf; border-style: solid; border-width: 1px}
.mergeuserdrop { right: -150px; position: absolute; margin-top: 0; width: 800px; z-index: 95; border-color: #dfdfdf #bababa #bababa #dfdfdf; border-style: solid; border-width: 1px}
.realtimedrop a { color: #000 !important; }

/* left nav */

.leftnavback { background: #4f4f4f; padding: 0 6px 0 6px; width: 190px}
.leftnavwidth { width: 190px} 

/* left menu */

.navout { width: 100%; margin: 0 6px 12px 6px}
.navin { width: 190px}
.nav { padding: 0; margin: 0; width: 100%}
.nav li { padding: 2px 5px; list-style: none; margin:0; line-height: 1.4; background: transparent; border-bottom: 1px solid #444}
.nav .head { background: #3e3e3e; color: #fff; font-weight: bold; list-style: none; margin:0; padding: 4px 5px 5px 5px; border: 0}
.nav li a { text-decoration: none; color: #ccc}
.nav li a:hover { text-decoration: underline; color: #ccc}
.nav .sel { background: #ccc; color: #fff}
.nav .sel a { color: #000; text-decoration: none}
.nav .sel a:hover { color: #000}
.nav .dark { background: url(nav-dark.gif) no-repeat; color: #999 !important}

/* body */

.bodyarea { height: 100%; padding: 25px 3px 25px 3px; background: #fff; min-width: 500px}

.widthnarrow { width: 500px; height: 12px}
.widthwide { width: 650px; height: 12px}
.widthfull { width: 100%; height: 12px}
.noheight { height: 1px} 

.btl { background: url(body-tl.gif) no-repeat top left; width: 13px} /* div */
.bbl { background: url(body-bl.gif) no-repeat bottom left #fff; width: 11px} /* td */
.btr { background: url(body-tr.gif) no-repeat top right; padding-left: 12px; height: 12px} /* div */
.bbr { font-size: 1px; background: url(body-br.gif) no-repeat bottom right #fff; width: 12px; border-right: 10px solid #4f4f4f} /* td */

/* right navigation */

.rightnavback { padding: 0 12px 12px 6px; width: 100%; background: #4f4f4f; color: #fff}
.rightnavbackfull { padding: 0 12px 12px 6px; width: 220px; background: #4f4f4f; color: #fff}
.rightnavback a { color: #fff}

/* tips */

.tipinner { margin-top: 12px; width: 220px}
.tipheader { color: #aaa; font: bold 1.2em arial; padding: 0 0 2px 0}
.tip { padding: 3px 6px 8px 0; color: #ccc}
.tip a { color: #fff}
.tipadd { padding-left: 0}

/* what next */

.nextback { padding: 0}
.nextback h5 { margin-top: 25px; width: 500px;  }
.nextstep { margin: 10px 10px 4px 10px; padding: 0 !important}

/* footer */

.pagefooterbox {color: #666; padding: 8px 15px; margin-bottom: 25px}
.pagefooterbox a { color: #666}
.pagefooterbox a:hover { color: #666}
.footerl { float: left; width: 40%; text-align: left}
.footerr { float: right; width: 40%; text-align: right}

/* list tables */

.listout { background: #fff}
.listin td { border: 1px solid #ddd; padding: 8px 6px}
.listin td td { border-width: 0}
.listin input { margin: 0} 
.listin h5 { margin-top: 0; font-size: 100%}

.listin .header { color: #fff; background: #505050; font-weight: bold; font-size: .7em; padding: 4px 6px}
.listin .header a { color: #fff; background: transparent}
.listin .header a:hover { color: #fff}

.listin .group { background: #ccd2da; color: #000; line-height: 12px; font-weight: bold}
.listin .groupoff { background: #666; color: #aaa}
.listin .group a { color: #fff !important; font-weight: bold}
.listin .group a:hover { color: #aaa !important}
.listin .group small { background: #6b7d94; padding: 2px 3px 4px 3px; -moz-border-radius: 1px}

.listin .row0, .listin .row1 { background: #eee}
.listin .row0 small a, .listin .row1 small a { background: #888; color: #fff; padding: 1px 5px 3px 5px; _padding: 2px 3px 4px 3px; margin-left: 2px; -moz-border-radius: 2px}
 
.listin .rowempty { background: #ddd; color: #888; font-style: italic; padding: 3px}
.listin .rowempty a { color: #666}
.listin .rowerror { background: #f00}
.listin .rowoff { background: #666; color: #aaa; font-style: italic}
.listin .rowoff h5 { color: #aaa; margin-top: 0}
.listin .rowoff a { color: #999}

.listin .rownew { background: #000; color: #fff; line-height: 16px}
.listin .rownew a { color: #fff}

.listin .rowall { background: #ffc !important}
.listin .teamtype { background: #ddd; border: 1px solid #ccc}
.listin .footer { background: #ddd; color: #000}

/* info box */

.msgdanger div, .msgwarning div, .msglicense div, .msginfo div {padding: 15px 15px 15px 36px; margin: 15px 0 0 0; -moz-border-radius: 3px }
.msgdanger h5, .msgwarning h5, .msglicense h5, .msginfo h5 {margin: 0 0 6px 0}

.msgdanger div {color: #fff; background: url(/images/icon/danger.png) 13px 17px no-repeat #ea0000; border: 1px solid #950000}
.msgdanger a {color: #f8dbdb}

.msgwarning div {color: #c2652c; background: url(/images/icon/warning.png) 13px 17px no-repeat #ffddb0; border: 1px solid #ffb55c}
.msgwarning a {color: #8b481f}

.msglicense div {color: #3462a3; background: url(/images/icon/license.png) 13px 17px no-repeat #a1c9e0; border: 1px solid #61b6df}
.msglicense a {color: #244371}

.msginfo div {color: #5b7c2c; background: url(/images/icon/info.png) 13px 17px no-repeat #c9ed9f; border: 1px solid #93c74b}
.msginfo a {color: #749d38}

.msgform div {padding: 12px; background: #fff29c; color: #bf8841; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 1px solid #f1d8ae}
.msgform h5 {color: #bf8841; margin-top: 0}

.msgassume td {background: #a9e086; color: #000; padding: 18px; border-bottom: 1px solid #7bcf45}
.msgassume a, .msgassume b {color: #000}

/* floating info box */

#messagebox {background: #7dbd42; border: 1px dashed #679e36; color: #e9f4df; padding: 6px 15px; display: none; position: absolute; text-align: center; top: 38px; left: 40%; z-index: 100}
#messagebox .msgtext {padding-bottom: 5px; display: inline}
#messagebox .ok a {color: #fff; font-size: 80%}
#messagebox .ok {display: none}

/* session end light box */

#lightboxbg {background: #000}
#lightbox {display: none; position: fixed; background: #fff; color: #333; padding: 15px 15px 25px 15px; border: 1px solid #777; top: 100px; z-index: 100}
.lightbox2 {color: #ddd; padding: 4px 0; border-top: 1px solid #777; background: #777}

#lightbox li {font-size: 12px; text-align: left}
#lightbox ul {padding-bottom: 0; margin-bottom: 0}
#lightbox h1 {display: block; color: #fff; font-weight: bold; font-size: 20px; padding: 5px}
#lightbox h5 {font-weight: normal}

/* tooltips */

a.tooltip {position:relative; z-index:24; background-color:transparent; color:#000; text-decoration:none}
a.tooltip:hover {z-index:25; background-color:transparent}
a.tooltip span {display: none}
a.tooltip:hover span {display: block; position: absolute; top: 0; left: 20px; background: url(/images/css/tip.png) top left repeat-x #fff29c; padding: 8px; width: 500px; -moz-border-radius: 4px}
a.tooltip h5 {display: block; font-size: 12px; font-weight: normal; background: #000; color: #fff; margin: 0 0 10px 0; padding: 4px}
a.tooltip li {margin: 0 0 0 25px}

/* misc */

.newtext { color: #009301}
.iframeback { margin: 0; padding: 0; background: #fff}
.paging { font-size: 1.5em; text-align: center; margin-top: 10px; color: #ccc}

/* --- resources, recruitments, feedback types */

.rollmenu {margin: 20px 0; float: left; width: 600px}
.rollmenu div {background: url(/images/css/roll.png) top left no-repeat #eee; border: 1px solid #ddd; width: 278px; _width: 295x; float: left; padding: 8px; cursor: pointer; margin: 0 4px 4px 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px}
.rollmenu h3 {width: 500px; color: #000; display: block; float: left; font-size: 100%; margin: 10px 0 5px 0}
.rollmenu h5 {margin: 0 0 0 8px; _margin-left: 0}
.rollmenu a {text-decoration: none}
.rollmenu .hov {background: url(/images/css/roll-hover.png) top left no-repeat #dfdfdf !important; border: 1px solid #ccc}
.rollmenu img {position: relative; left: -8px; _position: fixed; _margin-right: 7px; float: left; margin-top: 7px}
.rollmenu .desc {font-size: 11px; color: #888; font-weight: normal; margin: 0 0 0 24px}

/* --- chart type */

.rollmenusmall {margin: 0 0 20px 0; float: left; width: 600px}
.rollmenusmall div {background: #eee; border: 1px solid #ddd; width: 165px; _width: 170px; padding: 8px 6px 6px 6px; cursor: pointer; margin: 0 8px 8px 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; float: left}
.rollmenusmall h3 {width: 500px; display: block; float: left; font-size: 100%; margin: 10px 0}
.rollmenusmall h5 {margin: 0 0 0 8px; font-weight: normal}
.rollmenusmall a {text-decoration: none}
.rollmenusmall .hov {background: #dfdfdf !important; border: 1px solid #ccc}
.rollmenusmall img {position: relative; left: -6px; _position: fixed; _margin-right: 6px; float: left}

/* standard forms */

.hidden { background: #f2f2f2; padding: 6px 0}
.hidden .listout { margin: 0}
.hidden2 { background: #ddd; padding: 6px 0}
.hidden2 .listout { width: 98% !important} 
.hidden2 .hidden2 { padding: 5px 0 !important} 
.hidden hr { color: #fff; background: #fff; height: 2px; width: 100%; border: none; margin: 5px 0 15px 0 !important; padding: 0}
.hidden2 hr { color: #fff; background: #fff; height: 2px; width: 100%; border: none; margin: 5px 0 15px 0; padding: 0}

.req { color: #930}
.error, .error2 { color: #a00} 

.item { padding: 3px 0 !important; width: 50%}
.itemhard, .itemhard2 { color: #000; background: #f4f4f4; font-weight: normal; padding: 5px; border-bottom: 1px solid #fff}
.itemhard a, .itemhard2 a { color: #333}

.light { color: #aaa; font-weight: normal}
.standout { color: #d53d3d}
.small { font-size: 85%; font-weight: normal}
.line { width: 100%}

/* form engine */

.formblocktools { background: #eee; color: #999; padding: 4px; font-size: .7em; margin: 16px 0; width: 96%} 

/* ------ 1 column */

.feedbacktitle { padding: 15px 0 3px 0; font: bold .9em arial}
.feedbacktitlelarge { padding: 30px 0 3px 0; font-size: 1.4em; font-weight: normal}
.feedbacktitlelit { padding: 6px; border-top: solid 12px #fff; background: #5a5a5a; font-size: 15px; color: #fff; font-weight: bold}
.feedbacktitlehide { padding: 0}
.feedbackcontrol { padding: 0 0 10px 0}
.feedbackanswer { padding: 6px; background: #e9e9e9; border: 1px solid #fff; margin-bottom: 10px}
.feedbackexp { padding: 0; margin: 0; color: #666}
.feedbackdesc { padding: 0 0 10px 0; color: #666}

/* ------ 2 column */

.feedbacktitle2 { padding: 10px 0 3px 0; width: 40%; vertical-align: top}
.feedbacktitlelarge2 { padding: 10px 0; width: 40%; font-size: 1.4em}
.feedbacktitlelit2 { padding: 10px 0; width: 40%; background-color: #5a5a5a; color: #fff; font-weight: bold}
.feedbacktitlehide2 { padding: 3px}
.feedbackcontrol2 { padding: 7px 0 10px 0; vertical-align: top}
.feedbackanswer2 { padding: 3px; background: #e9e9e9; border: 1px solid #fff; margin-bottom: 10px}
.feedbackexample2 { padding: 0; margin: 0; color: #666; font-style: italic}
.feedbackdesc2 { padding: 3px 0 3px 0; color: #666}

.feedbackunit { color: #666}
.fileblock .rowempty { padding: 3px}
.feedbackcontrol .sel { max-width: 300px}
.feedbackcontrol2 .sel { max-width: 200px}
.savingform { background: #999; color: #fff; padding: 12px; margin-bottom: 6px; display: block}

/* --- rating scales */

.rating0 { background: #ddd; padding-top: 5px; padding-bottom: 5px; border: 1px solid #ccc}
.rating1 { background: #d5d5d5; padding-top: 5px; padding-bottom: 5px; border: 1px solid #ccc}
.hidden1 .rating0 { background: #ccc; padding-top: 5px; padding-bottom: 5px}
.hidden1 .rating1 { background: #bbb; padding-top: 5px; padding-bottom: 5px}
.llabel { padding: 5px}
.rlabel { padding: 5px}
.formna { background:#ccc} /* n/a on rating scales */

/* --- character limits */

.charlimit { font-size: 80%}
.charlimit .ok { color: #666}
.charlimit .danger { background: #ff4500; color: #fff}
.charlimit .zero { background: #d90000; color: #fff}

/* page top toolbar */

.toolbar { padding: 6px 5px 6px 5px; _padding: 6px 5px 8px 5px; background: #5e5f61; color: #fff; margin-top: 10px} 
.toolbar a { color: #fff; font-size: .9em !important; font-weight: bold; margin: 0 5px}
.toolbar .list { color: #e1e9f3}
.toolbar .list a { padding: 0; font-weight: bold}
.toolbar table { width: 99%}
.toolbar td { font-size: .8em !important}

/* page sections */

.formsection { background: #ccc; color: #444; font-size: 1.2em; font-weight: bold; padding: 6px; margin: 0; border-bottom: 2px solid #bbb} 
.formsection a { color: #666}
.formsection a:hover { color: #222}

/* views and filters */

.filterset {background: #eee; margin-top: 10px}
.filterset td {padding: 6px 0; font-size: 12px}
.filterset input, .filterset select {font-size: 12px}

.selgroup {width: 300px}
.selgroup .optgroup {color: #aaa; font-style: italic; padding-left: 0; background: #eee}
.selgroup option {padding-left: 10px}

.viewitems {margin-right: 10px; display: block}
.viewitems select {width: 260px !important}
.viewset select {width: 260px; margin-right: 10px}
.viewsubset select {width: 260px}
.viewsection {background: #6993c3; color: #fff}
.modfv a {padding: 6px}
.dyntags input {margin: 10px 0}

/* drafts */

.draftsaved {color: #999; padding-top: 5px}
.draftnote {padding-top: 5px; color: #444}
.draftload {padding: 10px; background: #eee}

/* calendar */

.calendar thead .title, .calendar tfoot .ttip, .calendar thead .name { background: #4F4F4F; color: #fff}

/* community homepage */

.commhome h5 { padding: 7px 0 0 5px; margin-top: 5px; font-size: 1.1em; color: #222} 

/* project homepage */

.projhome { white-space: normal; margin-top: 25px} 
.projhome .intro { white-space: normal !important; background: #fff} 
.projhome .status { font-size: 80%; color: #999} 
.projhome .loading { margin: 35px 0 45px 0; font-size: 15px; color: #999} 
.projhome .empty { margin: 35px 0 45px 0; font-size: 15px; color: #999} 
.projhome .block { margin: 0 0 2px 0; padding: 15px 12px 0 12px; border: 1px solid #e4e4e4; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px} 
.projhome h5 { font-size: 14px; color: #888 } 
.projhome h2 { display: none} 
.projhome .content { margin: 0 4px 24px 4px}
.projhome .listout { margin: 0}

.tabs * { line-height: 100%; list-style: none; margin: 0; padding: 0} 
.tabs { margin-top: 20px; margin-bottom: 4px; text-align: center}
.tabs ul { margin-left: 6px; padding: 4px 0 5px 0}
.tabs li { display: inline; font-weight: bold; background: transparent; font-size: 13px} 
.tabs a { padding: 9px 0 8px; text-decoration: underline}
.tabs span { padding: 8px 12px 7px 12px; #padding: 2px 12px 2px 12px; _padding: 2px 12px 2px 12px; margin: 0 6px}
.tabs #sel a { color: #000; background: #e4e4e4; text-decoration: none}
.tabs a:hover { color: #000; background: #bbb}
.tabs .content { margin: 0 0 15px 0}

/* new home */

.projhome .sechead { background: #4f4f4f; color: #fff; padding: 5px 9px}
.projhome .sechead h3 { padding: 0; margin: 0; font-size: 12px !important; color: #fff}
.projhome .sechead div { float: right; font-size: 80%; line-height: 1.8; _line-height: 1.8}
.projhome .sechead div .sel { background: #000; color: #fff; padding: 1px 3px; -moz-border-radius: 2px}
.projhome .sechead a { color: #fff; padding: 1px 2px; margin: 0 2px}

.projhome .secbody { margin: 12px 0}
.projhome .forum1 { width: 625px}
.projhome .forum2 { float: left; width: 305px}
.projhome .leftpad { margin-left: 10px}

.projhome .dash { width: 100%}
.projhome .dash h2 { font-size: 20px; font-weight: normal; font-style: italic; color: #666; margin-top: 50px}
.projhome .dash table { width: 100%}
.projhome .dash .listin td { padding: 6px 4px; text-align: center; width: 16.6%}
.projhome .more { background: url(/images/icon/moredark.gif) no-repeat right; height: 9px; width: 16px}
.projhome .header {background:#aaa}
.projhome .header a { text-decoration: none; color: #fff}

.projhome .pop td {padding: 4px 9px; border-bottom: 1px solid #ddd}
.projhome .pop .header {border: 0}
.projhome .pop {margin-top: 5px; color: #555; margin-bottom: 15px; *width: 622px}
.projhome .pop small a {color: #555; background: transparent; padding: 0}
.projhome .pop .empty {margin: 0; padding: 10px 5px}

/* knowledge base */

.kbresults h3 { font-size: 18px; margin-top: 10px}

/* reporting */

.reportview h3 { font-size: 22px; margin-top: 18px}
.reportlabel { font-size: 200%}

/* content/release management */

.comments .group { padding: 7px; background: #fff; font-size: 70%; color: #888; font-style: italic; border-top: 0}
.comments .row0 { border-bottom: 0}
.comments .row1 { border-bottom: 0}
.comments .group a { color: #000 !important}
.comments .group a:hover { color: #444 !important}

.articledate { margin-bottom: 35px}
.articletable { padding-bottom: 15px !important}
.articlesingle h3 { margin: 0; padding: 0 0 5px 0; font-weight: bold; font-size: 130%}
.articlenumbered td { font-size: 100%; line-height: 200%}

.dv { background: #eee; padding: 6px}

/* sign-ups */

.signup { width: 600px}
.captcha { border: 1px solid #aaa}

/* recruitments */

.calloutlink { margin-bottom: 15px}

/* tasks */

.tasknormal {color: #000}
.taskupcoming {color: #00f}
.taskgrace {color: #ffa500}
.tasksuccess {color: #008000}
.taskfailure {color: #f00}
.taskcomplete {color: #00f}
.taskcantcomplete {color: #888}
.taskexpired {color: #a52a2a}

.taskrow { margin-top: 8px; margin-bottom: 4px; padding: 0; clear: left}
.tasktitle { padding-left: 5px; padding-right: 5px}
.tasktitlex { text-decoration: line-through; color: #999; padding-left: 5px; padding-right: 5px}

/* user forums */

/* --- topic list */

.forumtopics td td { border: 1px solid #fff; padding: 6px 5px; border-bottom: 6px solid #fff}
.forumtopics .header { padding: 8px 6px}

.replypages { font-size: 80%}
.replypages a { padding: 0 2px 0 2px}

.modtopicread { background: #ccc; color: #000}
.modtopicread a { color: #000}

.modtopicunread { background: #eee; color: #000}
.modtopicunread a { color: #000}

.topicread { background: #ccc; color: #000}
.topicread a { color: #000}

.topicunread { background: #eee; color: #000}
.topicunread a { color: #000}

.oldpost { background: #999; color: #333} 
.oldpost a { color: #000}

.sticky {}
.sticky a {}

/* topic status icons */

.iconmod { background: url(mod.png) no-repeat; height: 18px; width: 14px; border:0 !important}
.iconfile { background: url(/images/icon/download.png) no-repeat; height: 16px; width: 16px; border:0 !important}
.iconhot { background: url(/images/icon/hottopic.png) no-repeat; height: 16px; width: 16px; border:0 !important}
.iconsticky { background: url(/images/icon/sticky.png) no-repeat; height: 16px; width: 16px; border:0 !important}
.iconlocked { background: url(/images/icon/locked.png) no-repeat; height: 16px; width: 16px; border:0 !important}
.iconsubscribe { background: url(/images/icon/email.png) no-repeat; height: 16px; width: 16px; border:0 !important}
.iconread { background: url(/images/icon/read.png) no-repeat; height: 16px; width: 16px; border:0 !important}

/* --- reply pages */

.post { background: #eee !important; padding: 0; margin-bottom: 16px; -moz-border-radius: 9px; width: 100%}
.post .author { width: 15%; float: left; padding: 10px; font-weight: bold}
.post .author small { display: block}
.post .message { width: 80%; float: left; padding: 10px}
.post .postdate { width: 15%; clear: both; padding: 10px; float: left}
.post .tools { width: 80%; float: left; padding: 10px}
.post .tools a { font-size: 90%}
.clean { clear: both}
.post.mod { background: #ccc !important; color: #000}

.post h1 { font: bold 22pt arial; padding: 3px 0; margin: 0; color: #000}
.post h2 { font: bold 17pt arial; padding: 3px 0; margin: 0; color: #000}
.post h3 { font: bold 14pt arial; padding: 3px 0; margin: 0; color: #000}
.post h4 { font: bold 11pt arial; padding: 3px 0; margin: 0; color: #000}
.post h5 { font: bold 9pt arial; padding: 3px 0; margin: 0; color: #000}
.post h6 { font: bold 8pt arial; padding: 3px 0; margin: 0; color: #000}

.post .bbc_ul { padding-left: 18px; list-style-type: disc}
.post .bbc_ol_decimal { list-style-type: decimal}
.post .bbc_ol_alpha { list-style-type: lower-alpha}
.post .bbc_ol_decimal li { list-style-image: none; list-style-type: decimal}
.post .bbc_ol_alpha li { list-style-image: none; list-style-type: lower-alpha}

/* --- quotes */

.post blockquote { padding: 8px; margin-bottom: 0; background: #ccc}
.post blockquote blockquote { background: #eee}
.post blockquote blockquote blockquote { background: #ccc}
.post blockquote blockquote blockquote blockquote { background: #eee}

.post.mod blockquote { padding: 8px; margin-bottom: 0; background: #ddd}
.post.mod blockquote blockquote { background: #ccc}
.post.mod blockquote blockquote blockquote { background: #ddd}
.post.mod blockquote blockquote blockquote blockquote { background: #ccc}

/* --- other forum */

.post .forumsig { padding: 6px; background: #bbb; margin-top: 10px; font-size: .9em}
.post.mod .forumsig { padding: 6px; background: #ddd; margin-top: 10px}
.forumfile { background: #769cc9; padding: 7px; margin-top: 10px}
.forumfile { background: url(/images/css/10-dark.png); padding: 7px; margin-top: 10px}
.forumfile div { padding: 2px 5px 0 22px; margin-top: 0}
.edited { margin-top: 10px; font-size: 80%}
.forumformat b { background: #deeaf5; padding: 1px 3px; margin: 0 2px}

/* other */

.siteerror { padding: 25px; font-size: 120%; background: #eee}
.loader { background: url(loader.gif); width: 66px; height: 66px; margin: 33px} 
.commresources td { font-size: 12px}
.commresources a { font-size: 14px; font-weight: bold}
.commresources .row0 { background: #eee; border-bottom: 1px solid #fff}

/* login */

.login {
	
	margin: 0;
	padding: 0;
	
	
}
.login .pos {
	border: 0 solid #222; 
	width: 360px; height: 360px;
	position: absolute; left: 50%; top: 50%; 
	margin-left:-200px; margin-top:-200px
	}
.login .pos {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#FFFFFF url(../img/our%20surat%20logni%20_bg.png) no-repeat scroll 0 0;
        background-color: #FFFFFF;
}
.login .in {
	color:#000000;
	margin:50px 0 0;
}
.login img { 
	margin-top: 15px
} 
.login.new .left, .login.ref .left, .login .header { 
	display: none
} 

/* --- user/pass login block */

.login .exist {
	height:100px;
	margin-left:15px;
	margin-right:60px;
	margin-top:167px;
	position:relative;
	text-align:left !important;
	width:319px;
}
.login .exist div { 
	position: absolute; 
	color: #CCC;
	}
.login .exist .userlbl {
	top:0;
	left: 0; 
	color: #666;
        font-family:verdana;
        font-size: 12px;
        

	}
.login .exist .passlbl { 
	top:0;
	left: 130px;
	color: #666;
         font-family:verdana;
        font-size: 12px;
	}
.login .exist .userbox { 
	top: 22px; 
	left: 0
	}
.login .exist .passbox {
	top: 22px;
	left: 130px
}
.login .exist .submit {
	top: 7px;
	left: 260px;
	_top: 8px
}
.login .exist .userbox input { 
	width: 120px; 
	padding: 3px; 
	border: 1px solid #ccc;
	color: #777; 
	line-height: 1; 
	
}
.login .exist .passbox input { 
	width: 120px; 
	padding: 3px; 
	border: 1px solid #ccc; 
	color: #b00; 
	line-height: 1;
	font-size: 10pt
}
.login .exist .submit input {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	/**background:transparent url(../img/logi_btn.png) repeat-x scroll left top;***/
	border:none;
        background: none;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	margin-top:15px;
        margin-left: 12px;
	padding:4px 2px 3px;
}
.login .exist .submit input:hover {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	/**background:transparent url(../img/logi_btn.png) repeat-x scroll left top;***/
	border:none;
        background: none;
	color:#ccc;
	font-size:12px;
	font-weight:bold;
	margin-top:15px;
        margin-left: 12px;
	padding:4px 2px 3px;
}
.login .exist .remchk { 
	top: 110px; 
	left: 0; 
	_top: 92px; 
	_left: -3px
}
.login .exist .remlbl { 
	left:19px;
	top:108px;
	_top: 94px; 
	_left: 20px
}
.login .exist .trouble { 
	top: 
	63px; 
	left: 
	141px; 
	_top: 58px}

.login .footer {
	margin-left:15px;
	margin-top:70px;
        font-family:arial;
        font-size:13px;
        color:#666;
	text-align:left !important;
	text-decoration:none;
	width:340px;
} 
	
.login .error { 
	font-weight: bold; 
	background: #d03a00; 
	color: #fff; 
	padding: 18px; 
	font-size: 22px; 
	width: 100%
}