source: trunk/web/addons/job_monarch/lib/extjs/examples/shared/extjs/css/extjs.css @ 619

/*
 * Ext JS Library 2.2.1
 * Copyright(c) 2006-2009, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

body {
        /*font-family: helvetica,arial,tahoma,sans-serif;*/
        font-family:verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
        font-size:13px;
        color:#555;
        line-height:20px;
        background-color:#fff;
        text-align:center;
        margin:0;padding:0;border:0;
}

td {
        font-size:13px;
}

a:link, a:visited, a:active {
        color: #0464BB;
        text-decoration:none;
}
a:hover {
        color: #1C417C;
        text-decoration: underline;
}

/* main document center */
#viewport {
        margin:auto;
        text-align:left;
        width:960px;
}

/* header styles */
#hd {
        background:transparent url(../images/topbar.png) no-repeat 10px bottom;
        height:95px;
        position:relative;
}

#hd table.nav {
        position:absolute;
        margin-left:0;
}
#hd table.nav tr {
}
#hd table.nav tr td {
        padding-top:1px;
        padding-left:0;
        padding-right:0;
}
#hd table.nav a, #hd table.main-nav a:hover, #hd table.main-nav a:visited {
        color: #fff;
}

#hd table.nav a, #hd table.main-nav a span {
        color: #fff;
        display:block;
}
#hd table.nav a {
        line-height:14px;
}
#hd table.nav a span {
        padding:6px 15px 7px 15px;
}
#hd table.nav a span {
        font-family:tahoma,helvetica,arial,sans-serif;
        font-size:12px;
}

/* Main nav */


#hd table.main-nav {
        left:15px;
        top:40px;
}
#hd table.main-nav tr {
        height:28px;
}

#hd table.main-nav a:hover {
        text-decoration:underline;
}

#hd table.main-nav a:hover span {
        text-decoration:underline;
}

#hd table.main-nav td.active a {
        background:transparent url(../images/nav-left.png) repeat-x;
        text-decoration:none;
}

#hd table.main-nav td.active a span {
        background:transparent url(../images/nav-right.png) no-repeat right 0;
        font-weight:bold;
        padding:7px 15px 6px 15px;
        text-decoration:none;
}

/* Sub nav */

#hd .sub-nav {
        position:absolute;
        left:25px;
        top:72px;
        height:21px;
}
#hd .sub-nav td {
        font-size:11px;
        color:#777;
        font-family:tahoma,helvetica,arial,sans-serif;
}
#hd .sub-nav td span {
        color:#777;
}
#hd .sub-nav td a {
        color:#046BCA;
        font-family:tahoma,helvetica,arial,sans-serif;
}
#hd .sub-nav td.spacer {
        padding:0 5px;
}
/* Main header image */

#hd h1 a {
        background:transparent url(../images/extjs2.png) no-repeat;
    position:relative;
    float:left;
    top: 12px;
    left: 20px;
    height:18px;
    width:227px;
}
#hd h1 a span {
        display:none;
}

/* body styles */

#bd {
        margin:5px 15px 0;
        zoom:1;
}

#bd p {
        margin-top:8px;
        margin-bottom:8px;
}

#bd br {
        font-size:10px;
        line-height:10px;
}

#bd .left-column {
        width:700px;
        float:left;
}
#bd .right-column {
        width:200px;
        float:left;
        margin-left:20px;
}
#bd .right-column p {
        margin:5px;
        font-size:12px;
}

#bd h3 {
        font-family: "Trebuchet MS", Tahoma,arial,sans-serif;
        font-size:18px;
        font-weight:normal;
        color: #385F95;
        margin:7px 0;
}
#bd h4 {
        font-family: "Trebuchet MS", Tahoma,arial,sans-serif;
        font-size:14px;
        font-weight:bold;
        color: #555;
        margin:5px 0;
}
#bd h5 {
        font-family: "Trebuchet MS", Tahoma,arial,sans-serif;
        background-color:#F1F1F1;
        padding:3px;
        color:#789030;
        font-size:11px;
        font-weight:bold;
        text-transform:uppercase;
}

