/* BASIC PAGE DESIGN.
 * OVERRIDING BASIC ELEMENTS
 */
body {
    font-family: Georgia, Verdana, arial, helvetica, sans-serif;
    background-image: url('/images/grad_blue_black_768.png');
    background-position: top center;
    background-repeat: repeat-x;
    background-color: #000;
    color: #FFF;
}
a {
    text-decoration: underline;
}
a:link {
    color: #5051A2;
}
a:visited {
    color: #5051A2;
}
a:hover {
    color: #7071A2;
}
a:active {
}
input {
    font-size: 10px;
}
.txt_input {
    border: 1px solid #777777;
    background-color: #FFFFFF;
    padding: 2px;
}
.debit {
    border: 1px solid #990000;
    background-color: #FFDDDD;
    color: #990000;
}
.credit {
    border: 1px solid #009900;
    background-color: #DDFFDD;
    color: #009900;
}



/* OUTER PAGE SECTION.
 * AREA OUTSIDE OF THE MAIN TABSET
outer-page
 */
.outer-heading {
    color: #000000;
    font-size: 24px;
    font-style: normal;
    text-decoration: none;
}

.outer-subheading {
    color: #000000;
    font-size: 16px;
    text-decoration: none;
}

.outer-message {
    color: #000000;
    font-size: 14px;
    font-style: italic;
    text-decoration: none;
}

.outer-warning {
    background-color: #F0F099;
    color: #000000;
    font-weight: bold;
}

.outer-error {
    background-color: #880000;
    color: #FFFFFF;
    font-weight: bold;
}

.outer-footnote {
    float: right;
    color: #AAAAAA;
    font-style: italic;
    font-size: 10px;
}

ul.flaps {
    padding:1px;
    margin:0px;
    border-bottom: 1px solid #767676;
}

ul.flaps li {
    font-size: 14px;
    display:inline; 
    list-style:none;
    vertical-align: bottom;  
    margin:0px;
}

ul.flaps li.flap  {
    padding: 0px 10px 1px 10px; 
    vertical-align: bottom;
    background-color: #ffffff;
    color: #888888;
    font-weight: normal;
    text-align:center;  
    margin-right: 2px; 
    margin-top: 1px;
    margin-bottom: 1px;
    cursor: default;  
    border-bottom: 1px solid #888888; 
    border-top: 1px solid #767676; 
    border-left: 1px solid #767676; 
    border-right: 1px solid #767676; 
}

ul.flaps li.selected {
    /* background-color: #303132; */
    background-color: #D96100; 
    color: #FFFFFF;
    font-weight: bold;
    margin-bottom: 0px;
    border-top: 1px solid #767676; 
    border-left: 1px solid #767676; 
    border-right: 1px solid #767676; 
    /* border-bottom: 2px solid #303132; */
    border-bottom: 2px solid #D96100;
}

ul.flaps li.selected a, ul.flaps li.selected a:visited {
    color: #FFFFFF;
}

ul.flaps li.hover, ul.flaps li.hover a {
    background-color: #BBBBBB; 
    color: #000000;
}

a.removelink, a:hover.removelink, a:visited.removelink {
    text-decoration:none;
    color: black;
}

/* INNER PAGE SECTION.
 * AREA INSIDE AND INCLUDINE THE TABSET
 *
inner-page
inner-warning
inner-error
inner-attention
inner-codeblock
inner-selected-tab
inner-unselected-tab
 */
