/* @group Core Elements */
html {
height: 100%;
margin-bottom: 1px;
}
body {
margin: 0;
font-family: Arial;
font-size: 80%;
line-height: 170%;
}
/* Font family information */
body#ff-optima, #ff-optima td {
line-height: 170%;
font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;
}
body#ff-geneva, #ff-geneva td {
line-height: 170%;
font-family: Geneva, Tahoma, "Nimbus Sans L", sans-serif;
}
body#ff-helvetica, #ff-helvetica td {
line-height: 170%;
font-family: Helvetica, Arial, FreeSans, sans-serif;
}
body#ff-lucida, #ff-lucida td {
line-height: 170%;
font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, sans-serif;
}
body#ff-georgia, #ff-georgia td {
line-height: 170%;
font-family: Georgia, sans-serif;
}
body#ff-trebuchet, #ff-trebuchet td {
line-height: 170%;
font-family: "Trebuchet MS", sans-serif;
}
body#ff-palatino, #ff-palatino td {
line-height: 170%;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
}
/* end font family information */
form {
margin: 0;
padding: 0;
}
body.f-smaller,
body#ff-optima.f-smaller,
body#ff-georgia.f-smaller {
font-size: 11px;
}
body,
body.f-default {
font-size: 12px;
}
body#ff-optima,
body#ff-optima.f-default {
font-size: 13px;
}
body#ff-georgia,
body#ff-georgia.f-default {
font-size: 13px;
}
body.f-larger,
body#ff-optima.f-larger,
body#ff-georgia.f-larger {
font-size: 15px;
}
p {
/* setup some more readable paragraph spacing */
margin-top: 10px;
margin-bottom: 15px;
}
h1, h2, h3, h4 {
/* setup some more readable header spacing */
padding-bottom: 5px;
margin: 10px 0;
font-weight: normal;
line-height: 100%;
}
h1 {
font-size: 200%;
line-height: 100%;
}
h2 {
font-size: 175%;
line-height: 100%;
}
h3 {
font-size: 150%;
}
h4 {
font-size: 120%;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* @end */
/* @group Joomla Elements */
.small,
.modifydate,
.createdate,
div.mosimage_caption {
font-size: 95%;
}
.componentheading {
font-size: 170%;
line-height: 100%;
padding: 0;
margin: 25px 0 20px 0;
}
.contentheading {
font-size: 190%;
font-weight: normal;
line-height: 110%;
padding-bottom: 8px;
margin: 15px 0 0 0;
}
td.buttonheading,
.contentpaneopen td.buttonheading {
padding: 0px 3px 0;
}
td.column_separator {
padding-left: 15px;
}
td.componentheading {
padding-bottom: 15px;
}
.sectiontableheader {
font-weight: bold;
padding: 4px;
line-height: 20px;
}
tr.sectiontableentry1 td,
tr.sectiontableentry2 td,
td.sectiontableentry1,
td.sectiontableentry2 {
text-align: left;
padding: 2px 0 0px 5px;
}
tr.sectiontableentry2 td,
td.sectiontableentry2 {
height: 27px;
}
tr.sectiontableentry1 td,
td.sectiontableentry1 {
height: 27px;
}
.contentpane,
.contentpaneopen {
width: 100%;
}
table.blog {
width: 100%;
}
/* @end */
/* @group Structure */
#banner {
float: right;
margin-top: 32px;
width: 468px;
height: 60px;
overflow: hidden;
color: #fff;
}
#color-chooser {
border-bottom: 1px solid #1D1D1D;
}
#color-chooser .wrapper {
margin-top: -260px;
}
#top-bar {
background-image:url('../images/top-barGradient.png');
border-bottom: 3px solid #c9b05c;
overflow: hidden;
}
#mod-login {
color: #ccc;
height: 23px;
margin-top: 5px;
}
#mod-login .wrapper {
position: relative;
}
#header {
height: 125px;
}
#main-shadow {
background: url(../images/content-shadow-l.png) 0 0 no-repeat;
margin-left: -15px;
}
#main-shadow2 {
background: url(../images/content-shadow-r.png) 100% 0 no-repeat;
margin-right: -15px;
}
.side-shadow1 {
background: url(../images/side-shadow-l.png) 0 40% no-repeat;
}
.side-shadow2 {
background: url(../images/side-shadow-r.png) 100% 40% no-repeat;
}
#bottom-shadow1 {
background: url(../images/bottom-shadow-l.png) 0 0 no-repeat;
margin-left: -11px;
}
#bottom-shadow2 {
background: url(../images/bottom-shadow-r.png) 100% 0 no-repeat;
margin-right: -11px;
}
#main-content {
background: url(../images/maincol-bg-bottom.png) 0 100% repeat-x;
margin-left: 15px;
margin-right: 15px;
}
#main-content2,
#maincol2 {
background: url(../images/maincol-bg.png) 0 0 repeat-x;
}
#horiz-menu {
position: relative;
z-index: 1;
}
#main-content {
position: relative;
z-index: 0;
}
td.maincol {
background-image: url(../images/maincol-bg-bottom.png);
background-position: 0 100%;
background-repeat: repeat-x;
}
td.leftcol .padding,
td.rightcol .padding{
padding: 20px 12px 20px 12px;
}
td.maincol .padding {
padding: 10px 10px 10px 10px;
}
#content-padding {
padding: 0 10px;
}
#bottom {
background: url(../images/bottom-bg.png) 0 0 repeat-x;
}
#bottom .padding {
padding: 10px 20px 0 20px;
}
#showcase {
overflow: hidden;
}
#showcase-padding {
padding-top: 20px;
}
#pathway {
position: relative;
z-index: 1;
height: 20px;
margin: 5px 0 12px 5px;
}
img#logo {
width: 317px;
height: 88px;
background: url(../images/logo.png) 0 0 no-repeat;
margin-top: 20px;
float: left;
}
#mainbody-padding {
padding: 0;
}
table.mainbody {
width: 100%;
}
img#rocket {
width: 143px;
height: 20px;
margin-top: 15px;
margin-bottom: 70px;
background: url(../images/rocket.png) 0 0 no-repeat;
}
.spacer .block {
float: left;
}
.spacer.w99 .block {
width: 100%;
}
.spacer.w49 .block {
width: 50%;
}
.spacer.w33 .block {
width: 33.3%;
}
.spacer.w24 .block {
width: 25%;
}
/* @end */
/* @group Modules */
td.leftcol .module,
td.leftcol .module-hilite1,
td.leftcol .module-hilite2,
td.leftcol .module-hilite3,
td.leftcol .module-hilite4,
td.rightcol .module,
td.rightcol .module-hilite1,
td.rightcol .module-hilite2,
td.rightcol .module-hilite3,
td.rightcol .module-hilite4 {
margin: 0 0 12px 0;
background: url(../images/module-bottom-bg.png) 50% 100% no-repeat;
}
td.leftcol .module-clean,
td.rightcol .module-clean {
margin: 0 0 12px 0;
}
td.leftcol .module-hilite5,
td.rightcol .module-hilite5 {
margin: 0 0 12px 0;
background: url(../images/module-bottom-bg.png) 50% 100% no-repeat;
}
td.leftcol .module div div div,
td.leftcol .module-hilite1 div div div,
td.leftcol .module-hilite2 div div div,
td.leftcol .module-hilite3 div div div,
td.leftcol .module-hilite4 div div div,
td.leftcol .module-hilite5 div div div,
td.rightcol .module div div div,
td.rightcol .module-hilite1 div div div,
td.rightcol .module-hilite2 div div div,
td.rightcol .module-hilite3 div div div,
td.rightcol .module-hilite4 div div div,
td.rightcol .module-hilite5 div div div {
padding: 15px;
}
td.leftcol .module-clean div div div,
td.rightcol .module-clean div div div {
padding: 15px 15px 12px 15px;
}
td.leftcol .module div div div div,
td.leftcol .module-hilite1 div div div div,
td.leftcol .module-hilite2 div div div div,
td.leftcol .module-hilite3 div div div div,
td.leftcol .module-hilite4 div div div div,
td.leftcol .module-hilite5 div div div div,
td.leftcol .module-clean div div div div,
td.rightcol .module div div div div,
td.rightcol .module-hilite1 div div div div,
td.rightcol .module-hilite2 div div div div,
td.rightcol .module-hilite3 div div div div,
td.rightcol .module-hilite4 div div div div,
td.rightcol .module-hilite5 div div div div,
td.rightcol .module-clean div div div div {
background: none;
padding: 0;
margin: 0;
}
td.leftcol .module h3,
td.leftcol .module-hilite1 h3,
td.leftcol .module-hilite2 h3,
td.leftcol .module-hilite3 h3,
td.leftcol .module-hilite4 h3,
td.leftcol .module-hilite5 h3,
td.rightcol .module h3,
td.rightcol .module-hilite1 h3,
td.rightcol .module-hilite2 h3,
td.rightcol .module-hilite3 h3,
td.rightcol .module-hilite4 h3,
td.rightcol .module-hilite5 h3 {
padding: 0 0 0 15px;
margin: -15px -15px 12px -15px;
height: 41px;
font-size: 130%;
line-height: 43px;
background: url(../images/module-h3.png) 0 0 repeat-x;
}
td.leftcol .module-clean h3,
td.rightcol .module-clean h3,
#mainmodules1 .module-clean h3,
#mainmodules2 .module-clean h3 {
padding: 0;
margin: 0 0 15px 0;
font-size: 130%;
line-height: 24px;
}
#mainmodules1 .module,
#mainmodules1 .module-hilite1,
#mainmodules1 .module-hilite2,
#mainmodules1 .module-hilite3,
#mainmodules1 .module-hilite4,
#mainmodules1 .module-hilite5,
#mainmodules1 .module-clean,
#mainmodules2 .module,
#mainmodules2 .module-hilite1,
#mainmodules2 .module-hilite2,
#mainmodules2 .module-hilite3,
#mainmodules2 .module-hilite4,
#mainmodules2 .module-hilite5,
#mainmodules2 .module-clean {
margin: 0 10px 12px 0;
padding: 0;
}
#mainmodules1 .module div div div,
#mainmodules1 .module-hilite1 div div div,
#mainmodules1 .module-hilite2 div div div,
#mainmodules1 .module-hilite3 div div div,
#mainmodules1 .module-hilite4 div div div,
#mainmodules1 .module-hilite5 div div div,
#mainmodules2 .module div div div,
#mainmodules2 .module-hilite1 div div div,
#mainmodules2 .module-hilite2 div div div,
#mainmodules2 .module-hilite3 div div div,
#mainmodules2 .module-hilite4 div div div,
#mainmodules2 .module-hilite5 div div div {
padding: 15px;
}
#mainmodules1 .module-clean div div div,
#mainmodules2 .module-clean div div div {
padding: 15px;
}
#mainmodules1 .module div div div div,
#mainmodules1 .module-hilite1 div div div div,
#mainmodules1 .module-hilite2 div div div div,
#mainmodules1 .module-hilite3 div div div div,
#mainmodules1 .module-hilite4 div div div div,
#mainmodules1 .module-hilite5 div div div div,
#mainmodules1 .module-clean div div div div,
#mainmodules2 .module div div div div,
#mainmodules2 .module-hilite1 div div div div,
#mainmodules2 .module-hilite2 div div div div,
#mainmodules2 .module-hilite3 div div div div,
#mainmodules2 .module-hilite4 div div div div,
#mainmodules2 .module-hilite5 div div div div,
#mainmodules2 .module-clean div div div div {
background: none;
padding: 0;
margin: 0;
}
#mainmodules1 .module h3,
#mainmodules1 .module-hilite1 h3,
#mainmodules1 .module-hilite2 h3,
#mainmodules1 .module-hilite3 h3,
#mainmodules1 .module-hilite4 h3,
#mainmodules1 .module-hilite5 h3,
#mainmodules2 .module h3,
#mainmodules2 .module-hilite1 h3,
#mainmodules2 .module-hilite2 h3,
#mainmodules2 .module-hilite3 h3,
#mainmodules2 .module-hilite4 h3,
#mainmodules2 .module-hilite5 h3 {
padding: 0 0 0 15px;
margin: -15px -15px 12px -15px;
height: 41px;
font-size: 130%;
line-height: 43px;
background: url(../images/module-h3.png) 0 0 repeat-x;
}
#bottommodules .module,
#bottommodules .module-hilite1,
#bottommodules .module-hilite2,
#bottommodules .module-hilite3,
#bottommodules .module-hilite4,
#bottommodules .module-clean {
margin: 10px 0 12px 0;
background: none;
padding: 0;
}
#bottommodules .module div,
#bottommodules .module-hilite1 div,
#bottommodules .module-hilite2 div,
#bottommodules .module-hilite3 div,
#bottommodules .module-hilite4 div {
background: url(../images/bottom-mod-l.png) 0 0 no-repeat;
}
#bottommodules .module div div,
#bottommodules .module-hilite1 div div,
#bottommodules .module-hilite2 div div,
#bottommodules .module-hilite3 div div,
#bottommodules .module-hilite4 div div {
background: url(../images/bottom-mod-r.png) 100% 0 no-repeat;
padding: 0;
}
#bottommodules .module div div div,
#bottommodules .module-hilite1 div div div,
#bottommodules .module-hilite2 div div div,
#bottommodules .module-hilite3 div div div,
#bottommodules .module-hilite4 div div div,
#bottommodules .module-clean div div div {
padding: 0 30px;
background: none;
}
#bottommodules .module div div div div,
#bottommodules .module-hilite1 div div div div,
#bottommodules .module-hilite2 div div div div,
#bottommodules .module-hilite3 div div div div,
#bottommodules .module-hilite4 div div div div {
padding: 0;
background: none;
}
#bottommodules .module h3,
#bottommodules .module-hilite1 h3,
#bottommodules .module-hilite2 h3,
#bottommodules .module-hilite3 h3,
#bottommodules .module-hilite4 h3 {
padding: 0 0 0 15px;
margin: 0 -14px 12px -14px;
height: 41px;
font-size: 130%;
line-height: 43px;
background: url(../images/module-h3.png) 0 0 repeat-x;
}
#bottommodules .module-clean h3 {
padding: 0;
margin: 0 0 12px 0;
height: 41px;
font-size: 130%;
line-height: 43px;
}
#tabmodules .module {
margin: 0 10px 12px 0;
padding: 10px;
}
#tabmodules .module h3 {
padding: 0;
margin: 0 0 12px 0;
height: 41px;
font-size: 130%;
line-height: 43px;
}
#mainmodules1,
#mainmodules2,
#bottommodules {
overflow: hidden;
}
#mainmodules1,
#mainmodules2 {
margin-right: -10px;
}
/* @end */
/* @group Horizontal Menu */
#horiz-menu {
background: url(../images/horiz-menu-bg.png) 0 0 repeat-x;
height: 38px;
margin: 0 15px;
}
#horiz-menu ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
}
#horiz-menu li {
display: block;
float: left;
margin: 0 4px 0 0;
padding: 0;
}
#horiz-menu a,
#horiz-menu li.active a {
white-space: nowrap;
display: block;
float: left;
height: 38px;
line-height: 38px;
padding: 0 17px;
font-weight: normal;
font-size: 100%;
overflow: hidden;
}
#horiz-menu li.active a {
background: url(../images/horiz-menu-active.png) 0 0;
}
#horiz-menu li.active li a {
background: none;
}
#horiz-menu li:hover a,
#horiz-menu li.sfHover a {
background: url(../images/horiz-menu-hover.png) 0 0;
}
#horiz-menu li:hover li a,
#horiz-menu li.sfHover li a,
#horiz-menu li.active li a {
background: none;
}
#horiz-menu a:hover {
text-decoration: none;
}
#horiz-menu li li,
#horiz-menu li:hover li,
#horiz-menu li.sfHover li,
#horiz-menu li.parent:hover li,
#horiz-menu li.parent.sfHover li,
#horiz-menu li.active.parent:hover li,
#horiz-menu li.active.parent.sfHover li {
background: url(../images/dropdown-div.png) 0 100% repeat-x;
}
#horiz-menu li li.parent a.daddy,
#horiz-menu li.active li.parent a.daddy,
#horiz-menu li li.parent:hover a.daddy,
#horiz-menu li.active li.parent:hover a.daddy,
#horiz-menu li li.parent-sfHover a.daddy,
#horiz-menu li.active li.parent-sfHover a.daddy {
background: url(../images/dropdown-child.png) 95% 50% no-repeat;
}
/* mouseovers */
#horiz-menu li li a:hover {
background: none;
}
#horiz-menu li li.active,
#horiz-menu li.active li a,
#horiz-menu li.active li a:hover {
background: none;
}
#horiz-menu li li a {
font-size: 100%;
font-weight: normal;
background: none;
}
/* @end */
/* @group Sub Menu */
ul.menu {
margin: 0 0 10px 0;
padding: 0;
}
ul.menu li {
list-style: none;
margin: 0;
padding: 0;
}
ul.menu a {
display: block;
line-height: 26px;
text-indent: 13px;
background: url(../images/path-arrow.png) 0 50% no-repeat;
}
ul.menu ul {
margin: 0 0 0 10px;
padding: 0;
}
ul.menu ul a {
text-indent: 13px;
line-height: 26px;
margin-left: 10px;
background: url(../images/path-arrow.png) 0 50% no-repeat;
}
ul.menu ul ul {
padding: 0;
margin-left: 20px;
}
ul.menu li li {
padding: 0;
margin: 0;
}
ul.menu li.active a,
ul.menu li a:hover,
ul.menu li.active a:hover {
text-decoration: none;
}
/* @end */
/* @group Mainmenu */
a.mainlevel {
display: block;
line-height: 26px;
font-size: 100%;
padding-left: 13px;
text-decoration: none;
background: url(../images/path-arrow.png) 0 50% no-repeat;
}
a#active_menu.sublevel {
background: url(../images/path-arrow.png) 0 50% no-repeat;
}
a.sublevel {
text-decoration: none;
line-height: 28px;
background: url(../images/path-arrow.png) 0 50% no-repeat;
padding-left: 13px;
}
a.mainlevel:hover,
a.sublevel:hover {
text-decoration: none;
}
/* @end */
/* @group Content Styles */
/* @group Readon */
a.readon {
margin-top: 15px;
padding: 0 0 4px 0;
font-weight: normal;
font-size: 100%;
display: block;
width: 150px;
height: 25px;
text-indent: 6px;
line-height: 22px;
background: url(../images/readon.png) 0 100% no-repeat;
}
/* @end */
/* @group Pathway */
span.pathway {
display: block;
line-height: 220%;
font-weight: normal;
height: 20px;
line-height: 22px;
float: left;
overflow: hidden;
}
span.pathway img {
float: none;
vertical-align: top;
width: 6px;
height: 20px;
padding-right: 10px;
background: url(../images/path-arrow.png) 0 50% no-repeat;
}
span.pathway a {
float: none;
padding: 0 10px 0 0;
}
/* @end */
/* @group Typography */
ul.number, ul.bullet-1, ul.bullet-2, ul.bullet-3, ul.bullet-4, {
padding-left: 10px;
margin: 25px 0;
}
ul.number li, ul.bullet-1 li, ul.bullet-2 li, ul.bullet-3 li,ul.bullet-4 li {
list-style: none;
margin-left: 0;
padding-bottom: 3px;
margin-bottom: 5px;
padding-left: 15px;
}
ul.bullet-1 li {
background: url(../images/path-arrow.png) 0 4px no-repeat;
}
ul.bullet-2 li {
background: url(../images/bullet-2.png) 1px 4px no-repeat;
}
ul.bullet-3 li {
background: url(../images/bullet-3.png) 1px 6px no-repeat;
}
ul.bullet-4 li {
background: url(../images/bullet-4.png) 1px 6px no-repeat;
}
pre {
padding: 10px;
background: url(../images/blockquote-bg.png) 0 0;
}
blockquote {
font-style: italic;
font-size: 120%;
line-height: 150%;
width: auto;
padding: 10px;
margin: 20px 0;
background: url(../images/blockquote-bg.png) 0 0;
}
span.alert {
color: #c00;
border-top: 3px solid #fe7b7a;
border-bottom: 3px solid #fe7b7a;
background: #FFD6D6 url(../images/status-alert.png) 10px 50% no-repeat;
}
span.info {
color: #0055BB;
border-top: 3px solid #629de3;
border-bottom: 3px solid #629de3;
background: #D8E5F8 url(../images/status-info.png) 10px 50% no-repeat;
}
span.note {
color: #B79000;
border-top: 3px solid #fde179;
border-bottom: 3px solid #fde179;
background: #FEF6D8 url(../images/status-note.png) 10px 50% no-repeat;
}
span.download {
color: #57861A;
border-top: 3px solid #c2df88;
border-bottom: 3px solid #c2df88;
background: #EEF7DD url(../images/status-download.png) 10px 50% no-repeat;
}
/* @end */
/* @group Notice Styles */
span.alert,
span.info,
span.download,
span.note {
display: block;
padding: 10px 10px 10px 45px;
margin: 15px 0;
}
/* @end */
/* @group RokSlide */
#moduleslider-size {
/* height: 158px;
overflow: hidden;*/
margin-top: 0px;
margin-bottom: 15px;
}
#rokslide-toolbar {
background: url(../images/tabber-inactive.png) 0 0 repeat-x;
}
#rokslide-toolbar li.last {
border: 0;
}
#rokslide-toolbar li.current,
#rokslide-toolbar li.last.current {
background: url(../images/tabber-active.png) 0 0 repeat-x;
}
#rokslide-toolbar span {
white-space: nowrap;
}
#frame {
text-align: left;
}
#frame .module {
margin: 0;
}
#frame .module, #frame .module-hilite3, #frame .module-hilite4, #frame .module-hilite5, #frame .module-hilite6 {
float: left;
}
#frame .module div, #frame .module-hilite3 div, #frame .module-hilite4 div, #frame .module-hilite5 div, #frame .module-hilite6 div {
padding: 0 5px;
}
#frame .module div div, #frame .module-hilite3 div div, #frame .module-hilite4 div div, #frame .module-hilite5 div div, #frame .module-hilite6 div div {
padding: 0;
}
#frame .mmpr-1 .module, #frame .mmpr-1 .module-hilite3, #frame .mmpr-1 .module-hilite4, #frame .mmpr-1 .module-hilite5, #frame .mmpr-1 .module-hilite6 {
width: 100%;
}
#frame .mmpr-2 .module, #frame .mmpr-2 .module-hilite3, #frame .mmpr-2 .module-hilite4, #frame .mmpr-2 .module-hilite5, #frame .mmpr-2 .module-hilite6 {
width: 45%;
}
#frame .mmpr-3 .module, #frame .mmpr-3 .module-hilite3, #frame .mmpr-3 .module-hilite4, #frame .mmpr-3 .module-hilite5, #frame .mmpr-3 .module-hilite6 {
width: 31%;
}
#frame .mmpr-4 .module, #frame .mmpr-4 .module-hilite3, #frame .mmpr-4 .module-hilite4, #frame .mmpr-4 .module-hilite5, #frame .mmpr-4 .module-hilite6 {
width: 22%;
}
#frame .mmpr-5 .module, #frame .mmpr-5 .module-hilite3, #frame .mmpr-5 .module-hilite4, #frame .mmpr-5 .module-hilite5, #frame .mmpr-5 .module-hilite6 {
width: 18%;
}
#tabmodules {
overflow: hidden;
}
#tabmodules li span {
margin-left: -1px;
}
#tabmodules li.first span {
margin-left: 0;
}
#tabmodules div div div {
padding-top: 0;
padding-bottom: 20px;
}
#tabmodules div div div div {
padding: 0;
}
/* @end */
a.nounder {
text-decoration: none;
border: 0;
cursor: pointer;
}
a.nounder:hover {
text-decoration: none;
}
a img.album {
border-width: 2px;
border-style: solid;
}
.clr {
clear:both;
}
fieldset {
border-left: 0;
border-right: 0;
}
fieldset.input {
border: 0;
}
a img {
border: 0;
}
img.content-left {
float: left;
margin-right: 10px;
padding: 5px;
}
img.content-right {
float: right;
margin-left: 10px;
padding: 5px;
}
#referencewidth {
width: 100%;
overflow:hidden;
}
body .pollstableborder {
border: 0px;
}
.back_button {
margin: 20px 0;
}
/* @end */
/* @group Signal Login Styling */
#sl_horiz {
height: 22px;
width: 650px;
margin-top: 7px;
float: left;
}
#sl_horiz #greeting {
float: left;
height: 22px;
margin-right: 10px;
}
#sl_horiz .button {
background-color: #131313;
border: thin solid #333;
font-size: 100%;
font-weight: normal;
color: #999;
height: 22px;
cursor: pointer;
}
#sl_horiz #sl_username {
float: left;
}
#sl_horiz #sl_username input {
padding-left: 20px;
overflow: hidden;
width: 110px;
font-size: 100%;
font-weight: normal;
border: 1px solid #333;
color: #999;
background: #131313 url(../images/user_bg.png) 0 50% no-repeat;
height: 18px;
}
#sl_horiz #sl_pass {
margin-left: 10px;
float: left;
}
#sl_horiz #sl_pass input {
padding-left: 20px;
overflow: hidden;
width: 110px;
font-size: 100%;
font-weight: normal;
border: 1px solid #333;
color: #999;
background: #131313 url(../images/pass_bg.png) 0 50% no-repeat;
height: 18px;
}
#sl_horiz #sl_rememberme {
margin-left: 10px;
float: left;
color: #999;
line-height: 22px;
}
#sl_horiz #sl_submitbutton {
margin-left: 10px;
float: left;
}
#sl_horiz #sl_lostpass,
#sl_hoziz #sl_lostname {
margin-left: 10px;
float: left;
line-height: 22px;
}
#sl_horiz #sl_register {
margin-left: 10px;
float: left;
}
#sl_horiz #sl_posttext {
margin-left: 10px;
float: left;
}
/* @end */
/* Overlay definitions */
.overlay-abstract #page-bg {
background: url(../images/bg/overlay-abstract.png) 0 0 repeat-x;
}
.overlay-bark #page-bg {
background: url(../images/bg/overlay-bark.png) 0 0;
}
.overlay-blocks #page-bg {
background: url(../images/bg/overlay-blocks.png) 0 0;
}
.overlay-carbon #page-bg {
background: url(../images/bg/overlay-carbon.png) 0 0;
}
.overlay-cracked #page-bg {
background: url(../images/bg/overlay-cracked.png) 0 0;
}
.overlay-crecent #page-bg {
background: url(../images/bg/overlay-crecent.png) 0 0;
}
.overlay-easter #page-bg {
background: url(../images/bg/overlay-easter.png) 0 0;
}
.overlay-foliage #page-bg {
background: url(../images/bg/overlay-foliage.png) 0 0;
}
.overlay-gatorskin #page-bg {
background: url(../images/bg/overlay-gatorskin.png) 0 0;
}
.overlay-grungerosary #page-bg {
background: url(../images/bg/overlay-grungerosary.png) 0 0;
}
.overlay-gradient1 #page-bg {
background: url(../images/bg/overlay-gradient1.png) 0 0 repeat-x;
}
.overlay-gradient2 #page-bg {
background: url(../images/bg/overlay-gradient2.png) 0 100% repeat-x;
}
.overlay-hills-trees #page-bg {
background: url(../images/bg/overlay-hills-trees.png) 0 0 repeat-x;
}
.overlay-hills #page-bg {
background: url(../images/bg/overlay-hills.png) 0 0;
}
.overlay-mosaic #page-bg {
background: url(../images/bg/overlay-mosaic.png) 0 0;
}
.overlay-perforated #page-bg {
background: url(../images/bg/overlay-perf.png) 0 0;
}
.overlay-spirals #page-bg {
background: url(../images/bg/overlay-spirals.png) 0 0;
}
.overlay-spirals2 #page-bg {
background: url(../images/bg/overlay-spirals2.png) 0 0;
}
.overlay-stripes-diag #page-bg {
background: url(../images/bg/overlay-stripes-diag.png) 0 0;
}
.overlay-stripes-vert #page-bg {
background: url(../images/bg/overlay-stripes-vert.png) 0 0;
}
.overlay-targets #page-bg {
background: url(../images/bg/overlay-targets.png) 0 0;
}
.overlay-sistine #page-bg {
background: url(../images/bg/overlay-sistine.png) 0 0;
}
.overlay-wafers #page-bg {
background: url(../images/bg/overlay-wafers.png) 0 0;
}
.overlay-rosary #page-bg {
background: url(../images/bg/overlay-rosary.png) 0 0;
}
.overlay-ordinary #page-bg {
background: url(../images/bg/overlay-ordinary.png) 0 0;
}
/* ----------------------------------------added by John ---------------------------------------- */
td#borderRight {
background: url(.../images/border/borderRight.jpg) repeat-y left;
}
td#borderLeft {
background: url(.../images/border/borderLeft.jpg) repeat-y right;
}
td#borderTop {
background: url(.../images/border/borderTop.jpg) repeat-x bottom;
}
td#borderBottom {
background: url(.../images/border/borderBottom.jpg) repeat-x top;
}
div.courseinfo {
float:right;
position:relative;
width:233px;
min-height:100px;
padding:0px 5px;
}
div.courseinfotop {
float:left;
position:relative;
width:223px;
height:45px;
background:url(../images/courses/CourseInfoTop.jpg) no-repeat;
}
div.courseinfomiddle {
float:left;
position:relative;
width:223px;
background:url(../images/courses/CourseInfoMiddle.jpg) repeat-y;
padding:20px;
}
div.courseinfobottom {
float:left;
position:relative;
width:223px;
height:17px;
background:url(../images/courses/CourseInfoBottom.jpg) no-repeat;
}
div.testimony {
float:left;
position:relative;
margin:15px 50px;
padding:2px 10px;
background-color:#3366cc;
border:solid 2px #003399;
}
p.testimony {
color:white;
}
/* Sound Insight Podcast Styling */
.podcastPlayer {
float:left;
width:100%;
max-width:800px;
margin:10px 0;
}
.podcastButtons {
width:100%;
display:block;
clear:both;
float:left;
margin:10px 0;
}
.siButton {
display:block;
float:left;
margin-bottom:5px;
width:31%;
min-width:100px;
background-color:#484139;
color:white;
text-decoration:none;
border-radius:10px;
text-align:right;
}
.siButton:hover {
text-decoration:none;
}
.siButton img {
float:right;
position:relative;
top:-7px;
right:-7px;
box-shadow:#393737 -4px 4px 5px;
}
.siButton h3 {
margin:10px 0 0;
padding:0 0 0 26px;
font-style:italic;
text-align:center;
font-size:15px;
color:white;
}
.siButton hr {
padding:0;
margin: 5px 15px;
text-align:center;
color:white;
}
.siButton p {
margin:10px 10px;
padding:0;
text-align:center;
font-size:10px;
color:white;
}
.podcastDownload {
margin-right:5px;
}
.podcastITunes {
margin-left:5px;
margin-right:5px;
}
.podcastRSS {
margin-left:5px;
}
/* @end */