/**
* Raxan CSS Framework
* Copyright (c) 2008 Raymond Irving (http://xwisdomhtml.com)
*
* Dual licensed under the MIT and LGPL licenses.
* See the LICENSE.txt file
*
* This CSS framework is based on BlueprintCSS
* with some inspirations from Broilerplate CSS
* See http://www.blueprintcss.org
* Copyright (c) 2007-2008 Olav Bjorkoy (olav at bjorkoy.com)
*
*/

/* -- Reset -- */
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:10;}
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;}
input,textarea { margin: 0; }
a { outline: none; }


/* -- Typography -- */

/* Default fonts and colors. */
body { font-size: 75%; background: #fff; color: #222; }
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Helvetica, Arial, sans-serif; }

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; font-weight: normal;}
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;}

p { margin:0 0 1.5em; }
a { color: #009; text-decoration: none; }
/*a:hover { 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,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* list */
li ul,
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }
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%; }
tr.header td,tr.header td,th { font-weight: bold; border-bottom:1px solid #ccc }
th,td       { padding: 4px 10px 4px 5px; }
tfoot       { font-style: italic; }
caption     { background: #eee; }
tr.header th,tr.header td  { background: #F7F7F7; }
tr.even td  { background: #eee; }
td.sort { background: #eee; }
tr.even td.sort { background: #ddd; }
tr.header .sort { background: #ededed; }
tr.select td  { background: #ccc; } /*should always be last*/
tr.hover td  { background: #cfcfcf !important;} /*should always be last*/

.small      { font-size: 1.0em; margin-bottom: 1.875em; line-height: 1.875em; }
.medium     { font-size: 1.4em; margin-bottom: 2.0em; line-height: 2.0em; }
.large      { font-size: 1.8em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }
.caps {     /* creates small caps */
    font-variant: small-caps;
    letter-spacing: 1px;
    text-transform: lowercase;
    font-weight:bold;
    padding:0 2px;
}
.fancy {    /* create serif italic dramatic text */
    color: #666;
    font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
    font-style: italic;  font-weight: normal;
}

/* containers */
* html .container {height: 1%;}
.container { margin: 0 auto; }
.column { float:left; margin-right: 10px; position:relative }
.last { margin-right:0px; 
    clear:right;
}

/* dimensions */
.c1 {width:20px}.c2 {width:40px}.c3 {width:60px}.c4 {width:80px}.c5 {width:100px}.c6 {width:120px}.c7 {width:140px}.c8 {width:160px}.c9 {width:180px}.c10 {width:200px}.c11 {width:220px}.c12 {width:240px}.c13 {width:260px}.c14 {width:280px}.c15 {width:300px}.c16 {width:320px}.c17 {width:340px}.c18 {width:360px}.c19 {width:380px}.c20 {width:400px}.c21 {width:420px}.c22 {width:440px}.c23 {width:460px}.c24 {width:480px}.c25 {width:500px}
.c26 {width:520px}.c27 {width:540px}.c28 {width:560px}.c29 {width:580px}.c30 {width:600px}.c31 {width:620px}.c32 {width:640px}.c33 {width:660px}.c34 {width:680px}.c35 {width:700px}.c36 {width:720px}.c37 {width:740px}.c38 {width:760px}.c39 {width:780px}.c40 {width:800px}.c41 {width:820px}.c42 {width:840px}.c43 {width:860px}.c44 {width:880px}.c45 {width:900px}.c46 {width:920px}.c47 {width:940px}.c48 {width:960px}.c49 {width:980px}.c50 {width:1000px}
.c60{width:1200px}.c70{width:1400px}.c80{width:1600px}.c90{width:1800px}.c100{width:2000px}

.r1 {height:20px}.r2 {height:40px}.r3 {height:60px}.r4 {height:80px}.r5 {height:100px}.r6 {height:120px}.r7 {height:140px}.r8 {height:160px}.r9 {height:180px}.r10 {height:200px}.r11 {height:220px}.r12 {height:240px}.r13 {height:260px}.r14 {height:280px}.r15 {height:300px}.r16 {height:320px}.r17 {height:340px}.r18 {height:360px}.r19 {height:380px}.r20 {height:400px}.r21 {height:420px}.r22 {height:440px}.r23 {height:460px}.r24 {height:480px}.r25 {height:500px}
.r26 {height:520px}.r27 {height:540px}.r28 {height:560px}.r29 {height:580px}.r30 {height:600px}.r31 {height:620px}.r32 {height:640px}.r33 {height:660px}.r34 {height:680px}.r35 {height:700px}.r36 {height:720px}.r37 {height:740px}.r38 {height:760px}.r39 {height:780px}.r40 {height:800px}.r41 {height:820px}.r42 {height:840px}.r43 {height:860px}.r44 {height:880px}.r45 {height:900px}.r46 {height:920px}.r47 {height:940px}.r48 {height:960px}.r49 {height:980px}.r50 {height:1000px}

/* elastic cells */
.elastic {width:auto; position:relative}
.e10 {width:10%;}.e20 {width:20%}.e30 {width:30%}.e40 {width:40%}.e50 {width:50%}
.e41 {width:41%} .e42 {width:42%} .e43 {width:43%} .e44 {width:44%} .e45 {width:45%} .e46 {width:46%} .e47 {width:47%} .e48 {width:48%} .e49 {width:49%}
.e51 {width:51%} .e52 {width:52%} .e53 {width:53%} .e54 {width:54%} .e55 {width:55%} .e56 {width:56%} .e57 {width:57%} .e58 {width:58%} .e59 {width:59%}
.e60 {width:60%}.e70 {width:70%}.e80 {width:80%}.e90 {width:90%}.e100 {width:100%}
.h10 {height:10%}.h20 {height:20%}.h30 {height:30%}.h40 {height:40%}.h50 {height:50%}.h60 {height:60%}.h70 {height:70%}.h80 {height:80%}.h90 {height:90%}.h100 {height:100%}

/* panel */
.panel .pb1 { border-top: 1px solid; margin: 0 2px; }
.panel .pb2, .panel .pm1 {
    border: 1px solid; border-width: 0 1px;
    margin: 0 1px; padding: 1px 0;
}
.panel .pm1 {
    height: 100%; overflow:hidden; margin:0; padding: 0;
}
.panel .pb1, .panel .pb2, .panel .pm1 { background: #F3F3F3; }
.panel .pb1, .panel .pb2, .panel .pm1 { border-color: #D1D1D1; }
.panel .pnl-footer, .panel .pnl-header {
    display:block; padding: 3px; margin:0 2px;
    background: #E5E5E5; border-bottom:1px solid #dedede;
}
.panel .pnl-footer {
    background: #F0F0F0;  border-bottom: none; border-top:1px solid #dedede;
}

/* button */
.button {
    height:26px;
    color:#333;
    background: #ddd;
    border:1px solid #999;
    vertical-align:middle;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.button img {padding-bottom:1px;vertical-align:middle;}
.button:active { border-style:inset;}
.button.ok { background: #C6D880; border-color:#A9C440; color:#264409}
.button.cancel { background: #FF7575; border-color:#FF641A; color:#fff; font-weight: bold;}
.button.process { background: #AECDFF; border-color:#5998FF; color:#0055AA }
/*.button.continue { background: #FFD324; border-color:#E1B500; color:#514721 }*/
.button.disabled { -moz-opacity:0.5; opacity: 0.5;}
.button.disabled:active { border-style:solid;}
a.button { padding:4px 5px 5px; }

/* textbox */
.textbox:focus { border-color:#97BEFF }
.textbox {
    padding: 2px; margin-bottom:3px; border: 1px solid #acacac;
}

/* shadow box */
.shadow { background: #eee; margin: 6px 0 0 6px; }
.shadow .content {
    position: relative;
    bottom: 6px; right:6px;
    margin: 0 0 0 0; overflow:hidden;
}

/* tabstrip */
ul.tabstrip {
    height:1%; /* fixing IE 6  - from blueprintcss tab */
    margin:0; padding:2px 10px 0;
    list-style:none; font-size:93%;
    line-height:normal; border-bottom:1px solid #ccc; overflow:auto;
}
ul.tabstrip li {
    cursor:pointer;
    padding:0; margin:0 3px 0 0;
    float:left; font-weight:bold;
    border:1px solid #ccc; border-bottom:none;
}
ul.tabstrip a {
    float:left; display:block;
    color:#777; text-decoration:none;
    padding:2px 4px 2px 4px; background:#ddd;
    border:1px solid #eee; border-bottom:none; line-height:18px;
}
ul.tabstrip ul { display:none }
ul.tabstrip img { vertical-align:middle; }
ul.tabstrip a:hover { color:#333; }
ul.tabstrip .selected  { cursor:default; }
ul.tabstrip .selected a {
    color:#fff; background:#666; cursor:default;
    border:1px solid #777; border-bottom:none;
}

/* toolbar - To be redesigned to support <ul> */
.toolbar {
    height:28px;
    background:  #eee;
    border:1px solid #ccc;
    border-width:1px 0;
    padding: 2px 0 0px 0;
    position:relative;
    overflow: hidden;
}
.toolbar .item, .toolbar .button {
    float: left;
    display: block;
    height:26px;
    line-height:26px;
    padding:0 3px;
}
.toolbar .button { border-width:0; background: none; text-decoration:none; }
.toolbar .button:hover { background:#dadada; }
.toolbar .disabled, .toolbar .disabled:hover { background:none; cursor:default;}
.toolbar img { vertical-align: middle; }

/* boxes & borders */
.border { border-width: 1px }
.tpb { border-top: 1px }.rtb { border-right: 1px }.bmb { border-bottom: 1px }.ltb { border-left: 1px }
.border, .tpb, .rtb, .bmb, .ltb { border-style: solid; border-color: #ccc; }
.colborder { padding-right: 9px;  margin-right: 10px; border-right: 1px solid #eee; }

.round { -moz-border-radius:5px; -webkit-border-radius:5px; }

.box, .alert, .info, .notice, .error, .success    { padding: 8px 45px 8px 8px; border: 2px solid #ddd;}
.box { background: #eee;  border-color: #ccc; }
.alert { background-color: #FFF6BF; color: #514721; border-color: #FFD324; }
.notice  { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.info { background-color: #E5ECF9; color: #514721; border-color: #C3D9FF; }
.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error { background: #ffcccc; color: #000; border-color: #cc3300; }
.alert a { color: #514721; }
.success a  { color: #264409; }
.info a { color: #000099;  }
.error a, .notice a { color: #8a1f11; }
/* box title */
.box-title { margin:-7px -7px 10px -7px; font-weight:bold; padding: 2px 5px; border-bottom: 1px solid #777; display:block }
.box .box-title { background:#C1C1C1;}
.success .box-title { background:#B8D152; border-color:#91A92E}
.alert .box-title { background:#FFD900; border-color:#CEAF00}
.info .box-title { background:#98B4E7; border-color:#5381D7}
.notice .box-title, .error .box-title { background:#EF8F95; border-color:#BA1B23}

/*bg colors */
.white { background:#fff; }
.silver { background:#c0c0c0; }
.lightgray { background:#e0e0e0; }


/* position */
.above {position:absolute;}
.left { float:left; position:relative } .right { float:right; position:relative }
.center {margin: 0 auto;}
/*.top { margin-top:0; padding-top:0; }
 also in datadables .bottom { margin-bottom:0; padding-bottom:0; }*/
.front { z-index: 1000; }
.back { z-index: -1000; }
.fixed { position:fixed; }


/* pads & margins */
.pad { padding:10px }.hlf-pad { padding:5px }.dbl-pad{ padding:20px }  /*  pad, half, double padding */
.margin { margin:10px }
.tpm { margin-top: 10px }.rtm { margin-right: 10px }.bmm { margin-bottom: 10px }.ltm { margin-left: 10px }

/* prepend & append*/
.append1 {padding-right:20px}.append2 {padding-right:40px}.append3 {padding-right:60px}.append4 {padding-right:80px}.append5 {padding-right:100px}
.append6 {padding-right:120px}.append7 {padding-right:140px}.append8 {padding-right:160px}.append9 {padding-right:180px}.append10 {padding-right:200px}
.prepend1 {padding-left:20px}.prepend2 {padding-left:40px}.prepend3 {padding-left:60px}.prepend4 {padding-left:80px}.prepend5 {padding-left:100px}
.prepend6 {padding-left:120px}.prepend7 {padding-left:140px}.prepend8 {padding-left:160px}.prepend9 {padding-left:180px}.prepend10 {padding-left:200px}

/* push & pull elements */
.push1 { margin-right: -20px; margin-left: 20px }
.push2 { margin-right: -40px; margin-left: 40px }
.push3 { margin-right: -60px; margin-left: 60px }
.push4 { margin-right: -80px; margin-left: 80px }
.push5 { margin-right: -100px; margin-left: 100px }
.push1, .push2, .push3, .push4, .push5 {  float: right;  position:relative;}

.pull1 { margin-left: -20px; margin-right: 20px }
.pull2 { margin-left: -40px; margin-right: 40px }
.pull3 { margin-left: -60px; margin-right: 60px }
.pull4 { margin-left: -80px; margin-right: 80px }
.pull5 { margin-left: -100px; margin-right:100px }
.pull1, .pull2, .pull3, .pull4, .pull5 { float: left; position:relative; }

/* up & down - push elements up or down */
.up1 { margin-top: -20px; margin-bottom: 20px }
.up2 { margin-top: -40px; margin-bottom: 40px }
.up3 { margin-top: -60px; margin-bottom: 60px }
.up4 { margin-top: -80px; margin-bottom: 80px }
.up5 { margin-top: -100px; margin-bottom: 100px }
.up1, .up2, .up3, .up4, .up5 { position:relative; }

.dn1 { margin-top: 20px; margin-bottom: -20px }
.dn2 { margin-top: 40px; margin-bottom: -40px }
.dn3 { margin-top: 60px; margin-bottom: -60px }
.dn4 { margin-top: 80px; margin-bottom: -80px }
.dn5 { margin-top: 100px; margin-bottom: -100px }
.dn1, .dn2, .dn3, .dn4, .dn5 { position:relative; }

/* rulers */
hr {
    background: #ccc;
    color: #ccc;
    clear: both;
    float: none;
    width: 100%;
    height: 1px;
    margin: 5px 0 1em 0;
    border: none;
}
hr.space { background: transparent; color: #fff;  border: none; margin-top:0}

/* scroll */
.clip {overflow:hidden;}
.scrollable { overflow:auto;}

/* grid mask*/
.grid-mask { background: url(default/grid.png) }

/* visibility */
.hide {display:none}
.transparent { -moz-opacity:0.4; opacity: 0.4; }

/* cursors */
.mouse-cursor { cursor:default; }
.click-cursor { cursor:pointer; }

/* clear */
.clear,form br { clear:both; }

/* forms fieldsets */
fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ddd; }
legend { padding: 0 .4em; font-weight: bold; font-size: 1.2em; }