@media all {

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body { font-size: 75%; }
html > body { font-size: 12px; }
h1, h2, h3, h4, h5, h6 {clear: both; font-weight:normal;/*color:#111;*/}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-top:0 !important;/*added top margin*/margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* grid.css */
.bp {width:950px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
.column, div.sp-1, div.sp-2, div.sp-3, div.sp-4, div.sp-5, div.sp-6, div.sp-7, div.sp-8, div.sp-9, div.sp-10, div.sp-11, div.sp-12, div.sp-13, div.sp-14, div.sp-15, div.sp-16, div.sp-17, div.sp-18, div.sp-19, div.sp-20, div.sp-21, div.sp-22, div.sp-23, div.sp-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.sp-1 {width:30px;}
.sp-2 {width:70px;}
.sp-3 {width:110px;}
.sp-4 {width:150px;}
.sp-5 {width:190px;}
.sp-6 {width:230px;}
.sp-7 {width:270px;}
.sp-8 {width:310px;}
.sp-9 {width:350px;}
.sp-10 {width:390px;}
.sp-11 {width:430px;}
.sp-12 {width:470px;}
.sp-13 {width:510px;}
.sp-14 {width:550px;}
.sp-15 {width:590px;}
.sp-16 {width:630px;}
.sp-17 {width:670px;}
.sp-18 {width:710px;}
.sp-19 {width:750px;}
.sp-20 {width:790px;}
.sp-21 {width:830px;}
.sp-22 {width:870px;}
.sp-23 {width:910px;}
.sp-24, div.sp-24 {width:950px;margin-right:0;}
input.sp-1, textarea.sp-1, input.sp-2, textarea.sp-2, input.sp-3, textarea.sp-3, input.sp-4, textarea.sp-4, input.sp-5, textarea.sp-5, input.sp-6, textarea.sp-6, input.sp-7, textarea.sp-7, input.sp-8, textarea.sp-8, input.sp-9, textarea.sp-9, input.sp-10, textarea.sp-10, input.sp-11, textarea.sp-11, input.sp-12, textarea.sp-12, input.sp-13, textarea.sp-13, input.sp-14, textarea.sp-14, input.sp-15, textarea.sp-15, input.sp-16, textarea.sp-16, input.sp-17, textarea.sp-17, input.sp-18, textarea.sp-18, input.sp-19, textarea.sp-19, input.sp-20, textarea.sp-20, input.sp-21, textarea.sp-21, input.sp-22, textarea.sp-22, input.sp-23, textarea.sp-23, input.sp-24, textarea.sp-24 {border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important;}
input.sp-1, textarea.sp-1 {width:18px!important;}
input.sp-2, textarea.sp-2 {width:58px!important;}
input.sp-3, textarea.sp-3 {width:98px!important;}
input.sp-4, textarea.sp-4 {width:138px!important;}
input.sp-5, textarea.sp-5 {width:178px!important;}
input.sp-6, textarea.sp-6 {width:218px!important;}
input.sp-7, textarea.sp-7 {width:258px!important;}
input.sp-8, textarea.sp-8 {width:298px!important;}
input.sp-9, textarea.sp-9 {width:338px!important;}
input.sp-10, textarea.sp-10 {width:378px!important;}
input.sp-11, textarea.sp-11 {width:418px!important;}
input.sp-12, textarea.sp-12 {width:458px!important;}
input.sp-13, textarea.sp-13 {width:498px!important;}
input.sp-14, textarea.sp-14 {width:538px!important;}
input.sp-15, textarea.sp-15 {width:578px!important;}
input.sp-16, textarea.sp-16 {width:618px!important;}
input.sp-17, textarea.sp-17 {width:658px!important;}
input.sp-18, textarea.sp-18 {width:698px!important;}
input.sp-19, textarea.sp-19 {width:738px!important;}
input.sp-20, textarea.sp-20 {width:778px!important;}
input.sp-21, textarea.sp-21 {width:818px!important;}
input.sp-22, textarea.sp-22 {width:858px!important;}
input.sp-23, textarea.sp-23 {width:898px!important;}
input.sp-24, textarea.sp-24 {width:938px!important;}
.append-1 {padding-right:40px;}
.append-2 {padding-right:80px;}
.append-3 {padding-right:120px;}
.append-4 {padding-right:160px;}
.append-5 {padding-right:200px;}
.append-6 {padding-right:240px;}
.append-7 {padding-right:280px;}
.append-8 {padding-right:320px;}
.append-9 {padding-right:360px;}
.append-10 {padding-right:400px;}
.append-11 {padding-right:440px;}
.append-12 {padding-right:480px;}
.append-13 {padding-right:520px;}
.append-14 {padding-right:560px;}
.append-15 {padding-right:600px;}
.append-16 {padding-right:640px;}
.append-17 {padding-right:680px;}
.append-18 {padding-right:720px;}
.append-19 {padding-right:760px;}
.append-20 {padding-right:800px;}
.append-21 {padding-right:840px;}
.append-22 {padding-right:880px;}
.append-23 {padding-right:920px;}
.prepend-1 {padding-left:40px;}
.prepend-2 {padding-left:80px;}
.prepend-3 {padding-left:120px;}
.prepend-4 {padding-left:160px;}
.prepend-5 {padding-left:200px;}
.prepend-6 {padding-left:240px;}
.prepend-7 {padding-left:280px;}
.prepend-8 {padding-left:320px;}
.prepend-9 {padding-left:360px;}
.prepend-10 {padding-left:400px;}
.prepend-11 {padding-left:440px;}
.prepend-12 {padding-left:480px;}
.prepend-13 {padding-left:520px;}
.prepend-14 {padding-left:560px;}
.prepend-15 {padding-left:600px;}
.prepend-16 {padding-left:640px;}
.prepend-17 {padding-left:680px;}
.prepend-18 {padding-left:720px;}
.prepend-19 {padding-left:760px;}
.prepend-20 {padding-left:800px;}
.prepend-21 {padding-left:840px;}
.prepend-22 {padding-left:880px;}
.prepend-23 {padding-left:920px;}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.pull-1 {margin-left:-40px;}
.pull-2 {margin-left:-80px;}
.pull-3 {margin-left:-120px;}
.pull-4 {margin-left:-160px;}
.pull-5 {margin-left:-200px;}
.pull-6 {margin-left:-240px;}
.pull-7 {margin-left:-280px;}
.pull-8 {margin-left:-320px;}
.pull-9 {margin-left:-360px;}
.pull-10 {margin-left:-400px;}
.pull-11 {margin-left:-440px;}
.pull-12 {margin-left:-480px;}
.pull-13 {margin-left:-520px;}
.pull-14 {margin-left:-560px;}
.pull-15 {margin-left:-600px;}
.pull-16 {margin-left:-640px;}
.pull-17 {margin-left:-680px;}
.pull-18 {margin-left:-720px;}
.pull-19 {margin-left:-760px;}
.pull-20 {margin-left:-800px;}
.pull-21 {margin-left:-840px;}
.pull-22 {margin-left:-880px;}
.pull-23 {margin-left:-920px;}
.pull-24 {margin-left:-960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
.push-1 {margin:0 -40px 1.5em 40px;}
.push-2 {margin:0 -80px 1.5em 80px;}
.push-3 {margin:0 -120px 1.5em 120px;}
.push-4 {margin:0 -160px 1.5em 160px;}
.push-5 {margin:0 -200px 1.5em 200px;}
.push-6 {margin:0 -240px 1.5em 240px;}
.push-7 {margin:0 -280px 1.5em 280px;}
.push-8 {margin:0 -320px 1.5em 320px;}
.push-9 {margin:0 -360px 1.5em 360px;}
.push-10 {margin:0 -400px 1.5em 400px;}
.push-11 {margin:0 -440px 1.5em 440px;}
.push-12 {margin:0 -480px 1.5em 480px;}
.push-13 {margin:0 -520px 1.5em 520px;}
.push-14 {margin:0 -560px 1.5em 560px;}
.push-15 {margin:0 -600px 1.5em 600px;}
.push-16 {margin:0 -640px 1.5em 640px;}
.push-17 {margin:0 -680px 1.5em 680px;}
.push-18 {margin:0 -720px 1.5em 720px;}
.push-19 {margin:0 -760px 1.5em 760px;}
.push-20 {margin:0 -800px 1.5em 800px;}
.push-21 {margin:0 -840px 1.5em 840px;}
.push-22 {margin:0 -880px 1.5em 880px;}
.push-23 {margin:0 -920px 1.5em 920px;}
.push-24 {margin:0 -960px 1.5em 960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {/*background:#ddd;color:#ddd;*/clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {/*background:#fff;color:#fff;*/visibility:hidden;}
.clearfix:after, .bp:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .bp {display:block;}
.clear {clear:both;}

}

@media print {

/* print.css */
body {line-height:1.5;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;color:#000;background:none;font-size:10pt;}
.bp {background:none;}
hr {/*background:#ccc;color:#ccc;*/width:100%;height:2px;margin:2em 0;padding:0;border:none;}
hr.space {/*background:#fff;color:#fff;*/visibility:hidden;}
h1, h2, h3, h4, h5, h6 {clear: both; font-family:"Helvetica Neue", Arial, "Lucida Grande", sans-serif;}
code {font:.9em "Courier New", Monaco, Courier, monospace;}
a img {border:none;}
p img.top {margin-top:0;}
blockquote {margin:1.5em;padding:1em;font-style:italic;font-size:.9em;}
.small {font-size:.9em;}
.large {font-size:1.1em;}
.quiet {color:#999;}
.hide {display:none;}
a:link, a:visited {background:transparent;font-weight:700;text-decoration:underline;}
a:link:after, a:visited:after {content:" (" attr(href) ")";font-size:90%;}
  
}

@media all {
/******* JS classes */

/* misc classes to remember to use

.bonafide       is authenticated (used on doc container if authenticated)
.required       not a state; primarily used for non-js styling
.optional       not a state; primarily used for non-js styling
.mouseover      not a state; used for styling
.active         not a state; isActive; has focus and is presumably being edited

.not_ready      isNotReady; requisites not fulfilled           
.prompt         isPrombtable; no user input
.ready          isReady; has visitor input and is ready to submit

 */

/******* HTML elements */
html { }
body {
    background-color: #fff; /* DEFAULT */
    color: #2a2a2a; /* DEFAULT */
    
}
body, body * { font-family:	Arial,Helvetica,sans-serif; }

a {
    text-decoration: none;
    outline: none;
}
a:focus, a:hover {

}

hr { 
    height: 1px;
    background-color: #b3b3b3; /* DEFAULT */
}
    
label.required {
    font-weight: bold;
}
input, textarea {
    border: 1px solid #E6E8F4;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
}
input.button {
    display: inline-block;
    -moz-border-radius-bottomleft: 10px; 
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    position: relative;
    cursor: pointer;
}

.paginator {
    margin: 10px;
    padding: 1px 10px;
    text-align: center;
    font-size: 2em;
    -moz-border-radius-bottomleft: 30px; 
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-radius-topright: 30px;
    -webkit-border-top-right-radius: 30px;
}
.paginator a:hover, #paginator a:focus { color: inherit; }
.paginator .page_link {
    font-weight: bold;
}
.paginator .seek_link {
    font-size: 1.5em;
}

#noscript_message {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 5px 0 5px 50px;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    z-index: 1000;
}
#noscript_message_spacer { padding: 5px 0 5px 50px; font-size: 1.5em; font-weight: bold; }

#page_stats {
    color: #999;
}

h2.disagrees, li.disagrees, a.disagrees, span.disagrees {
    text-decoration: line-through;
}
h2.redacted, li.redacted , a.redacted, span.redacted {
    font-style: italic;
}
.disagree_redacted_label {
    font-family: Courier, monospace;
    font-weight: bold;
    /*text-shadow: 0px 2px 3px #555;*/
}

#tip_small_up, #tip_small_down { 
    display: none; 
    height: 33px; 
    width: 159px; 
    padding: 35px 22px 25px;
    background-repeat: no-repeat;
    font-size:  1.2em;
    line-height: 1em;
    font-weight: bold;
    text-align: center;
    color: #2a2a2a;
    z-index: 9999;
}
#tip_small_down { 
    padding: 25px 22px 35px;
}

/******* JS specific */
/* hide these things from non-JS browsers */
#show_specialty, #show_specialty_label { 
    display: none; 
}

/******* doc */
#doc {}

/*** hd */
#hd { border-bottom: 4px solid #666666; }

/*** MASTHEAD */
#masthead { }

#logo {
    position: absolute; 
    top: 10px; 
    left: 50%;
    margin-left: -475px;
    width: 181px;
    height: 258px;
    z-index: 9000;
}

#logo img {
    position:absolute; 
    top: 0; 
    left: 0;
}

