/* basic html */

.debug {padding: 40px; background: #f00; font-size: 25px; text-align: center; color: #fff}

* {border-collapse: collapse; margin: 0; padding: 0} 
table {width: 100%} 
img {border: 0; behavior: url(/global/js/iepngfix.htc)}

ul {padding-left: 12px} 
ol {padding-left: 12px}
blockquote {padding: 0 25px}

/* horizontal rules */

hr {border: 0; border-bottom: 1px solid #ddd; color: #fff; font-size: 1px; line-height: 1px; height: 1px; margin: 15px 0 20px 0} 
hr.optional {display: none}
hr.paddown {margin-bottom: 15px}
hr.padup {margin-top: 15px}
hr.padboth {margin: 15px 0}
hr.submit {margin: 20px 0}
hr.req {display: block}

.minwidth {height: 1px !important; font-size: 1px !important; line-height: 1px !important; width: 500px}
.noheight {height: 1px !important; font-size: 1px !important} 
.nowrap {white-space: nowrap}

/* form objects */

select:disabled {background: #bbb} 

.chk {margin: 5px 5px 2px 2px}
.rdo {margin: 0 5px 0 2px}
.txt {padding: 2px}
.pass {padding: 2px}
.date {padding: 1px}
.btn {padding: 4px 12px 3px}
.btn.inline {padding: 2px 10px; font-size: 14px}

/* standard utility */

.paddown {margin-bottom: 15px}
.padup {margin-top: 15px}
.padboth {margin-top: 15px; margin-bottom: 15px}
.paddownbig {margin-bottom: 30px}
.padupbig {margin-top: 30px}
.padbothbig {margin-top: 30px; margin-bottom: 30px}

.clear {clear: both; float}
.clearleft {clear: left}
.clearright {clear: right}
.clean {clear: both}

.relative {position: relative}
.absolute {position: absolute}
.left {float: left}
.right {float: right}

/* misc features */

.filterset {padding: 4px 4px !important; width: 99% !important}
.loaderhidden {background: url(/images/css/loader-hidden-light.gif); height: 32px; width: 32px}
.indent {margin-left: 30px}

.orderup {background: url(/images/arrow_up.gif); height: 10px; width:14px;}
.orderdown {background: url(/images/arrow_down.gif); height: 10px; width:14px;}

/* /open opportunities */
.open {width: 650px}
.open .opp {padding: 15px}
.open h3 {margin: 0 0 10px 0; font-size: 18px} 
.open p { margin: 0; }
.open .postname {float: left}
.open .postdate {background: #eee; color: #aaa; float: right; font-size: 12px; padding: 2px 8px}
.open .postdesc {margin-bottom: 15px; line-height: 1.5}
.open .social {}
.open .more {background: url(/images/css/button.png); font-size: 14px; padding: 5px 12px 4px; -moz-border-radius: 3px; border: 1px solid #bbb; color: #000; float: left; width: 80px; text-align: center}
.open .more a {color: #444; text-decoration: none}
.open .rss {text-align: center; margin: 15px 0 5px 0}
.open .unavail {color: #aaa; border: 1px solid #eee; -moz-border-radius: 4px; background: #eee}
.open .unavail h3 {color: #aaa}
.open .unavail .more {color: #aaa; border: 1px solid #ddd}

/* string admin */
.listin .highlight {background: #cedff1; color: #183652; border-top: 1px solid #bdd4ec}
.highlight .unchanged {color: #fff}

.stringlist .pad {padding: 12px}
.stringlist img {margin-right: 6px}
.stringlist textarea {width: 300px !important; height: 60px !important; min-height: 60px !important; float: left}
.stringlist .btn {margin-top: 15px; margin-left: 10px}
.stringlist .light {color: #ccc}
.stringlist .highlight .light {color: #8cb3de}

.pagecount {text-decoration: none; font-size: 200%; color: #fff}
.pagecount:hover {color: #ddd}
.pagecount div {background: #e7d743; width: 40px; padding: 8px 0; background: #275683; -moz-border-radius: 2px}

/* hints */
.hint {display: block; border: 1px solid #e5b769; background: url(/images/css/tip.png) top left repeat-x #fff29c; color:#b18800; margin: 10px 0 0 0; padding: 8px; -moz-border-radius: 6px}
.hint.up {margin: 5px 0 15px 0}

/* user account geo */
.useraccount .sel {width: 200px}

/* new team blocks */
.pophide table td {}
.pophide h5 {margin-top: 10px}
.pophide input {margin-bottom: 10px}
.pophide select {margin-bottom: 10px}
.row-hide td {display: none} 
.row-show td {display: table-cell}

/* notice when changing roles */
.rolechange {background: #ff8c00; font-weight: bold; color: #fff; padding: 4px 12px; margin-top: 12px}

/* used for color picker / themes */
.threecols {float: left; width: 30%}
.threecols p {margin-left: 12px}

/* kb checkboxes */
.kb .chk {margin: 0 6px 0 6px}
.kb .hidden {padding: 6px 0px !important}
.chklist {margin-bottom: 10px}

/* hint icon */
.hinticon {position: absolute; top: -5px; right: 10px}

/* pop-up calendar */
.calendar {position:relative; display:none; border-top:2px solid #fff; border-right:2px solid #000; border-bottom:2px solid #000; border-left:2px solid #fff; color:#000; cursor:default; background:#c8d0d4; font:13px tahoma,verdana,sans-serif}
.calendar table {width:220px; border-top:1px solid #000; border-right:1px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #000; color:#000; cursor:default; background:#eee; font:13px tahoma,verdana,sans-serif}
.calendar .button {text-align:center; padding:1px; border-top:1px solid #fff; border-right:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #fff}
.calendar .nav {background:transparent no-repeat 100% 100%}
.calendar thead .title {font-weight:bold; padding:1px; border:1px solid #000; background:#788084; color:#fff; text-align:center}
.calendar thead .headrow {}
.calendar thead .daynames {}
.calendar thead .name {border-bottom:1px solid #000; padding:2px; text-align:center; background:#e8f0f4}
.calendar thead .weekend {color:#f00}
.calendar thead .hilite {}
.calendar thead .active {}
.calendar tbody .day {width:2em; text-align:right; padding:2px 4px 2px 2px}
.calendar tbody .day.othermonth {font-size:80%; color:#aaa}
.calendar tbody .day.othermonth.oweekend {color:#faa}
.calendar table .wn {padding:2px 3px 2px 2px; border-right:1px solid #000; background:#e8f4f0}
.calendar tbody .rowhilite td {background:#d8e4e0}
.calendar tbody .rowhilite td.wn {background:#c8d4d0}
.calendar tbody td.hilite {font-weight: bold; border:0px solid; border-color:#fff #000 #000 #fff}
.calendar tbody td.active {border:1px solid; border-color:#000 #fff #fff #000}
.calendar tbody td.selected {font-weight:bold; padding:2px 2px 0px 2px; border:1px solid; border-color:#000 #fff #fff #000; background:#d8e0e4}
.calendar tbody td.weekend {color:#f00}
.calendar tbody td.today {font-weight:bold; color:#0000ff}
.calendar tbody .disabled {color:#999}
.calendar tbody .emptycell {visibility:hidden}
.calendar tbody .emptyrow {display:none}
.calendar tfoot .footrow {}
.calendar tfoot .ttip {padding:1px; border:1px solid #000; color:#fff; text-align:center; background:#e8f0f4; background:#788084}
.calendar tfoot .hilite {border-top:1px solid #fff; border-right:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #fff; padding:1px; background:#d8e0e4}
.calendar tfoot .active {padding:2px 0px 0px 2px; border-top:1px solid #000; border-right:1px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #000}
.calendar .combo {position:absolute; display:none; width:4em; top:0px; left:0px; cursor:default; border-top:1px solid #fff; border-right:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #fff; background:#d8e0e4; font-size:90%; padding:1px; z-index:90}
.calendar .combo .label,
.calendar .combo .label-iefix {text-align:center; padding:1px}
.calendar .combo .label-iefix {width:4em}
.calendar .combo .active {background:#c8d0d4; padding:0px; border-top:1px solid #000; border-right:1px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #000}
.calendar .combo .hilite {background:#048; color:#aef}
.calendar td.time {border-top:1px solid #000; padding:1px 0px; text-align:center; background:#e8f0f4}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {padding:0px 3px 0px 4px; border:1px solid #888899; font-weight:bold; background:#fff}
.calendar td.time .ampm {text-align:center}
.calendar td.time .colon {padding:0px 2px 0px 3px; font-weight:bold}
.calendar td.time span.hilite {border-color:#000; color:#fff; background:#667}
.calendar td.time span.active {border-color:#f00; color:#0f0; background:#000}

/* forum emoticons */
.emo-shouting {background: url(emo/shouting.gif) no-repeat; height: 16px; width: 16px; margin: 0 2px}
.emo-evil {background: url(emo/evil.gif) no-repeat; height: 16px; width: 16px; margin: 0 2px}
.emo-angry {background: url(emo/angry.gif) no-repeat; height: 16px; width: 16px; margin: 0 2px}
.emo-mischievous {background: url(emo/mischievous.gif) no-repeat; height: 16px; width: 16px; margin: 0 2px}
.emo-notamused {background: url(emo/notamused.gif) no-repeat; height: 16px; width: 16px; margin: 0 2px}
.emo-angrytongue {background: url(emo/angrytongue.gif) no-repeat; height: 16px; width: 16px; margin: 0 2px}
.emo-embarrassed {background: url(emo/embarrassed.gif) no-repeat; height: 16px; width: 16px; margin: 0 2px}
.emo-grin {background: url(emo/grin.gif) no-repeat; height: 16px; width: 16px; margin: 0 2px}
.emo-crying {background: url(emo/crying.gif) no-repeat; height: 16px; width: 16px; margin: 0 2px}
.emo-grinwink {background: url(emo/grinwink.gif) no-repeat; height: 16px; width: 16px; margin: 0 2px}
.emo-blushing {background: url(emo/blushing.gif) no-repeat; height: 16px; width: 16px; margin: 0 2px}
.emo-oops {background: url(emo/oops.gif) no-repeat; height: 16px; width: 16px; margin: 0 2px}
.emo-undecided {background: url(emo/undecided.gif) no-repeat; height: 16px; width: 16px; margin: 0 2px}
.emo-smirk {background: url(emo/smirk.gif) no-repeat; height: 16px; width: 16px; margin: 0 2px}
.emo-grimmace {background: url(emo/grimmace.gif) no-repeat; height: 16px; width: 16px; margin: 0 2px}
.emo-gasp {background: url(emo/gasp.gif) no-repeat; height: 16px; width: 16px; margin: 0 2px}
.emo-confused {background: url(emo/confused.gif) no-repeat; height: 16px; width: 16px; margin: 0 2px}
.emo-winktongue {background: url(emo/winktongue.gif) no-repeat; height: 16px; width: 16px; margin: 0 2px}
.emo-lipsaresealed {background: url(emo/lipsaresealed.gif) no-repeat; height: 16px; width: 16px; margin: 0 2px}
.emo-wink {background: url(emo/wink.gif) no-repeat; height: 16px; width: 16px; margin: 0 2px}
.emo-kiss {background: url(emo/kiss.gif) no-repeat; height: 16px; width: 16px; margin: 0 2px}
.emo-innocent {background: url(emo/innocent.gif) no-repeat; height: 16px; width: 16px; margin: 0 2px}
.emo-smile {background: url(emo/smile.gif) no-repeat; height: 16px; width: 16px; margin: 0 2px}
.emo-tongue {background: url(emo/tongue.gif) no-repeat; height: 16px; width: 16px; margin: 0 2px}
.emo-frown {background: url(emo/frown.gif) no-repeat; height: 16px; width: 16px; margin: 0 2px}
.emo-cool {background: url(emo/cool.gif) no-repeat; height: 16px; width: 16px; margin: 0 2px}
.emo-straightfaced {background: url(emo/straightfaced.gif) no-repeat; height: 16px; width: 16px; margin: 0 2px}
.emo-sleeping {background: url(emo/sleeping.gif) no-repeat; height: 16px; width: 16px; margin: 0 2px}
.emot {float: left; background: #eee; padding: 12px; margin: 6px 6px 0 0; width: 100px; font-family: "courier new"} /* used in reference */

.forumkey { border: 1px solid #ddd; padding: 5px; background: #eee; margin-top: 20px}
.forumkey div { display: inline; padding: 0 22px; text-align: left; white-space: nowrap}
.forumkey .unread { padding: 0 22px 0 0}

/* file uploads */

.listin .rownew td {padding: 0}
iframe.upload {width:100%; height:0px; border:0px; margin:0px}
#page_status_bar {width:100%; height:20px; border:1px outset rgb(242,242,242); background-color:#efebde}
#page_status_bar tr td{border:1px inset rgb(242,242,242)}
#list_body {width: 100%}
#list_body tr td{font-size: 11px; line-height:16px; border: 0px; height: 16px; padding: 0px 0px 0px 4px; vertical-align:middle}
#list_body .on {background: rgb(234,244,255)}
.upload_filename {	color: rgb(0,0,0); 	font-weight: bold; font-size: 12px}
.upload_stats {color: rgb(100,100,100); font-size: 10px}

/* jquery color picker */

.colorwrapper {position: relative; height: 40px}
.colorselector {position: absolute; top: 0px; left: 96px; width: 22px; height: 22px}
.colorselector div {border: 1px solid #aaa; margin: 0px; padding: 0px; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; background: url(colorpicker/select_dn.png) no-repeat bottom right}
.colorpicker {width: 356px; height: 176px; overflow: hidden; position: absolute; background: url(colorpicker/colorpicker_background.png); font-family: arial, helvetica, sans-serif; display: none}
.colorpicker_color {width: 150px; height: 150px; left: 14px; top: 13px; position: absolute; background: #f00; overflow: hidden; cursor: crosshair}
.colorpicker_color div {position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: url(colorpicker/colorpicker_overlay.png)}
.colorpicker_color div div {position: absolute; top: 0; left: 0; width: 11px; height: 11px; overflow: hidden; background: url(colorpicker/colorpicker_select.gif); margin: -5px 0 0 -5px}
.colorpicker_hue {position: absolute; top: 13px; left: 171px; width: 35px; height: 150px; cursor: n-resize}
.colorpicker_hue div {position: absolute; width: 35px; height: 9px; overflow: hidden; background: url(colorpicker/colorpicker_indic.gif) left top; margin: -4px 0 0 0; left: 0px}
.colorpicker_new_color {position: absolute; width: 60px; height: 30px; left: 213px; top: 13px; background: #f00}
.colorpicker_current_color {position: absolute; width: 60px; height: 30px; left: 283px; top: 13px; background: #f00}
.colorpicker input {background-color: transparent; border: 1px solid transparent; position: absolute; font-size: 10px; font-family: arial, helvetica, sans-serif; color: #898989; top: 4px; right: 11px; text-align: right; margin: 0; padding: 0; height: 15px}
.colorpicker_hex {position: absolute; width: 72px; height: 22px; background: url(colorpicker/colorpicker_hex.png) top; left: 212px; top: 142px}
.colorpicker_hex input {right: 6px}
.colorpicker_field {height: 22px; width: 62px; background-position: top; position: absolute}
.colorpicker_field span {position: absolute; width: 12px; height: 22px; overflow: hidden; top: 0; right: 0; cursor: n-resize}
.colorpicker_rgb_r {background-image: url(colorpicker/colorpicker_rgb_r.png); top: 52px; left: 212px}
.colorpicker_rgb_g {background-image: url(colorpicker/colorpicker_rgb_g.png); top: 82px; left: 212px}
.colorpicker_rgb_b {background-image: url(colorpicker/colorpicker_rgb_b.png); top: 112px; left: 212px}
.colorpicker_hsb_h {background-image: url(colorpicker/colorpicker_hsb_h.png); top: 52px; left: 282px}
.colorpicker_hsb_s {background-image: url(colorpicker/colorpicker_hsb_s.png); top: 82px; left: 282px}
.colorpicker_hsb_b {background-image: url(colorpicker/colorpicker_hsb_b.png); top: 112px; left: 282px}
.colorpicker_submit {position: absolute; width: 22px; height: 22px; background: url(colorpicker/colorpicker_submit.png) top; left: 322px; top: 142px; overflow: hidden}
.colorpicker_focus {background-position: center}
.colorpicker_hex.colorpicker_focus {background-position: bottom}
.colorpicker_submit.colorpicker_focus {background-position: bottom}
.colorpicker_slider {background-position: bottom}