.inner-heading {
    color: #000000;
    font-size: 20px;
    font-style: normal;
    text-decoration: none;
    text-align:center;
}
.inner-subheading {
    color: #000000;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 18px;
    font-style: normal;
    text-decoration: none;
    width:100%;
    border-bottom: 1px solid #000000;
    float:left;
    text-align:left;
}
.inner-footnote {
    float:right;
    font-style: italic;
    font-size: 10px;
}
.inner-block {
    display:inline;
    margin: 20px;
    padding: 1px;
    color: #333333;
    font-weight: normal;
}
.inner-highlighted {
    text-align:center;
    border: 1px solid #506070;
    background-color: #C0D0E0;
    color: #506070;
    padding: 5px;
}
.inner-message {
    background-image: url('/images/grad_green_green_100.png');
    background-position: top center;
    background-repeat: repeat;
    font-size: 14px;
    text-align: left;
    padding: 5px;
    background-color: #DFE7FF;
    color: #767676;
    border: 1px solid #767676;
    margin: 5px 1px 10px 1px;
}
.inner-help {
    background-image: url('/images/grad_palegreen_yellow_100.png');
    background-position: top center;
    background-repeat: repeat-x;
    font-size: 16px;
    text-align: left;
    padding: 5px;
    background-color: #FFF933;
    color: #000000;
    border: 1px solid #000000;
}


/* TAB SPECIFIC SECTION
 * AREA INSIDE THE TABSET, USUALLY ONLY
 * FOR ONE TAB EACH
 */
div.grab_left {
    padding: 2px;
    background-color: white;
    border: 1px solid #ff0000;
}
div.grab_right {
    padding: 2px;
    background-color: white;
    border: 1px solid #ff0000;
}
.no_grab_match {
    padding: 2px;
    background-color: #BF6260;
    font-weight:bold;
    color: #000000;
    border: 1px solid #ff0000;
}
div.grab_hover {
    padding: 2px;
    background-color: #FFFF88;
    border: 1px solid #AAAA55;
    cursor: pointer;
}
span.image_label {
    background-color: #ffffff;
    color: #000000;
    font-style: italic;
    padding: 2px;
    margin: 2px;
}


/* EXTRANEOUS PAGE SECTIONS.
 * FLOATING DIV'S AND AREAS OUTSIDE 
 * OF NORMAL SCOPE
dialog-control
dialog-frame
dialog-inner
dialog-button
 */




div.hole {
    vertical-align: top;
    text-align: center;
    margin: 5px;
    padding: 10px;
    background-color: #FFFFFF; 
    border-top: 2px solid #767676; 
    border-left: 1px solid #767676; 
    border-right: 1px solid #767676; 
    border-bottom: 1px solid #767676; 
}

div.hole a, div.hole a:visited {
    color: #808182;
}
div.hole a:hover {
    color: #808182;
}

div.content_section {
    background-image: url('/images/grad_white_orange_600.png');
    background-position: top center;
    background-repeat: repeat-x;
    vertical-align: top;
    margin-top: 0px;
    padding: 15px;
    /* background-color: #303132; */
    background-color: #D96100; 
    color: #000000;
    border-bottom: 1px solid #767676; 
    border-left: 1px solid #767676; 
    border-right: 1px solid #767676; 
}