#sidebar {
    position: relative; 
    top: 268px; 
    left: 0;
    width: 200px;
    color: #2a2a2a; /* DEFAULT */
    
}    
#sidebar > div {
    position:absolute; 
    top: 0; 
    left: 0;
}
#sidebar > div div.sub_nav { /* technically part of layout */
    margin: 2em 0 1.5em 0;
    width: 155px;
    padding: 10px 5px 20px;
    background-color: #fff; /* DEFAULT */
    border: 1px solid #E6E8F4;
    -moz-border-radius-bottomleft: 30px; 
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-radius-topright: 30px;
    -webkit-border-top-right-radius: 30px;
    overflow: hidden; /* want to hyphenate but will settle with this for now */
}
.sub_nav.list ul {
    margin-left: 0;
    margin-bottom: 1.5em;
    padding-left: 0;
    list-style: none;
}
.sub_nav.list li {
    margin: 0;
    padding-left: 6px;
    list-style: none;
    text-indent: -6px;

}
.sub_nav.list li:before { 
    content: "\00B7 \0020"; /* \2192 21B5 2192*/
}

#main_nav {
    float: right;
    width: 34em;
    margin-bottom: 25px;
    font-size: 1.2em;
    padding: 1px 20px 5px;
    -moz-border-radius-bottomleft: 30px; 
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-radius-topright: 30px;
    -webkit-border-top-right-radius: 30px;
}
#main_nav div { line-height: 0; padding: 0; margin: 0; display:block; height:0; clear:both; visibility:hidden; }
#main_nav a:hover, #main_nav a:focus { color: inherit; }
#main_nav ul {
    /*width: 330px;*/
    list-style-type: none;
    margin: 0 0 0 0; /*20px*/
    padding-left: 0;
    font-size: 1.1em;
}
/*
#main_nav ul#auth_stuff:after {
    content:"<br />\0020"; line-height: 0; padding: 0; margin: 0; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; 
}
*/
#main_nav li {
    display: inline;
    list-style-type: none;
    margin: 0 0 0 10px;
    padding: 0;
    text-align: right;
}

