/* @override http://localhost:9514/fleximum/fleximum.css */
/* @group Reset */
/*
CSS Reset by Eric Meyer - Released under Public Domain
http://meyerweb.com/eric/tools/css/reset/
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td
{margin: 0;padding: 0;border: 0;outline: 0;
font-size: 100%;vertical-align: baseline;
background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
img {behavior: url(images/iepngfix.htc);}
/* @end */
/* @group Typography */
/*
--------------------------------------------
Typographic Styles
--------------------------------------------
*/
body {
font: 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #333;
}
/* Alternate Font Stacks
body { font: 12px/18px "Lucida Grande", Lucida, Verdana, sans-serif; }
body { font: 12px/18px Georgia, "Times New Roman", Times, serif; }
body { font: 12px/18px GillSans, Trebuchet, Calibri, sans-serif ; }
body { font: 12px/18px Futura, Century Gothic, AppleGothic, sans-serif; }
body { font: 12px/18px Garamond, Hoefler Text, Times New Roman, Times, serif; }
body { font: 12px/18px Palatino, Palatino Linotype, Hoefler Text, Times, Times New Roman, serif; }
*/
.fancy,.alt { font-family: 'Warnock Pro', 'Goudy Old Style', Palatino, 'Book Antiqua', Georgia, serif;
font-style: italic !important; }
.light { font-weight: normal !important; }
.caps { text-transform: uppercase; }
.smallcaps { font-variant: small-caps; }
a {color: #08c;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: none;}
h1,h2,h3,h4,h5,h6 { font-weight: normal;}
h1 { font-size: 36px; line-height: 36px; margin-bottom: 18px; letter-spacing: -1px;}
h2 { font-size: 24px; line-height: 24px; margin-bottom: 18px;}
h3 { font-size: 18px; line-height: 18px; font-weight: bold; margin-bottom: 18px; }
h4 { font-size: 14px; line-height: 18px; font-weight: bold; margin-bottom: 18px; }
h5 { font-size: 12px; line-height: 18px; font-weight: bold; margin-bottom: 18px; }
h6 { font-size: 10px; line-height: 18px; font-weight: bold; margin-bottom: 18px; }
.subhead { margin-top: -12px !important; }
p { margin-bottom: 18px; }
p.intro { font-size: 14px; line-height: 24px; }
/* Lists */
ul, ol {
margin-bottom: 18px;
margin-top: auto;
margin-left: 0;
}
ul { list-style: disc; }
ol { list-style: decimal; }
ul.arrow {
list-style-type: none;
list-style-image: url(images/arrow_gray.gif);
}
li {
margin-top:2px;
margin-bottom:2px;
list-style-position: outside;
margin-left: 18px;
}
ul ul, ul ol,
ol ol, ol ul {
margin-left:0;
margin-bottom: 0;
}
ul.plain,
ul.smallplain {
list-style-type: none;
left: 0;
margin-left: 0;
padding-left: 0;
}
ul.plain li {
margin-left: 0;
margin-bottom: 0;
margin-top: 0;
}
ul.smallplain li {
margin-left: 0;
margin-bottom: 0;
font-size: 11px;
margin-top: 0;
}
dl { margin-bottom: 18px; }
dt { font-weight: bold; }
dd { margin-bottom: 9px;
margin-left: 18px;
}
blockquote { margin: 18px; 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 18px; font-style: italic; }
del { color:#666; }
pre,code,tt { font: 12px/18px 'andale mono', 'lucida console', monospace;
margin-bottom: 18px;
display: block;
}
/* Tables */
table { margin-bottom: 18px; width:100%;}
th {
font-weight: bold;
background: #333; /*#C3D9FF;*/
text-align: left;
color: #fff;
}
.hr td { border-bottom: 1px solid #ddd;}
th,td { padding: 3px 10px 2px 5px;}
tr.even td { background: #e5ecf9; }
tr.odd td { background: #fff; }
tfoot { font-style: italic; }
caption { background: #eee; }
/* Misc classes */
.mini { font-size: 10px; line-height: 18px; }
.small { font-size: 11px; line-height: 18px; }
.large { font-size: 14px; line-height: 24px; }
.huge { font-size: 18px; line-height: 24px; }
.quiet { color: #666; }
/* Highlighter */
.highlight,.hilite,.highlite {background:#ff0; padding: 4px;}
/* @end */
/* @group Utilities */
/*
--------------------------------------------
Utilities
--------------------------------------------
*/
/* Content Alignment */
.left {float: left; margin-bottom: 18px;margin-right: 15px;}
.right {float: right;margin-bottom: 18px;margin-left: 15px;}
.across {margin-bottom: 18px;}
/* Text Alignment */
.alignleft {text-align: left;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}
.top {margin-top:0; padding-top:0; }
.bottom,.last {margin-bottom:0; padding-bottom:0;}
/* Float Clearers */
.clear {clear: both; }
.clearer {clear: both; display: block;
margin: 0; padding: 0; height: 0;
line-height: 1px; font-size: 1px;}
/* Hiding Class */
.hide, .hideme {display: none;}
/* Bug Finders */
.bugborder {border: 1px solid red;}
/* Reverse colors */
.reverse,.reversed { background: #333 !important;color: #fff !important; border: none !important;}
/* think cracks */
.nogap,.gapless { margin-bottom: 0px !important; }
.tight { margin-bottom: 6px !important; }
.pad,.loose { margin-bottom: 18px !important; }
/* think tires */
.collapse { padding: 0px !important; }
.flatten { padding: 9px !important; }
.inflate { padding: 18px !important; }
/* think chin ups */
.pull { margin-top: -18px !important; }
.hang { margin-top: 18px !important; }
/* @end */
/* @group Modules */
/* @group Disclosure Triangles */
.disclosure {
color: #333;
background: url(images/disclosure_triangles.png) no-repeat left 1px;
padding-left: 13px;
cursor: pointer;
height: 16px;
}
.disclosure.down {
background-position: 0 -11px;
}
/* @end */
/* Use a .box to create a padded box inside a column. */
.box,
.borderbox {
padding: 18px;
margin-bottom: 18px;
background: #eee;
}
.borderbox {
padding: 18px;
margin-bottom: 18px;
background: #eee;
border: 1px solid #ccc;
}
.minibox {
padding: 9px;
margin-bottom: 18px;
background: #eee;
border: 1px solid #ccc;
}
img.shadow,
div.shadow {
box-shadow:0px 3px 5px #999;
-webkit-box-shadow:0px 3px 5px #999;
-moz-box-shadow:0px 3px 5px #999;
}
/* @group Rounded Box */
.rounded_box {
margin-bottom: 18px;
}
.roundedboxtop div,
.roundedboxbottom div {
font-size: 0;
}
.roundedboxcontent {
padding: 0px 18px;
}
/* @end */
/* @group Text Buttons */
/* Buttons
Call with Link
*/
a.button {
font-size: 11px;
line-height:11px;
font-family: Arial;
font-weight: bold;
height: 16px;
cursor: pointer;
background-color: #333;
color: #fff;
display: -moz-inline-box;
display: inline-block;
background: url(images/button_right.gif) no-repeat right top;
text-decoration: none;
}
a.button span {
line-height: 0;
display: block;
margin: 0 20px 0 0;
padding: 8px 5px 8px;
*line-height:1;*padding: 3px 5px 2px; /*make work for ie */
background: url(images/button_left.gif) no-repeat left top;
}
/* @end */
/* @group Tabs */
/* uses the idTabs plugin */
.tabs {
padding: 0;
list-style-type: none;
left: 0;
position: relative;
float: none;
margin-bottom: 0;
height: 24px;
}
.tabs li {
float: left;
margin: 0 1px 0 0;
background: url(images/tabs_right.gif) no-repeat right top;
height: 24px;
overflow: hidden;
}
.tabs li a {
display: block;
line-height: 12px;
background: url(images/tabs_left.gif) no-repeat left top;
color: #fff;
text-decoration: none;
padding: 8px 7px 4px 8px;
font-weight: bold;
}
.tabs li a:hover {
}
.tabs li.active {
background: url(images/tabs_right.gif) no-repeat right -50px;
height: 25px;
}
.tabs li.active a {
color: #333;
background: url(images/tabs_left.gif) no-repeat left -50px;
height: 25px;
}
.tab_container {
padding: 18px;
border: 1px solid #333;
margin-bottom: 18px;
}
/* @end */
/* @group Pagination */
.pagination {
margin-bottom: 18px;
display: inline-block;
}
.pagination b,
.pagination strong {
color: #fff;
background-color: #999;
padding: 3px 5px 2px;
}
.pagination a {
background-color: #eee;
padding: 3px 5px 2px;
color: #000;
}
.pagination a:hover {
text-decoration: none;
background-color: #ddd;
}
/* @end */
/* @group Horizontal Rules */
hr {
background: #ddd;
color: #ddd;
clear: both;
float: none;
width: 100%;
height: 1px;
margin: 0 0 18px;
border: none;
}
hr.space {
background: #fff;
color: #fff;
}
/* @end */
/* @group P-based Lists */
/* plist
This is a simple list in the following format:
*/
div.plist {
margin-bottom: 18px;
}
div.plist p {
margin-top: 9px;
padding-top: 9px;
border-top: 1px dotted #ccc;
margin-bottom: 9px;
*zoom:1; /* border is not applied without this ie6-7 */
}
div.plist p.first {
margin-top: 0px;
padding-top: 0px;
border-top: none;
}
/* @end */
/* @end */
/* @group Forms */
div.fieldgroup {margin-bottom: 18px;}
label {font-weight: bold;}
input[type="radio"] {margin: 0;}
input[type="text"], input[type="password"], input[type="search"], textarea
{border: 1px solid #999;padding: 3px 2px;background-color: #fff;}
select {padding: 0px;margin-bottom: 3px;}
.error,
.notice,
.success { padding: 9px; margin-bottom: 18px; border: 1px solid #ddd; }
.error { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a { color: #D12F19; text-decoration: underline; }
.notice a { color: #817134; text-decoration: underline; }
.success a { color: #529214; text-decoration: underline; }
/* @end */
@media print {
body {
line-height: 1.5;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#000;
background: none;
font-size: 10pt;
}
}