#content #testlist { 
    list-style-type:none;
    margin:0;
    padding:0;
}
#content #testlist li {
   width:200px;
   font:13px Verdana;
   margin:0;
   margin-left:20px;
   padding-left:20px;
   padding:4px;
   cursor:move;
}
div.dropmarker {
   height:1px;
   width:100px;
   background-color: #FF00FF;
   margin-top:3px;
   margin-left:5px;
   z-index:1000;
   overflow: hidden;
}
div.listitem {
   font-weight:bold;
}
.mobile {
   cursor:move;
}
#handle {
   font-weight:normal;
   font-style:italic;
   font-size:80%;
}
div.codeblock {
   font-family: verdana,arial,helvetica,sans-serif;
   font-size:12px;
   background-color: #DDCCCC;
   padding: 6px;
   border: 1px dotted #444444;
}
div.hblock {
   font-size: 12px;
   font-family: verdana,arial,helvetica,sans-serif;
   background-color: #BF9AE5;
   padding: 10px;
   border: 1px solid #7F5AA5;
}
.clickable {
   cursor:default;
   cursor:pointer;
}
.jslink {
   cursor:default;
   cursor:pointer;
   border:1px dotted #555555;
}
td.p90 {
    text-align: center;
    font-size: 10px;
}
th.p90 {
    text-align: center;
}
div.p90 {

}
table.p90 {
    background-color: #ffffff;
    border: 1px solid #000000;
}
div.content_section {
}
td.calc {
    padding: 1px;
    margin: 0px;
    background-color: #ffffff;
    color: #000000;
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 12px;
    text-align: right;
    white-space:nowrap;
}
select.edit_p90 {
    border:1px solid #777777;
    font-size: 10px;
    padding: 2px;
    text-align:left;
}
tr.table_color_alt {
    background-color:#FFFF99;
}
tr.table_color {
    background-color:#FFFFFF;
}
td.table_data {
    padding-top:3px; 
    padding-bottom:5px; 
    padding-right:10px;
    font-size: 10px;
    text-align: center;
    border-bottom:1px solid #999999;
}
th.table_data {
    padding-top:3px; 
    border-bottom:1px solid black;
    padding-bottom:5px; 
    padding-right:10px;
    font-size: 10px;
    text-align: center;
}
span.info {
    background-color: #FFAAAA;
    color: #000000;
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 10px;
    padding:2px;
}
div.display_section {
    border:1px solid black;
    padding: 7px;
    text-align: center;
    vertical-align: top;
}
div.small_gallery_image {
    font-size: 12px;
    font-style: italic;
    text-align:center;
    padding: 5px;
    margin: 2px;
    border-bottom: 2px solid #0A2063;
    border-right: 1px solid #0A2063;
    background-color: #5A70B3;
}
div.page_control_section {
    font-size: 10px;
    border:1px solid #000000;
    background-color: #ffffff;
    color: #CCCCCC;
    cursor:default;
    margin-left: 5px;
    text-align:center;
    float:left;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
}
div.page_num {
    font-size: 10px;
    border:1px solid #000000;
    background-color: #ffffff;
    color: #CCCCCC;
    cursor:default;
    margin-left: 5px;
    text-align:center;
    float:left;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
}
div.selected {
    background-color: #3399FF;
}
div.hover {
    background-color: #FFFF55;
    color: #000000;
    cursor:default;
}
div.disabled {
    font-size: 10px;
    border:1px solid #999999;
    background-color: #CCCCCC;
    color: #999999;
    cursor:default;
    margin-left: 5px;
    text-align:center;
    float:left;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
}
div.gallery_image_zoomed {
    float:left;
    margin:10px;
    padding: 7px;
    border-bottom:2px solid #444444;
    border-right:2px solid #444444;
    background-color: #000000;
    color: #ffffff;
}
div.entry_fields {
    border: 1px solid #528040;
    background-color: #93E673;
    color: #528040;
    padding: 2px;
    margin: 3px;
}
span.grab_message {
    border: 1px solid black;
    background-color: white;
    color: black;
    padding: 2px;
    margin: 2px;
    font-weight: bold;
    font-size: 12px;
    font-family: verdana,arial,helvetica,sans-serif;
    list-style: none;
}
input.entry_fields {
    border: 1px solid #FF3300;
    background-color: #FF9980;
    color: #B32400;
}
select.entry_fields {
    border: 1px solid #FF3300;
    background-color: #FF9980;
    color: #B32400;
}
div.participants {
    border: 1px solid #528040;
    background-color: #93E673;
    color: #528040;
    float:left;
    padding: 5px;
    margin: 3px;
}
div.children {
    border: 1px solid #528040;
    background-color: #93E673;
    color: #528040;
    float:left;
    padding: 5px;
    margin: 3px;
}
span.grab_section_title {
    font-weight: bold;
    font-size: 18px;
    font-family: verdana,arial,helvetica,sans-serif;
    color: #528040;
}
li.grab_person {
    padding: 2px;
    margin: 2px;
    font-size: 12px;
    font-family: verdana,arial,helvetica,sans-serif;
    list-style: none;
}
li.active {
    background-color: #FF9980;
    border: 1px solid #FF3300;
    color: #B32400;
}
li.inactive {
    background-color:#CCCCCC;
    border:1px solid #999999;
    color: #999999;
}
div.excluded {
    border: 1px solid #FF3300;
    background-color: #FF9980;
    color: #B32400;
    float:left;
    padding: 5px;
    margin: 3px;
}
span.grab_section_title_excluded {
    font-weight: bold;
    font-size: 18px;
    font-family: verdana,arial,helvetica,sans-serif;
    color: #B32400;
}
li.grab_person_excluded {
    border: 1px solid #528040;
    background-color: #93E673;
    color: #528040;
    padding: 2px;
    margin: 2px;
    font-size:12px;
    font-family: verdana,arial,helvetica,sans-serif;
    list-style: none;
}
div.quote_text {
    font-size:70%;
    font-style:italic;
    width:200px;
}