#main_nav li a.secondary { font-size: 0.6em; }

#chamber ul#auth_stuff {
    list-style-type: none;
    /*width: 300px;*/
    margin: 2px 0 0 25px;
    padding-left: 0;
    font-size: 0.9em;
}
#chamber ul#auth_stuff li {
    display: inline;
    list-style-type: none;
    margin: 0 10px 0 0;
    padding: 0;
}

#masthead_announce {
    display: none; 
    float: left;
    width: 450px;
    min-height: 75px;
    background: transparent url(/_themes/default/bg.masthead_announce.png) no-repeat left bottom;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
#masthead_announce div {
    margin: 5px 20px 45px 20px;
    cursor: pointer;
    font-family: 'Courier', mono;
}
    

/*** CHAMBER */
    /*** ACTION MESSAGES */
    #action_messages {
        margin: 20px 0 0;
        padding: 0;
        color: #000;
    }
    #action_messages:after {
        content: "<br />"; line-height: 0; height: 0; clear: both; visibility: hidden;
    }
    
    #action_messages .flash_message {
        margin: 20px 10px 0;
        padding: 20px 10px;
        background-color: #F5F5F5; /* DEFAULT */
        border: 1px solid #E6E8F4;
        -moz-border-radius-bottomleft: 50px; 
        -webkit-border-bottom-left-radius: 50px;
        -moz-border-radius-topright: 50px;
        -webkit-border-top-right-radius: 50px;
    }
    #action_messages .error_message {
        margin: 20px 10px 0;
        padding: 20px 10px;
        background-color: #dfde63; /* DEFAULT */ 
        border: 1px solid #cccc74;
        -moz-border-radius-bottomleft: 50px; 
        -webkit-border-bottom-left-radius: 50px;
        -moz-border-radius-topright: 50px;
        -webkit-border-top-right-radius: 50px;
    }
    #action_messages ul { 
        list-style: none;
    }
    #action_messages .flash_message ul li:before { 
        content: "\2211 \0020 \2192 \0020";
    }
    #action_messages .error_message ul li:before { 
        content: "\2205  \0020 \2192 \0020";
    }
     
    .close_chamber_button {
        float: right; 
        width: 200px; 
        margin-right: -25px;
        text-align: right;
    }
    
    /*** JS CHAMBER FORM STUFF */
        #signin_switch.active, #signup_switch.active {
            font-size: 1.2em;
            font-weight: bold;
        }
        #chamber #virtual_chamber, #chamber #judgment_form {
            /* NO JAVASCRIPT do not show the form */
            /*
            only need the virtual chamber showing if javascript is turned on OR the form has a problem
            class .force_open is added in PHP app to the #virtual_chamber and JS app opens it
            */
            display: none; 
        } 
        
         
        
    /*** COMMON CHAMBER FORMS */
        #chamber { }
        #chamber a { color: #f3f4d7 !important; }
        #chamber a:focus, #chamber a:hover { color: #fff !important; }
            
        #chamber #virtual_chamber, #chamber #virtual_courtroom {
            margin: 20px 10px;
            padding: 20px 10px 10px;
        }
        #virtual_chamber {
            background-color: #363636;
            -moz-border-radius-bottomleft: 50px; 
            -webkit-border-bottom-left-radius: 50px;
            -moz-border-radius-topright: 50px;
            -webkit-border-top-right-radius: 50px;
        }
        #chamber #virtual_courtroom { }
        
        .virtual_chamber_switch.bigger { font-size: 3em; line-height: 1em; margin-bottom: 0; }
        
        /* FIELDSETS */
        #chamber fieldset {
            margin: 0;
            padding: 0;
            border: none;
        }
        #chamber fieldset.optional {
            display: none; 
        }
        /* JUDGE FORM EXCEPTIONS */
        #judge_required_fields {
            float: left;
            width: 345px;
        }
        #judge_optional_fields {
            float: left;
            width: 345px;
        }
            #judge_optional_fields div {
                margin-left: 20px; /* would not work on the fieldset */
            }
        #judge_form dl dt {
           clear: both;
           float: left;
           width: 95px;
           margin: 0.5em 5px 0.5em 0;
           padding-top: 5px;
           text-align: right;
        }
        #judge_form dd {
           float:left;
           width: 210px;
           margin: 0;
        }
        
        /* JUDGMENT FORM EXCEPTIONS */
        fieldset#evidence_fields, fieldset#remedy_fields {
            width: 350px;
            float: left;
            margin-bottom: 2em;
        }
        fieldset#action_fields {
            width: 325px;
            float: right;
            margin-bottom: 2em;
            margin-left: 20px;
        }
        
        /* FIELDS */
        /* Set common font sizes and input dimensions */
        #judgment_form .common_size {
            line-height: 22px;
            font-size: 18px;
        }
        #judgment_form input .common_size, #judgment_form label .common_size {
            height: 22px;
        }
        #judge_form .common_size {
            line-height: 19px;
            font-size: 15px;
        }
        #judge_form input .common_size, #judge_form label .common_size {
            height: 19px;
        }
        #judge_form dl dt, #judgment_form dl dt {
            font-weight: normal;
        }
        #judgment_form .common_size, #judge_form .common_size { 
            padding: 5px;
            margin: 0.5em 0;
        }
        #chamber #judge_form input.common_size, #chamber #judge_form textarea.common_size,
        #chamber #judgment_form input.common_size, #chamber #judgment_form textarea.common_size {
            background-color: #595959;
            border: 1px solid #1f1f1f;
        }
        
                            /*
                            #judgment_form input, #judgment_form textarea, #judgment_form label, #judgment_form dl dt {
                                line-height: 22px;
                                font-size: 18px;
                            }
                            #judge_form input, #judge_form textarea, #judge_form label, #judge_form dl dt {
                                line-height: 19px;
                                font-size: 15px;
                            }
                            
                            #judge_form label, input#display_name, input#hobby, input#specialty, input#website, input#twitter_name, #judge_form textarea {
                                height: 19px;
                            }
                            */
        
                    /*
                    #judgment_form label, #judgment_form input, #judgment_form textarea, #judge_form label, #judge_form input, #judge_form textarea {
                        font-family: Arial,Helvetica,sans-serif;
                        padding: 5px;
                        margin: 0.5em 0;
                    }
                    */
        
                        /*
                        #judge_form input, #judge_form textarea, #judgment_form input, #judgment_form textarea {
                            background-color: #595959;
                            border: 1px solid #1f1f1f;
                        }
                        */        
        #judge_form input.button, #judgment_form input.button { 
            padding: 10px;
            font-size: 18px; 
            background-color: #f3f4d7; 
            color: #2a2a2a; /* DEFAULT */
            -moz-border-radius-bottomleft: 10px; 
            -webkit-border-bottom-left-radius: 10px;
            -moz-border-radius-topright: 10px;
            -webkit-border-top-right-radius: 10px;
        }
        
        /* JUDGE FORM EXCEPTIONS */
        input#hobby { padding-bottom: 0px; }
        input#show_specialty, input#change_specialty { margin: 0; padding: 0; }
        
        #judge_form .common_size { width: 210px; }
        #chamber #judge_form .common_size { color: #F3F4D7; }
        
        #judge_form textarea#about {
            width: 210px;
            height: 57px;
        }
        
        #judge_form .action {
            margin-top: 25px;
            margin-right: 20px;
            text-align: right;
        }
        
                            /*
                            input#display_name, input#hobby, input#specialty, input#website, input#twitter_name, #judge_form textarea, input.clone {
                                width: 210px;
                                color: #F3F4D7;
                            }
                            */
        /* JUDGMENT FORM EXCEPTIONS */
        
                    
                                /*
                                #judgment_form label, input#judge, input#target, input#verdict, input#emotion, textarea#evidence, textarea#remedy,  {
                                    height: 22px;
                                }
                                */
        textarea#evidence, textarea#remedy {
            width: 345px;
            height: 44px;
        }
        
        input.hasDefaultValue, textarea.hasDefaultValue {
            color: inherit;
            /*keep border though?*/
        }
        #chamber input.ready, #chamber textarea.ready, #chamber label.ready {
            background: transparent none;
            /*color: inherit;*/
            color: #f3f4d7;
            /*keep border though?*/
        }
        #chamber input.prompt, #chamber input.not_ready, #chamber textarea.prompt, #chamber textarea.not_ready {
            background: #595959 none; /* ffb *//* needs to be set to the default state so it doesn't change color while they are typing
            /*keep border though?*/
            color: inherit;
        }
        #chamber input.active, #chamber textarea.active {
            background: #eee none; /* needs to be set to the default state so it doesn't change color while they are typing
            /*keep border though?*/
        }
        
        #judgment_form label.quiet, #judgment_form span.quiet { color: #454545; font-size: 1.2em; }
        
        
        
