/* 
    Document   : default
    Created on : Mar 2, 2009, 8:53:51 PM
    Author     : patchinko
    Description:
        Purpose of the stylesheet follows.
*/

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
    font-size:          75%;
    color:              #b5b8ba;
    background:         #0d0d0d;
    font-family:        Helvetica, Arial, sans-serif;
}

/* Layers
---------------------------------------------------------------*/
#container  { background-color: #1c1c1c; }
#container #utilities-bar {
    background-color:   #353433;
    border-bottom:      #777 solid 7px;
}
#container #footer { background-color: #353433; }

#navigation-bar div { margin-bottom: 1px; }
#navigation-bar div#first { margin-top: 3px; }
#navigation-bar .fg-button {
    text-align:         left;
    width:              200px;
}

#photo {
    height:             304px;
    float:              right;
}
#photo.img-1 {
    background: url(/img/banner/1.jpg) transparent;
}
#photo.img-2 {
    background: url(/img/banner/2.jpg) transparent;
}
#photo.img-3 {
    background: url(/img/banner/3.jpg) transparent;
}
#photo.img-4 {
    background: url(/img/banner/4.jpg) transparent;
}

#arc {
    height:             53px;
    z-index:            999;
    margin-top:         -45px;
    position:           relative;
}

#home-franchise-box, #home-ranking-box { margin-right: 30px; }
#home-library-box .box { height: 162px; }
#home-ranking-box .box { height: 162px; }

/* Override blueprint framework
---------------------------------------------------------------*/
.span-10-5 { width: 415px; float: left;}

.box {
    background-color:   #0d0d0d;
}
hr.space {
    background:         #1c1c1c;
    color:              #1c1c1c;
}
hr.hidden {
    background:         #0d0d0d;
    color:              #0d0d0d;
}
hr {
    background:         #2d2d2d;
    color:              #2d2d2d;
}

/* Breadcrumbs
---------------------------------------------------------------*/
.breadcrumb {
    float:              right;
}

/* Tables
---------------------------------------------------------------*/
tr.odd      { background: #1c1c1c; }

#projects-grid tbody tr td { height: 3em; }
#projects-grid thead th.header { width: 1px; overflow: hidden; }
#projects-grid thead th.header a { margin-right : 0px; }
#projects-grid tbody td { padding-right : 3px; padding-left: 3px; }


/* Links
---------------------------------------------------------------*/
a.link {
    color:              #F59300;
    text-decoration:    none;
    cursor:             pointer;
    font-weight:        bold;
}
a.link:hover {
    color:              #ffffff;
    text-decoration:    none;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { 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;
}

/* Text elements
-------------------------------------------------------------- */

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; }

p.description {  font-size: .8em; margin-bottom: 0em; line-height: 1.875em; }

/* Form Descrition, used for align submit buttons */

label { color : #fff; }
.project-element { background: #1c1c1c; padding: .5em; margin-bottom: .5em; }

/* few helpers */
.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; }
.big        { font-size: 1.2em; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }

.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.green      { color: #89b96c; }
.white      { color: #fff; }

.justify    { text-align: justify; }
.right      { text-align: right; }
.center     { text-align: center; }

.index-label { line-height: 3.0em; /* font-weight: bold; */ }
.index-value { font-size: 2em; margin-bottom: 0.75em; }
/* by me */

.ui-slider {margin: 40px;}
.ui-slider-scale { margin:-20px;}

/* form elements
---------------------------------------------------------------*/
.form-element {
    margin: 0 0 .5em;
}

div.error { color: #8a1f11; font-weight: bold; }

input, textarea, select {
    background:     #353433;
    color:          #b5b8ba;
    border:         1px solid #b5b8ba;
    outline: #89b96c;
}

select { margin-bottom: .5em; }
select.pagesize { background: #1d1d1d; border: 1px solid #89b96c; }

input {
    height: 18px;
    width:  150px;
    padding-top: 6px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1em;
}

input.checkbox, input[type=checkbox], input[type=radio], input.radio {
    background: transparent;
    color: #b5b8ba;
    border: none;
    outline: #89b96c;
    width: auto;
    height: auto;
    padding-top: 6px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1em;
}

input.pagedisplay { width: 2em; text-align: right; font-weight: bold; ;color: #0d0d0d; background: #89b96c; border: 1px solid #89b96c; }
input.value { width: 5em; text-align: right; }
input#investment { text-align: right; }
input.margin-bottom { margin-bottom: .5em; }

input.notValid { background: #fbe3e4; color: #8a1f11; border: 1px solid #fbc2c4; }
input.readOnly { background: #0d0d0d; border: 1px solid #0d0d0d; }

textarea {
    margin-bottom:  .5em;
    width:          300px;
    height:         200px; 
    padding :       5px;
}
textarea.wide {
    width:          350px;
    height:         200px;
}

ul#info-list {
    margin-left: 3em;
    list-style-type: none;
}

td.max-padding { padding-left: 0.5em; }
td.min-padding { padding-left: 0.15em; }
td.enum { width: 18px; }

table#project-cash-flow td { padding: 0.5em; }
table#project-cash-flow th { padding: 0.5em; }

table#project-npv-profile td { padding: 0.5em; }
table#project-npv-profile th { padding: 0.5em; }

/* button like google .fg-button padding: 0.2em .8em; original .4em 1em*/
.form-button a.fg-button { float: right; }

.fg-button { outline: 0; margin:0 4px 0px 0; padding: 0.4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center center; zoom: 1;}
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }

a.fg-button { float:left; overflow: hidden; } /* overflow hidden para ie */

/* remove extra button width in IE */
button.fg-button { width:auto; overflow:visible; font-weight: bold; } /* FIX SAFARI height: 25px;} */

.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }

.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; } /* solo icon buttons must have block properties for the text-indent to work */

.fg-buttonset { float:left; }
.fg-buttonset .fg-button { float: left; }
.fg-buttonset-single .fg-button,
.fg-buttonset-multi .fg-button { margin-right: -1px;}

.fg-toolbar { padding: .5em; margin: 0; }
.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
.fg-toolbar .fg-button { font-size: 1em; }

/* reCaptcha */
 #recaptcha_response_field {
    background:     #353433;
    color:          #b5b8ba;
    border:         1px solid #b5b8ba;
    font-size:      .8em !important;
}
div.recaptcha_input_area {
    /* background: white !important; */
}
label.recaptcha_input_area_text span#recaptcha_instructions_error { color: #8a1f11 !important; font-weight: bold !important; }