@import url('_reset.css');

html { background: url('../img/bg/_html.png') repeat-x 0 0; /*color: #222;*/ overflow-y: scroll; }
/*#bg0 { background: url('../img/bg/ionic_column.jpg') no-repeat left -10px;*/ /*IE6: _background: none; }*/
#bg0 { background: url('../img/bg/column_white.jpg') no-repeat 0 150px; }
body.grid { background: url('../img/bg/site_grid.png') repeat center top; }

body, input, textarea, select, button { font-family: "Segoe UI", /*"Lucida Grande", "Lucida Sans Unicode",*/ sans-serif; }
pre, code, samp, kbd, tt { font-family: "Consolas", "Lucida Console", monospace; }

a { color: #175899; }
a:hover { color: #207cd8; }

h1 a, h2 a, h3 a { text-decoration: none; }

h1 { font: bold 180% sans-serif; margin-bottom: 0.75em; }
h1, h1 a { color: #b24b00; }
h1 a:hover { color: #ce621d; }

h2 { font: bold 180% sans-serif; margin-bottom: 0.75em; }
h2, h2 a { color: #444; }
h1+h2 { margin-top: -0.5em; }

h3 { font-size: 140%; margin-bottom: 0.75em; }
h3, h3 a { color: #222; }
p+h3, ul+h3, div+h3 { margin-top: 1.5em; }

h4 { font-size: 110%; font-weight: bold; margin-top: 1em; margin-bottom: 0.75em; line-height: 1.3; }
h4, h4 a { color: #555; }
p+h4 { margin-top: 1.5em; }
#body>h4:first-child { margin-top: 0; }

form { margin-bottom: 1.5em; }
legend { padding-bottom: 0.75em; /*color: #666;*/ font-weight: bold; font-size: 110%; }

input[readonly] { color: gray; }
input[type="submit"] { font-size: 90%; padding: 2px 0.5em; }
button { font-size: 90%; padding: 2px 0.5em; }
button.icon { font-size: 100%; *padding-left: 0; *padding-right: 0; }
button.icon img { vertical-align: -5.25pt; margin: 0 -2px; }
button.icon.right img { margin-left: 0; }

/* ---------------------------------- */

.rt { text-align: right; }
.ctr { text-align: center; }

.contain { overflow: hidden; }
.col { float: left; }
.col.rule { padding-right: 20px; border-right: solid 1px #CCC; }
.rcol { float: right; }

.sep { border: 1px #999; border-style: dotted none none; }
.shadow { box-shadow: 2px 2px 3px rgba( 64, 64, 64, 0.75 ); -webkit-box-shadow: 2px 2px 3px rgba( 64, 64, 64, 0.75 ); }

.info { color: #666; font-style: italic; }
.na { color: #666; font-variant: small-caps; }

img.frame { border: solid 1px #999; }
img.frame.pad { background-color: white; padding: 2px; }

div.box { margin-bottom: 1.5em; border: solid 1px #d4d3d0; background: #f5f4f2; padding: 16px 16px 0.5em; }
/*div.box h3 { color: #555 !important; }*/
div#body div.box { padding: 16px 24px 12px 20px; }

div.linkbox { cursor: pointer; margin-bottom: 3px; border: 1px #e4e3e0; border-style: solid none; background: #f5f4f2; padding: 0 16px; }
div.linkbox p { margin-top: -0.5em; }
div.linkbox a { color: #333; text-decoration: none; }
div.linkbox p a { font-size: 90%; }
div.linkbox:hover { border-color: #b0c8e1; background: #d6e6f5; }
div.linkbox p.thumb { float: left; margin: 0.75em 1em 0.75em 0 !important; }

.ctla_ad { font-size: 90%; }

.red { color: #b24b00; }
.yellow { color: #bc8c0a !important; }
.green { color: #5c7345; }
.lorem, .lorem * { color: #AAA; }

/* ---------------------------------- */

#doc { width: 950px; margin: 0 auto; }

#hdr { position: relative; height: 150px; padding: 0 10px; }
#hdr p#logo { position: absolute; bottom: 26px; left: 20px; }
#hdr p#ctla_title { position: absolute; bottom: 20px; right: 10px; }

#hdr p.member { margin: 0 0 3px 112px; padding: 14px 0 6px; border-bottom: solid 1px #727e76; color: #a3aaa5; font-size: 80%; text-align: right; }
#hdr p.member a { color: #c29a57; text-decoration: none; }
#hdr p.member a:hover { color: #e1a850; }
#hdr p.nav { float: left; padding: 3px 0; color: #969d99; font-size: 90%; }
#hdr p.nav a { color: #d7dad8; text-decoration: none; padding: 2px 3px; white-space: nowrap; }
#hdr p.nav a:hover { color: #FFF; }
#hdr p.nav a.selected { background-color: #4f5c53; color: #FFF; }
#hdr p.nav.main { margin-left: 112px; width: auto; padding-top: 1px; }
#hdr p.nav.main a { float: left; margin-right: 2px; padding: 2px 6px 1px 5px; }
#hdr p.nav.store { width: 160px; float: right; text-align: right; }


#ftr { clear: both; margin: 2em 10px 1em; border-top: dotted 1px #CCC; padding-top: 1em; color: #999; }
#ftr p, #ftr address { margin-bottom: 0.75em; font-size: 80%; }


#pg { min-height: 540px; _height: 540px; margin-top: 20px; padding: 0 10px 0 20px; }
#pg p { margin-bottom: 1em; }
#pg ul, #pg ol, #pg dl { margin-bottom: 1.25em; }
#pg ul.nobull, #pg ol.nobull { list-style: none; margin-left: 1em; }
#pg li p { margin-bottom: 0.75em; }

p#crumbs { /*position: absolute; top: 160px;*/ margin: 0 0 0.5em; color: #999; font-size: 90%; }
p#crumbs a { color: #333; text-decoration: none; }
p#crumbs a:hover { color: #999; }

#print { cursor: pointer; margin-bottom: 0; background: #EEE; border: dotted 1px #CCC; font-size: 80%; padding: 0.3em 0.75em; color: #666; }
#print img { vertical-align: middle; }

#pg ul, #pg ol, #pg dd { margin-left: 2em; }
#pg li ul, #pg li ol { margin-bottom: 0; margin-left: 1.8em; }
#pg ul { list-style-type: disc; }
#pg ol { list-style-type: decimal; }

#pg ul.col { margin-right: 2em; }

#body { width: 520px; }
#sidebar { width: 360px; }

#pg blockquote { margin: 0 2em 2em; }
#pg blockquote p { color: #555; margin-bottom: 0.4em; font-style: italic; }
#pg blockquote p.author { color: #d5a14f; text-align: right; }
#sidebar blockquote { margin: 0 1em 2em; }

#pg ul.files { list-style: none; margin-left: 0 }
#pg ul.files li { padding: 2px 0 2px 2em; background-repeat: no-repeat; background-position: 3px 3px; }


/* -------- JS CLASSES -------- */

.promo_row { overflow: hidden; position: relative; margin-bottom: 1em; }
.promo_row + .promo_row { margin-top: 2em; }
.promo_slot { width: 100%; position: absolute; top: 0; }

div.menu { position: absolute; z-index: 99; }
div.menu a { color: black; text-decoration: none; }
div.menu a:hover { color: black; }

div.menu.subnav div { border: solid 1px #4f5c53; background: #eee; font-size: 90%; }
div.menu.subnav a { display: block; width: auto; padding: 2px 2em 2px 4px; }
div.menu.subnav a:hover { cursor: default; background-color: #c1d0c6; }
div.menu.subnav div.sep { top: 0; left: 0; border-style: solid none none; border-color: #ccc; margin: 1px 3px; }

/*
div.menu > div { border: solid 1px gray; }
div.menu.Basic > div { background: #FFF url('../img/elements/menu_gradient.gif') repeat-y left; padding: 0 1px; }
div.menu.Basic > div div.Separator { border-top: solid 1px gray; margin: 1px -1px 1px 32px; }
div.menu.Basic a { display: block; width: auto; margin: 1px 0; border: solid 1px transparent; background-position: 2px center; background-repeat: no-repeat; padding: 3px 3em 4px 31px; }
div.menu.Basic a.Default { font-weight: bold; }
div.menu.Basic a:hover { cursor: default; border: solid 1px #36C; background-color: #CDE; }
*/

ul.AutoComplete { /*position: absolute; margin: 0;*/ background-color: #f2f2f2; border: solid 1px #999; padding: 2px 0; list-style: none; }
ul.AutoComplete li { padding: 1px 2em 1px 4px; cursor: pointer; }
ul.AutoComplete li.count { cursor: default; border-top: dotted 1px #999; padding-top: 3px; color: #555; font-style: italic; font-size: 90%; }
ul.AutoComplete li.On { background-color: #9CF; }
ul.AutoComplete li.wait { background: url('../img/elements/loading_autocomplete.gif') no-repeat center; padding: 6px; }
ul.AutoComplete li span { margin-left: 1ex; color: gray; font-size: 80%; }

div.addShadow { margin: 6px 0 0 6px; background: url('../img/elements/shadow.png') no-repeat right bottom; _background-image: none; }
div.addShadow div,
div.addShadow ul.AutoComplete { position: relative; top: -6px; left: -6px; }


/*
div.FillScreen { overflow: auto; border: solid 1px gray; }
#Page div.FillScreen { margin-bottom: 10px; }
*/