/*** bd */
#bd {}
/*** LAYOUT */
div#layout { }
    /*** CONTENT */
    #content {
        padding: 0;
    }
    #next_previous_main {
        float: left; 
        width: 150px;
        margin: 5px 0 0 39px;
    }
    
    /*** CONTENT */
    .content {
        margin: 0 10px 0 39px;
        padding: 10px 0;
    }
    .content_sidebar {
        float: right;
        width: 200px;
        margin-left: 20px;
        margin-bottom: 1.5em;
        padding: 20px;
        background-color: #f5f5f5; /* same as hd */
        border: 1px solid #e6e8f4; /* same as hd */
        -moz-border-radius-bottomleft: 30px; 
        -webkit-border-bottom-left-radius: 30px;
        -moz-border-radius-topright: 30px;
        -webkit-border-top-right-radius: 30px;
    }
    .section_nav { /* currently used for show all/popular sub nav from indexes/alls */
        float: right;
    }
    div.header h1, div.header h2 {
        margin-top: 0;
        margin-bottom: 0;
    }
        
    /*** LIST */
    .judgments_list {
        
    }
    .judgment_in_list h2, .concept_in_grid h2 {
        margin-top: 0.7em;
        margin-bottom: 0;
        line-height: 1em;
    }
    .judgment_in_list h3, .concept_in_grid h3 {
        margin-top: 0;
    }
    
    /*** COLUMNS/GRID */
    /* columns grid sizes:
        3 columns
            1 column across = 215 + 10 + 10 + 10 * 3 || 215/235 content & 245 total box
            2 column across = 245 + 215 + 10 + 10 + 10 = 460/480 content & 490 total box 
            3 column across = 490 + 215 + 10 + 10 + 10 = 705/725 content & 735 total box
    */
    /*** COMMON */
    #columns, #comments {
        margin-bottom: 3em;
    }
    
    .columns {
        width: auto;
        margin: 0 0 2em 30px;
        padding: 0;
    }
    .columns.in_grid_2 .block { width: 368px; }
    .columns.in_grid_2 .two { width: 748px; }
    .columns.in_grid_3 .block { width: 240px; }/* = every block && 1 block, for more ADD a number class */
    .columns.in_grid_3 .two { width: 490px; }
    .columns.in_grid_3 .three { width: 740px; }
    .columns .block {
        float: left;
        margin: 0 10px 10px 0;
        -moz-border-radius: 3px; 
        -webkit-border-radius: 3px;
    }
    /*** SPECIFIC */
    /*** .block, [two][three], concept, content, pickle5; MODIFIERS: mouseover */
    .columns .concept, .columns .content {
        background-color: #f5f5f5;
        border: 1px solid #e6e8f4;
    }
    .columns .concept.mouseover, .columns .content.mouseover {
        background-color: #e6e8f4;
    }
    .columns .concept .concept_1, .columns .concept .concept_nest, .columns .content .content_nest {
        margin: 5px 5px 0;
        padding: 5px 5px 10px;
        border: 1px solid transparent; /* fucks up IE6 but fuck those people */
        -moz-border-radius: 5px; 
        -webkit-border-radius: 5px;
        overflow: hidden; /* want to hyphenate but will settle with this for now */
    }
    .columns .concept .concept_1.mouseover {
        background-color: #e4e6f2; /* just darker than containing bg mouseover color*/
        /*border: 1px solid #dddfeb;*/
    }
    .columns .concept .concept_2 {
        margin-bottom: 0;
        font-size: 1.2em; /*assuming this is only text in all cases*/
    }

    .columns .pickle5 { }
    .columns .pickle5.mouseover { }
    .columns .pickle5 .pickle5_notice {
        margin: 10px;
        text-align: center; font-weight: bold; 
    }
    
    .columns .block h2 {
        margin: 0.75em 0 0.5em 0;
        line-height: 1em;
    }
    .columns .block h3 {
        margin: 0.75em 0 0.5em 0;
    }
    .columns .block em {
        font-size: 0.8em; /*undoing some of the size we put on concept_2*/
    }
    div.show_all {
        visibility: visible;
        margin: 1.5em 0 0;
        padding: 5px;
        background-color: #dfe1ed;
        -moz-border-radius: 5px; 
        -webkit-border-radius: 5px;
        text-align: right;
    }
    div.show_all form {
        display: inline;
    }
    div.show_all form input.button {
        border: none;
    }
    
    .columns .nav {
        background-color: transparent;
        border: none;
    }
    
    #comments .block  {
        
    }
    #comments .block hr {
        margin-bottom: 5px;
        background-color: #dfe1ed;
    }
    #comments .block .comment_footer {
        margin-top: 0;
        text-align: right;
        /*background-color: #dfe1ed;*/
    }
    
    #comment_new {
        min-height: 150px;
    }
    #comment_comment {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        height: 48px;
    }
    #comment_form .action {
        margin-top: 0;
        margin-right: 0;
        text-align: right;
    }
    
    #comment_form input.button { 
        margin-top: 20px;
        padding: 5px;
        font-size: 18px; 
    }
    
    
    /*** PAGE layouts */
    #accord_summary .block {
        margin-bottom: 5em;
    }
        
    /*** ADMIN layout */
    table.admin_list_table td {
        border-bottom: 1px solid #eee;
    }
            