#bd .big-box h5.alt {
        text-align:center;
        font-size:13px;
        border-bottom:1px solid #eee;
        color:#385F95;
}

#bd .box {
        padding: 3px 5px 15px;
}

/* footer */
#ft {
        margin-top:25px;
        text-align:center;
        background: transparent url(../images/ft-bg.png) no-repeat center 0;
        padding-top:5px;
}
#ft table.nav {
        margin: 0 auto;
}

#ft table.nav a, #ft table.nav a:hover, #ft table.nav a:visited {
        color:#789030;
        font-size:12px;
        display:block;
        padding:5px 15px 0;
}

#ft div.copy {
        margin: 0 auto;
        padding:10px 0 25px;
        color:gray;
}

/* feature list */
ul.features, .content-box ul, .side-box ul {
        margin-left:15px;
        list-style-image: url(../images/c-sep-l.gif);
}
ul.features li,  .content-box ul li, .side-box ul li {
        margin-top:5px;
        margin-bottom:5px;
}
/* flyout menus */
.flyout-menu {
        position:absolute;
        left:-200px;
        top:-200px;
        background:#fff;
        padding:10px 15px;
        text-align:left;
        border:1px solid #aaa;
        font-family: helvetica,arial,tahoma,sans-serif;
}
.flyout-menu a {
        color:#046BCA;
}
.flyout-menu p {
        margin:4px 0;
        font-size:11px;
        color:#555;
        line-height:16px;
}
.flyout-menu br {
        line-height:10px;
}
.flyout-menu h3 {
        font-size:12px;
        font-weight:bold;
        line-height:16px;
}
.flyout-menu ul {
        font-size:11px;
        list-style-type: square;
        margin-left:15px;
}
.flyout-menu li {
        color:#ccc;
        line-height:16px;
}

/* rss feeds */

.rss {
        float:right;
        margin: 3px 3px 0 0;
}
.rss a {
        display:block;
        width:14px;
        height:14px;
        background: transparent url(../images/home/rss.gif) no-repeat 0 -14px;
}
.rss a:hover {
        background-position: 0 0;
}

/* side boxes */

div.side-box {
        background: transparent url(../images/side-box.png) no-repeat;
        padding-top:9px;
        width:200px;
        margin-bottom:20px;
        zoom:1;
}
div.side-box-inner {
        background: transparent url(../images/side-box.png) no-repeat 0 bottom;
        padding:0 15px 5px;
        font-size:12px;
        zoom:1;
}
#bd div.side-box-inner h5 {
        background:transparent !important;
        padding-top:0;
}


div.big-box {
        background: transparent url(../images/big-box.png) no-repeat;
        padding-top:12px;
        width:700px;
        margin-bottom:20px;
}
div.big-box-inner {
        background: transparent url(../images/big-box.png) no-repeat 0 bottom;
        padding:0 15px 12px;
        font-size:12px;
}
#bd div.big-box-inner h5 {
        background:transparent !important;
        padding-top:0;
}

div.full-box {
        background: transparent url(../images/full-box.png) no-repeat;
        padding-top:12px;
        width:920px;
}
div.full-box-inner {
        background: transparent url(../images/full-box.png) no-repeat 0 bottom;
        padding:0 15px 10px;
        font-size:12px;
}


div.content-box {
        width:700px;
}
div.content-box p {
        margin-left:5px;
        margin-right:5px;
}
#bd div.content-box ul.features {
        margin-left:20px;
}
#bd .content-box h5 {
        background-image: url(../images/med-shd.png);
        padding-left:10px;
}

/* Store */

#commercial strong {
        font-size: 12px;
        margin: 0 0 0 0;
        font-family:tahoma,verdana,helvetica,sans-serif;
        color: #083772;
        font-weight:bold;
}
table.license {
   margin-left:5px;
}
table.license, table.license td {
   border-collapse: separate;
   border: 0 none !important;
   font-size:12px;
}
table.license td {
   padding:0 5px 5px;
}

