/*  More Framework
    https://bitbucket.org/italomaia/more-framework
    by Italo Maia

    License: http://creativecommons.org/licenses/MIT/

    Coding style:
    * http://drupal.org/node/302199
    * http://www.phpied.com/css-coding-conventions/

    See also:
    * http://lessframework.com/
    * http://css-tricks.com/
    * http://cssglobe.com/

* */

#missonintra table{ border-spacing: 0px; width: 100%; margin-bottom: 1em; }
#missonintra table td, #missonintra table th { text-align:center; }
#missonintra table td:first-child, #missonintra table th:first-child{ text-align: left; padding-left: 4px; }
#missonintra table tr.even{ background-color: #fff8cf; }

#missonintra nav { padding: 0px .4em; }
#missonintra nav > ul { margin-bottom: 0px; }
#missonintra nav > a+a { margin-left: 4px; }

#missonintra a { cursor: default; }
#missonintra a img { border: 0px; }
#missonintra a[href] { cursor: pointer; }

#missonintra figure { position: relative; }
#missonintra figure img { width: 100%; }

#missonintra ul, #missonintra ol, #missonintra dl { margin-bottom: 10px; }
#missonintra li, #missonintra dd { margin-left: 24px; }
#missonintra dt { font-weight: bold; }
#missonintra li *, #missonintra ol *, #missonintra dl * { vertical-align: middle; }

#missonintra form > ul, nav > ul { list-style: none; }
#missonintra form > ul > li, nav > ul > li { margin-left: 0px; }


/*  Typography presets
    ------------------  */

#missonintra h1, #missonintra h2, #missonintra h3, #missonintra h4, #missonintra h5, #missonintra h6, #missonintra .gigantic { display: block }

#missonintra .gigantic {
    font-size: 80px;
    line-height: 90px;
    letter-spacing: -2px;
}

#missonintra .huge, h1 {
    font-size: 48px;
    line-height: 52px;
    letter-spacing: -1px;
}

#missonintra .large, h2 {
    font-size: 38px;
    line-height: 44px;
}

#missonintra .bigger, h3 {
    font-size: 26px;
    line-height: 36px;
}

#missonintra .big, h4 {
    font-size: 22px;
    line-height: 30px;
}

#missonintra p {
    text-align: justify;
    padding: 2px 4px;
}
#missonintra p, #missonintra pre {
    margin-bottom: 1em;
}
#missonintra progress {
    -webkit-appearance: progress-bar;
    border: 1px solid #D3D3D3;
    background-color: white;
}

#missonintra label {
    font-weight: bold;
    padding-left: 2px;
    padding-right: 2px;
    display: inline-block;
    text-align: center;
}

#missonintra strong, #missonintra b { color: #b03060; }
#missonintra em, #missonintra i { color: #a020f0; }

#missonintra del, #missonintra ins { font-weight: bold; }
#missonintra del { color: #ff4500; }
#missonintra ins { color: #4169e1; }

/*  Some nice effects
    -----------------  */

#missonintra .note {
    padding: 20px 14px;
    margin-bottom: 10px;
    background-image: -moz-linear-gradient(center top, #FFFF84 0%, #FFFF84 50%, #FFFF9E 100%);
    background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0.21, #FFFF84), color-stop(0.61, #FFFF9E));

    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.235);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.235);
}

/*  Fancy input styles
    ------------------  */

#missonintra input,
#missonintra textarea,
#missonintra progress,
#missonintra select,
#missonintra .note {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

#missonintra input[type=range] { height: 10px; } /* badly supported in FF */
#missonintra input[type=url] { text-decoration: underline; }

#missonintra input[type=text], #missonintra input[type=password],
#missonintra input[type=time], #missonintra input[type=date], #missonintra input[type=datetime],
#missonintra input[type=datetime-local], #missonintra input[type=email],
#missonintra input[type=url], #missonintra input[type=search], #missonintra input[type=color],
#missonintra input[type=tel], #missonintra input[type=number], #missonintra input[type=month], #missonintra input[type=week],
#missonintra select, #missonintra textarea {
    margin: 1px 0;
}

#missonintra input[type=text], #missonintra input[type=password],
#missonintra input[type=time], #missonintra input[type=date], #missonintra input[type=datetime],
#missonintra input[type=datetime-local], #missonintra input[type=email],
#missonintra input[type=url], #missonintra input[type=search], #missonintra input[type=color],
#missonintra input[type=tel], #missonintra input[type=color], #missonintra input[type=range], #missonintra select{
    width: 140px;
}
#missonintra input[type=number], #missonintra input[type=month], #missonintra input[type=week]{
    width: 80px;
    text-align: center;
}
#missonintra input[type=text], #missonintra input[type=password],
#missonintra input[type=time], #missonintra input[type=date], #missonintra input[type=datetime],
#missonintra input[type=datetime-local], #missonintra input[type=email], #missonintra input[type=number],
#missonintra input[type=url], #missonintra input[type=tel], #missonintra input[type=search], #missonintra input[type=color],
#missonintra input[type=submit], #missonintra input[type=button], #missonintra input[type=reset], #missonintra button,
#missonintra textarea, #missonintra select{
    padding: 4px 6px;
    border: 1px solid lightgray;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

/* button specific styles */
#missonintra button, #missonintra input[type=button] { color: #000000; }
#missonintra input[type=submit], #missonintra button[type=submit] { color: #4169e1; }
#missonintra input[type=reset], #missonintra button[type=reset] { color: #b22222; }

#missonintra input[type=submit], #missonintra input[type=reset],
#missonintra input[type=button], #missonintra button {
    background-color: #FFFAFA;
    background: -moz-linear-gradient(90deg, #ECECEC, #F4F4F4) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(90deg, #ECECEC, #F4F4F4) repeat scroll 0 0 transparent;
    cursor: pointer;
    font-weight: bold;
    font-size: 13px;
    font-family: arial;
}

#missonintra input[type=submit]:active, #missonintra input[type=button]:active, #missonintra input[type=reset]:active, #missonintra button:active{
    background-color: #EEE9E9;
    background: -moz-linear-gradient(90deg, #F4F4F4, #ECECEC) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(90deg, #F4F4F4, #ECECEC) repeat scroll 0 0 transparent;
}

#missonintra select{ background-color: #f9f9f9; }


/*      Default Layout: 992px.
        Gutters: 24px.
        Outer margins: 48px.
        Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