/*** FT */
#ft { 
    clear: both;
    width: 950px;
    margin: 5em auto 3em auto;
    /*padding: 10px 10px 10px 150px;*/
    text-align: center;
} 

/******* SPRITES */
.icon_16 {
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    line-height: 16px;
    background: transparent url(/_themes/default/icon-sprite-16x16.png) no-repeat 16px 16px;
    display: inline-block;
}
.icon_16 span { display: none; visibility: hidden; /*only show if no-css or mobile*/ }
.icon_16 a { display: block; width: 16px; height: 16px; }

.icon_16.arrow_up {
    background-position: 0 0;
}
/* reserved .arrow_up_right -16px 0 */
.icon_16.arrow_right {
    background-position: -32px 0;
}
.icon_16.arrow_down_right {
    background-position: -48px 0;
}
.icon_16.arrow_down {
    background-position: -64px 0;
}
/* more arrows to do  -64px 0  -80px 0   -96px 0  -112px 0  -128px 0   -144px 0    -160 0 */
/* reserved ROW */

.icon_16.comment_dots {
    background-position: 0 -32px;
}
.icon_16.comment_plain {
    background-position: -16px -32px;
}
.icon_16.comment_write {
    background-position: -32px -32px;
}
/* reserved */
/* remainder rows are empty */
.icon_16.thumbs_up {
    background-position: 0 -64px;
}
.icon_16.thumbs_down {
    background-position: -16px -64px;
}
.icon_16.thumbs_up:hover {
    background-position: 0 -80px;
}
.icon_16.thumbs_down:hover {
    background-position: -16px -80px;
}