.order-type {
   float:left;
   width:300px;
   margin:10px;
   font-size:11px;
}

#bd .order-complete {

}
#bd .order-complete p {
   margin-left:0;
}

#commercial table.order-review {
   border-collapse: separate;
   margin-left:10px;
   font-size:12px;
}
#commercial table.order-review td {
   padding:5px 20px 5px 5px;
   vertical-align:top;
}
#commercial table.order-review tr.tsep td {
   border-top:1px dotted #ddd;
}
#commercial h3 {
        margin:0 0 5px;
        font-size:16px;
}
#store .big-box h4 {
        font-size:12px;
        font-weight:bold;
        color: #222;
        padding:4px;
        background:#efefef url(../images/inner-hd.png) repeat-x;
        border: 1px solid #efefef;
}


a.buynow {
    text-decoration:none;
    padding:4px 7px;
    border:1px solid;
    border-color:#ddd #bbb #bbb #ddd;
    background:#eee;
    font:bold 11px tahoma, arial, helvetica, sans-serif;
    color:#333 !important;
    cursor:pointer;
    margin:0 2px;
    display:block;
    float:right;
}

a.buynow:hover, a.buynow:hover {
    text-decoration:none;
    border-color:#ccc #bbb #bbb #ccc;
    background-position:0 2px;
    background-color:#fafafa;
}

.saleprice, b.sale, .sale-msg strong{
        color: #c33;
}

/* comparison table */

.compare {

}
.compare th {
        padding:5px 12px;
        font-weight:bold;
        text-align:center;
        border:1px solid #dddddd;
        color:#fff;
        background:#083772;
        font-size:12px;
}
.compare td {
        padding:5px;
        text-align:center;
        border:1px solid #dddddd;
        font-size:12px;
}
.compare th.cfirst {
        padding-left:8px;
}
.compare td.cfirst, .compare th.cfirst {
        text-align:left;
}
.compare td.cfirst {
        padding-left:20px;
}
.compare td.ctitle {
        text-align:left;
        font-weight:bold;
        background:#ececec;
        padding-left:12px;
        font-size:12px;
}

.compare tr.cprice td,.compare tr.cfoot td {
        padding:5px 12px;
        font-weight:bold;
        border:1px solid #dddddd;
        border-collapse:collapse;
        color:#083772;
        background:#c3daf9 url(/themes/ext/resources/images/grid-hrow.gif) repeat-x;
        vertical-align:top;
}
.compare tr.cfoot td {
    background:#fff;
    padding-left:2px;
    padding-right:2px;
        border-color:#fff;
}
.compare tr.cfoot td a {
    margin-top:0;
    margin-right:25px;
}
.compare tr.corder-note td {
        background: #eee;
}

.compare sup {
        margin-left:3px;
        font-size:10px;
}
.compare-info {
        font-size:11px;
        padding:10px;
}

/* downloads */

table.dl {
        width:650px;
}

table.dl td {
        padding:5px;
        vertical-align:top;
}

.expandable {
        background:#F7F7F7;
        padding:4px;
        border:1px solid #DEDEDE;
}

.expandable-body{
        background:#fff;
        padding:5px;
        zoom:1;
}
.expandable-body-inner{
        zoom:1;
}

.expandable-body dd {
        float:left;
        width:300px;
        padding:5px;
}

.training-info {
        font-size:11px;
}

a.link {
        font-family:tahoma,helvetica,arial,sans-serif;
        font-size:12px;
        font-weight:bold;
        line-height:19px;
}

#msg-ct {
        position:absolute;
        left:680px;
        top:17px;
        width:217px;
        height:22px;
}

#msg {
        width:217px;
        height:22px;
        background-image:url(../images/msg-bg.png);
        color:#777;
        font-family:tahoma,helvetica,arial,sans-serif;
        font-size:11px;
        cursor:pointer;
        visibility:hidden;
}
#msg-inner {
        padding:5px 10px 0;
        zoom:1;
        line-height:12px;
        text-align:center;
}
.msg-over {
        color:#789030 !important;
}

#msg img {
        width:19px;
        height:19px;
}