/* darkcloud 2 page */
#part {
    border:1px solid #555555;
}
div.row {
    padding-bottom: 1px;
    clear:both;
    width: 640px;
    height: 15px;
}
div.header {
    font-weight:bold;
    text-align: center;
    background-color: #99ccff;
}
div.cellsmall{   
    background-color: #ffffff;
    color: #000000;
    padding: 1px;
    margin: 1px;
    float:left;
    border: 1px solid #555555;
    width:80px;
    white-space:nowrap;
    text-align:center;
}
div.cell{
    background-color: #ffffff;
    color: #000000;
    padding: 1px;
    margin: 1px;
    float:left;
    border: 1px solid #555555;
    width:130px;
    white-space:nowrap;
    text-align:center;
}
div.hover {
    cursor:hand;
    cursor:pointer;
    background-color:#CCCC99;
}
div.selected {
    color:#990000;
}
div.row_hover {
    cursor:hand;
    cursor:pointer;
    background-color:#FFAAAA;
}
div.row_selected {
    color:#ffffff;
    background-color:#3344AA;
}
span.highlight {
    background-color:#88FFAA;
}
.hidden {
    display:none;
    visibility:hidden;
}
.note {
    font-size:70%;
    font-style:italic;
}
.hflaps {
    text-align:right;
    padding:0px;
    margin:0px;
    vertical-align:top;
    white-space:nowrap;
}
.hflaps_filler {
    border-right: 1px solid #FFFFF;
}
.hflap {
    list-style:none;
    border-top: 1px solid #000000;
    border-right: 2px solid #555555;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    background-color: #666666;
    color: #aaaaaa;
    padding: 5px;
    margin: 3px 0px 0px 3px;
}
li.hover {
    background-color: #666644;
    border-right:2px solid #555533;
}
.hflap_selected {
    background-color: #AAAA88;
    color: #333333;
    border-top: 1px solid #FFFFFF;
    border-right: 2px solid #AAAA88;
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    font-weight: bold;
}
.gallery_contents {
    padding: 10px 2px; 10px 2px;
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-color: #FFFFFF;
    background-color: #AAAA88;
}
.gthumb {
}
.float {
    float:left;
    margin: 5px;
}
.highlight {
    background-color: #FFFFBB !important;
    color: #000000 !important;
}
.gradient {
    background-image:url('/images/orange_gradient_600.png');
    background-position: top center;
    background-repeat: repeat-x;
    background-color: #AA3;
    border:3px double #fff;
    height:300px;
    margin-top:100px;
    margin-left:auto;
    margin-right:auto;
    padding:0px;
    width:800px;
}   
.gradient IMG {
    display:block;
    width:105px;
    height:170px;
    margin-top:40px;
    margin-left:auto;
    margin-right:auto;
}

.notify {
    margin:8px;
    float:left;
}