.icon_32 {
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    line-height: 32px;
    background: transparent url(/_themes/default/icon-sprite-32x32.png) no-repeat 32px 32px;
    display: inline-block;
}
.icon_32 span { display: none; visibility: hidden; /*only show if no-css or mobile*/ }
.icon_32 a { display: block; width: 32px; height: 32px; }

.icon_32.arrow_up {
    background-position: 0 0;
}
/* reserved .arrow_up_right -32px 0 */
.icon_32.arrow_right {
    background-position: -32px 0;
}
.icon_32.arrow_down_right {
    background-position: -64px 0;
}
.icon_32.arrow_down {
    background-position: -96px 0;
}
/* more arrows to do  -128px 0  -160px 0    */
/* reserved ROW */

.icon_32.comment_dots {
    background-position: 0 -64px;
}
.icon_32.comment_plain {
    background-position: -32px -64px;
}
.icon_32.comment_write {
    background-position: -64px -64px;
}
/* reserved */
/* remainder rows are empty */
.icon_32.thumbs_up {
    background-position: 0 -128px;
}
.icon_32.thumbs_down {
    background-position: -32px -128px;
}
.icon_32.thumbs_accord {
    background-position: -64px -128px;
}
.icon_32.thumbs_up:hover {
    background-position: 0 -160px;
}
.icon_32.thumbs_down:hover {
    background-position: -32px -160px;
}
.icon_32.thumbs_accord:hover {
    background-position: -64px -160px;
}
    
/******* AUTOCOMPLETE */
.ac_results {
    padding: 0px;
    border: 1px solid black;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    /* 
    if width will be 100% horizontal scrollbar will apear 
    when scroll mode will be used
    */
    /*width: 100%;*/
    font: menu;
    font-size: 14px;
    /* 
    it is very important, if line-height not setted or setted 
    in relative units scroll will be broken in firefox
    */
    line-height: 18px;
    overflow: hidden;
}

.ac_loading {
    background: #2a2a2a url(/_themes/default/throbber.gif) right center no-repeat;
}

.ac_odd {
    background-color: #eee;
}


/******* TAG CLOUD */
/*the following are how each of the classes generated by the PHP are presented to the user 
through CSS, just increasing the text a little each time*/
div.tag_cloud {
    margin-bottom: 1.5em;
    font-size: 1.3em;
    line-height: 1.6em;
    
}
div.tag_cloud a {
    text-decoration:	none;
    margin-right: 0.5em;
}

a.cloud-10 { font-size: 1.2em; }
a.cloud-20 { font-size: 1.4em; }
a.cloud-30 { font-size: 1.6em; }
a.cloud-40 { font-size: 1.8em; }
a.cloud-50 { font-size: 2em; }
a.cloud-60 { font-size: 2.2em; }
a.cloud-70 { font-size: 2.4em; }
a.cloud-80 { font-size: 2.6em; }
a.cloud-90 { font-size: 2.8em; }
a.cloud-100 { font-size: 3em; }

/***** MODIFIER CLASSES */
.no_wrap { white-space: nowrap; }
.for_next { /* like a caption or label for next element */ 
    clear: both;
    margin-bottom: 0; 
    text-align: right;
    }
.fine_print { font-size: 0.9em !important; }

.more { } /* primarily used for links to more or formatting hidden more content */

.inline { display: inline; }
.radiused {
    -moz-border-radius-bottomleft:30px;
    -moz-border-radius-topright:30px;
}
/*

*/

} /* END @media screen, projection, handheld, print  */