html, body
{
font-size: 14px;
color: #818285;
padding: 0px 0px 0px 0px;
}
#content{font-size: 14px; color: #818285;}
.home {background: #77787a url('/savi/images/template/home-bg.gif') top center repeat-y;}
#interior {background: #77787a url('/savi/images/template/home-bg.gif') top center repeat-y;}
#header, #home-intro, #interior-nav, #interior-gradient-bg, interior-gradient-breadcrumb-bg, #twitter, #data-tools, #footer-callouts, #footer-logos, #footer { width: 1025px; margin: 0 auto; }
img
{
border: solid 0px black;
}
/*-------------------------------------------
Header
-------------------------------------------*/
.DataTools
{
z-index:7001;position:absolute;padding-top:29px;text-align:center;display: block;text-decoration: none;text-transform: uppercase;color: #828386; font-size: 15px;color:white; width:125px; background: url(/savi/Images/template/barBackground.jpg);
}
#header {
background-color: #ffffff;
clear: both;
height: 61px;
margin: 0px auto;
padding: 0px;
position: relative;
}
#header-wrapper {width: 1152px; margin: 0 auto; }
#header h1 {
float:left;
display:inline;
padding: 0;
margin: 0;
}
#header h1 a {
position: relative;
background: url('/savi/images/template/savi.gif') no-repeat;
top: 50px;
left: 40px;
display: block;
width: 172px;
height: 56px;
text-indent:-9000px;
}
#header h1 span {display: none;}
#SignInButton {
background-color:darkgray; color:white
}
#CreateButton {
background-color:orange; color:white;
}
#login-search {padding-left: 0px; padding-right: 0px; padding-top: 7px; vertical-align:top; }
#login-search p {padding-top: 2px; font-size: 13px; color: #58585a; font-weight: bold; float: left; display: inline;}
#login-search p a:link, #login-search p a:visited, #login-search p a:active {color: #1ab374; font-weight: bold; text-decoration: none; padding-left: 12px;}
#login-search p a:hover {color: #1ab374; text-decoration: underline;}
#search-form {position: absolute; left: 500px;}
#login-form {position: absolute; left: 700px; top: 0px;}
#login-search input { float: left; display:inline; padding:4px; font-size: 12px; border:1px solid #e7e7e8; color: #666;}
#login-search input.btn { margin: 9px 0 0 10px; }
#login-search input#header-hidden-field {padding: 0;}
#search input.textbox {
clear: both;
padding: 4px 0px 4px 5px;
margin: 7px 0 0 0;
border: 0;
}
#login-search input.search-submit {margin-left: 10px; margin-top:3px; padding: 0; border: none;}
#login-search input.login-submit {margin-left: 10px; margin-top:0px; padding: 0; border: none;}
#login-form input {margin-left: 10px;}
form { display: inline; }
/*-------------------------------------------
Home - Main Content
-------------------------------------------*/
#home-intro {height: 303px; position:relative; }
.home #nav {top: 3px;}
#nav {
margin-left: 0px;
padding-left: 0px;
position: relative;
clear: both;
list-style-type: none;
background: url(/savi/images/template/nav.gif) top left no-repeat;
width: 799px;
height: 26px;
text-align: left;
}
#nav li {
font-family: Arial, sans-serif;
float: left;
padding: 0 1px 0 0;
}
#nav li a {
float: left;
display: block;
padding: 6px 13px 0 9px;
text-decoration: none;
text-transform: uppercase;
line-height: 20px;
color: #828386; font-size: 15px;
}
#nav li a:hover {color: #262626; height: 21px; background: url(/savi/images/template/nav-hover-bg.png) 0 0 repeat-x; }
#intro {position: absolute; left: 40px; top: 65px; width: 380px; font-size: 22px; line-height: 26px; color: #818285; font-family: Futura, ÔCentury GothicÕ, AppleGothic, sans-serif;}
#intro a img {padding-top: 20px;}
#registration {color: #fff; position: absolute; right: 25px; width: 155px;}
#registration h2 {padding-bottom: 10px; font-size: 18px; font-family: Futura, ÔCentury GothicÕ, AppleGothic, sans-serif;}
#registration p {font-size: 12px; line-height: 17px; }
#registration a img {padding-top: 20px;}
/*-------------------------------------------
Home - Twitter
-------------------------------------------*/
#twitter {padding: 7px 0px 2px 6px; color: #fff; height: 34px; font-family: Tahoma, Arial, sans-serif; font-size:12px; background-color:#006699; width:1020px; z-index:1; }
#twitter a:link, #twitter #tweet-wrapper a:visited, #twitter #tweet-wrapper a:active {color: #fff; text-decoration: none; border-bottom: 1px solid #ffcc80;}
#twitter a:hover {color: #fff; text-decoration: none; border-bottom: 1px solid #fff;}
#twitter #tweet-wrapper a:link, #twitter #tweet-wrapper a:visited, #twitter #tweet-wrapper a:active {color: #fff; text-decoration: none; border-bottom: 1px solid #ffcc80;}
#twitter #tweet-wrapper a:hover {color: #fff; text-decoration: none; border-bottom: 1px solid #fff;}
#twitter #twitter-logo {padding: 48px 0 0 42px; float: left; display: inline;}
#twitter #tweet-wrapper {padding: 16px 0 0 26px; float: left; display: inline;}
#twitter #tweet {width: 600px; font-size: 12pt; line-height: 18px; }
#twitter #tweet-info {font-size: 12pt; padding-top: 6px;}
#twitter #follow-twitter {padding: 14px 0 5px 0px; float: left; display: inline;}
/*-------------------------------------------
Home - Data Tools
-------------------------------------------*/
#data-tools {padding-top: 0px; background: #e6e6e8;}
#data-tools h2 {padding-left: 44px; font-size: 18px; line-height: 26px; color: #818285; font-family: Futura, ÔCentury GothicÕ, AppleGothic, sans-serif;}
#data-tools ul {padding-top:6px; padding-left: 24px; list-style-type: none;}
#data-tools ul li {float: left; display: inline; height: 184px; width: 244px; background: url(/savi/images/template/data-tools-bg.gif) 0 0 no-repeat;}
#data-tools ul .icon {padding: 18px 0 0 20px; float: left; display: inline;}
#data-tools ul li div {padding: 18px 0 0 10px; width: 140px; float: left; display: inline;}
#data-tools ul h3 { font-size: 13px; color: #0067ac; font-weight: bold;}
#data-tools ul h3 a:link, #data-tools ul h3 a:visited, #data-tools ul h3 a:active {color: #0067ac; text-decoration: none;}
#data-tools ul h3 a:hover {color: #0067ac; text-decoration: underline;}
#data-tools ul p {font-size: 13px; line-height: 16px; color: #818285;}
/*-------------------------------------------
Home - Footer Callouts
-------------------------------------------*/
#footer-callouts {width: 1025px; height: 238px; background: url(/savi/images/template/footer-callout-bg.jpg);background-repeat:no-repeat;}
#whats-new {padding: 30px 0 0 330px; width: 400px; float: left; display: inline;}
#whats-new h3 {font-size: 18px; line-height: 26px; color: #818285; font-family: Futura, ÔCentury GothicÕ, AppleGothic, sans-serif;}
#whats-new ul {padding-top: 14px; list-style-type: none;}
#whats-new ul li {padding-right: 40px; width: 160px; float: left; display: inline;}
#whats-new ul li h4 {font-size: 16px; line-height: 19px;}
#whats-new ul li h4 a:link, #whats-new ul li h4 a:visited, #whats-new ul li h4 a:active {color: #0067ac; text-decoration: none;}
#whats-new ul li h4 a:hover {color: #0067ac; text-decoration: underline;}
#whats-new ul li span {display: block; padding-top: 10px; font-size: 13px; line-height: 16px; color: #818285;}
#newsletter {padding-top: 30px; width: 255px; float: left; display: inline;}
#newsletter h3 {font-size: 18px; line-height: 26px; color: #818285; font-family: Futura, ÔCentury GothicÕ, AppleGothic, sans-serif;}
#newsletter fieldset {padding-top: 15px;}
#newsletter fieldset img {margin-top: 10px;}
label {
float: left;
width: 70px;
padding: 0 1em 0 0;
text-align: left;
font-size: 13px;
} /*color: #818285;}*/
fieldset div{margin-bottom:.5em; padding:0; display:block; clear: left;}
fieldset div input {width:155px; border-top:1px solid #555; border-left:1px solid #555; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:2px; color:#333; font-size:13px; }
fieldset div select{padding:1px;}
input:focus, textarea:focus{background:#efefef; color:#000;}
/*-------------------------------------------
Home - Footer Callouts
-------------------------------------------*/
#footer-logos {background: #fff; height: 125px;}
#footer-logos ul {padding: 35px 0 0 110px; list-style-type: none;}
#footer-logos ul li {padding-right: 65px; float: left; display: inline; }
/*-------------------------------------------
Interior - Secondary Nav
-------------------------------------------*/
#interior-nav {position:relative;z-index:20;}
#secondary-nav {background: #ea9c26; height: 41px;}
#secondary-nav ul {padding-left: 28px; list-style-type: none;}
#secondary-nav li {text-transform: uppercase; color: #fff; font-size: 13px; float: left; display: inline;}
#secondary-nav li a {padding: 10px 12px 0 12px; height: 31px; display: block;}
#secondary-nav li a:link, #secondary-nav li a:visited, #secondary-nav li a:active {color: #fff; text-decoration: none;}
#secondary-nav li a:hover {background: #ef4b65; }
a.BreadCrumb:link, a.BreadCrumb:visited, a.BreadCrumb:active {font-size: 9pt; text-decoration: underline; color: #469dd6;}
a.BreadCrumb:hover {font-size: 9pt; text-decoration: none; color: #469dd6;}
.BreadCrumb{font-size: 9pt;}
#interior-gradient-bg {position: relative; overflow: auto; background: #eeeff2 url(/savi/images/template/interior-gradient-bg.gif) 0 0 no-repeat; border-bottom: 2px solid #dfdede;}
#tertiary-nav {padding: 10px 30px 0 20px; width: 180px; font-size: 13px; float: left; display: inline;}
#tertiary-nav a:link, #tertiary-nav a:visited, #tertiary-nav a:active {color: #469dd6; text-decoration: none;}
#tertiary-nav a:hover {color: #227fbd; text-decoration: underline; }
#tertiary-nav ul {padding-bottom: 40px; color: #818285; list-style-type: none;}
#tertiary-nav ul li {padding-bottom: 10px; line-height: 17px;}
#tertiary-nav ul li ul {padding: 7px 0 10px 20px; font-size: 12px;}
#tertiary-nav ul li ul li {padding-bottom: 0px;}
.callout {padding-left: 20px; margin-bottom: 20px; display: block;}
#body-content-wrapper {width: 736px; float: left; display: inline;}
#body-content-bg {width: 736px; background: url(/savi/images/template/body-content-bg.png) 0 0 repeat-y; overflow: auto; }
#body-content-bottom-bg {height: 50px; width: 736px; background: url(/savi/images/template/body-content-bottom-bg.png) 0 0 no-repeat;}
#content {padding: 40px 30px 0 30px; }
#interior #content a:link, #interior #content a:visited, #interior #content a:active {color: #0067ac; text-decoration: none;}
#interior #content a:hover {color: #0067ac; text-decoration: underline;}
#interior #content h1 {padding-bottom: 24px; font-size: 22px; line-height: 25px; color: #818285; text-transform: uppercase; font-family: Futura, ÒCentury GothicÓ, AppleGothic, sans-serif;}
#interior #content h2 {font-size: 16px; color: #e99619; font-weight: bold;}
#interior #content h3 {font-size: 16px; color: #818285; font-family: Futura, ÒCentury GothicÓ, AppleGothic, sans-serif;}
#interior #content p {padding-bottom: 25px; font-size: 14px; color: #818285;}
#interior #content .hor-line {margin: 0 0 20px 0; height: 1px; width: 665px; background: #dfdede; display: block; clear: both;}
#interior #content .left {float: left; padding: 0 14px 14px 0;}
#interior #content .right {float: right; padding: 0 0 14px 14px;}
#interior #content ul {font-size: 14px; color: #818285;}
#interior #content ul {padding-bottom: 20px; padding-left: 16px; }
.BulletedListHeader
{
font-family: Arial, sans-serif;
font-size: 16px;
color: #ff9933;
font-weight:bold;
font-style:normal;
}
#interior #content #BulletStyle ul {padding-bottom: 6px; padding-left: 16px; padding-top:6px; }
#interior #content #BulletStyle ul ul {padding-bottom: 2px; padding-left: 16px; padding-top:2px; }
#interior #content #BulletStyle ul ul ul {padding-bottom: 2px; padding-left: 16px; padding-top:2px; }
#interior #content #BulletStyle ul li
{
list-style-type: none;
background-image: url('/savi/images/template/arrow.gif');
background-repeat: no-repeat;
background-position: .6em .4em;
padding-left: 21px;
}
#interior #content #BulletStyle ul ul li
{
list-style-type: none;
background-image: url('/savi/images/template/diamond.gif');
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 12px;
}
#interior #content #BulletStyle ul ul ul li
{
list-style-type: none;
background-image: url('/savi/images/template/greybullet.gif');
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 12px;
}
#interior #content #BulletStyle ul li {font-family: Arial, sans-serif;font-size: 14px;color: #006699;}
#interior #content #BulletStyle ul li a:link, #interior #content #BulletStyle ul li a:visited, #interior #content #BulletStyle ul li a:active {font-family: Arial, sans-serif;font-size: 14px;color: #006699;}
#interior #content #BulletStyle ul li a:hover {font-family: Arial, sans-serif;font-size: 14px;color: #006699;}
#interior #content #BulletStyle ul ul li {font-family: Arial, sans-serif;font-size: 14px;color: #006699;}
#interior #content #BulletStyle ul ul li a:link, #interior #content #BulletStyle ul ul li a:visited, #interior #content #BulletStyle ul ul li a:active {font-family: Arial, sans-serif;font-size: 14px;color: #006699;}
#interior #content #BulletStyle ul ul li a:hover {font-family: Arial, sans-serif;font-size: 14px;color: #006699;}
#interior #content #BulletStyle ul ul ul li {font-family: Arial, sans-serif;font-size: 14px;color: #999999;}
#interior #content #BulletStyle ul ul ul li a:link, #interior #content #BulletStyle ul ul ul li a:visited, #interior #content #BulletStyle ul ul ul li a:active {font-family: Arial, sans-serif;font-size: 14px;color: #999999;}
#interior #content #BulletStyle ul ul ul li a:hover {font-family: Arial, sans-serif;font-size: 14px;color: #999999;}
#interior #content ul.roman {list-style-type: lower-roman; padding-bottom: 20px; padding-left: 26px; }
#interior #content ul.no-bullet {list-style-type: none; padding-bottom: 20px;}
#interior #content ul.bullet {padding-bottom: 20px; padding-left: 16px; }
#interior #content ul.hor-list-div li {margin-bottom: 15px; border-bottom: 1px solid #ccc;}
#interior #content ul.sub-list ul {padding-left: 20px;}
#interior #content ul.btn-list li {padding-right: 20px; float: left; display: inline;}
#interior #content ul.inline li {padding: 0 30px 20px 0; float: left; display: inline}
#interior #content ul.padding-bottom {padding-bottom: 30px;}
#interior #content li.clear {clear: left;}
#interior #content #list-box {padding: 10px 0 0 0; list-style-type: none; }
#interior #content #list-box p {padding-bottom: 20px; font-size: 13px;}
#interior #content #list-box li {padding: 12px 10px 16px 16px; margin-right: 12px; width: 184px; float: left; display: inline; background: #efefef url(/savi/images/template/list-box-bg.gif) 0 0 no-repeat; }
#interior #content #list-box h3 {padding-bottom: 20px;}
#interior #content #list-box li.last {padding-right: 0; margin-right: 0; width: 194px;}
#interior #content #list-box table {padding: 0 0 10px 0px; font-size: 12px; line-height: 14px; background: none;}
#interior #content #list-box img {border: 0px 0px 0px 0px;}
.orange {padding: 20px; background: #ffefd6; border: 3px solid #e9971d;}
.forms {margin-bottom: 20px;}
.forms label{float:left; width:120px; padding:0 1em 0 0; text-align:right; font-size:14px; font-weight: bold; color: #333;}
.forms label .required {font-weight: bold; color: #ff0000;}
.forms fieldset div{margin-bottom:.5em; padding:0 0 20px 0; display:block; clear: left;}
.forms fieldset div input, .forms fieldset div textarea{width:270px; border-top:1px solid #555; border-left:1px solid #555; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:2px; color:#333; font-size:14px; }
.forms fieldset ul {padding-bottom: 20px; list-style: none; float: left; display: inline;}
.forms fieldset ul li {font-size: 13px; color: #666; }
.forms fieldset ul li.last {}
.forms fieldset ul li span {width: 100px; float: left; display: inline;}
.forms fieldset ul li input {width: 20px; float: left; display: inline;}
.forms fieldset div select{padding:1px;}
.forms .fm-submit{clear:both; padding-left: 134px; }
.forms .fm-submit input{height: 30px; background:#ea9c25; color:#fff; font-size:13px; width: 76px;}
.forms input:focus, .forms textarea:focus {background:#f2f2f2; color:#333;}
/*-------------------------------------------
Footer
-------------------------------------------*/
#PrintFooter
{
color:#0067ac;
font-size:12px;
line-height: 16px;
text-align: center;
}
#savimaintext {
}
#footer-wrap {background-color: #505152; width:100%; }
#footer-wrap .footer-interior {margin-top: 1840px;}
#footer{padding-top: 10px; min-height: 120px;}
#footer{color:#e6e6e7;font-size:12px; line-height: 16px; }
#footer a:link, #footer a:visited, #footer a:active {color: #e6e6e7; text-decoration:underline;}
#footer a:hover {color: #fff; text-decoration:underline; }
#footer #mission{
text-align:center;
width: 100%;
}
#footer #contact {width: 100px; margin-top: 25px; margin-left: 25px; float:left; display: inline; text-align: left;}
#footer #tm{width: 130px; margin-left: 25px; padding-top: 16px; float:left; display: inline;}
#tm-logo {background: url(/savi/images/template/tm.gif) 0 0 no-repeat; float: right; display:inline;}
#tm-logo a{background: url(/savi/images/template/tm.gif) 0 0 no-repeat; display: block; width: 130px; height: 55px;}
#tm-logo a:hover{background: url(/savi/images/template/tm.gif) 0px -55px no-repeat;}
#tm-logo span {display: none;}
#interior input.cartcontrols
{
border-radius: .4em;
-moz-border-radius: .4em;
-webkit-border-radius: .4em;
background: url("/savi/images/template/twitter-bg.gif") repeat-x;
border:1px solid #DF8800;
color:#FFFFFF;
font-size:inherit;
font-weight:bold;
padding:1px 2px 2px;
cursor: pointer;
}
.cartcontrols
{
border-radius: .4em;
-moz-border-radius: .4em;
-webkit-border-radius: .4em;
background: url("/savi/images/template/twitter-bg.gif") repeat-x;
border:1px solid #DF8800;
color:#FFFFFF;
font-size:inherit;
font-weight:bold;
padding:1px 2px 2px;
cursor: pointer;
}
#interior input.cartcontrolsCancel
{
border-radius: .4em;
-moz-border-radius: .4em;
-webkit-border-radius: .4em;
background: url("/savi/images/template/twitter-bg-cancel.gif") repeat-x;
border:1px solid #ff0033;
color:#FFFFFF;
font-size:inherit;
font-weight:bold;
padding:1px 2px 2px;
cursor: pointer;
}
.cartcontrolsCancel
{
border-radius: .4em;
-moz-border-radius: .4em;
-webkit-border-radius: .4em;
background: url("/savi/images/template/twitter-bg-cancel.gif") repeat-x;
border:1px solid #ff0033;
color:#FFFFFF;
font-size:inherit;
font-weight:bold;
padding:1px 2px 2px;
cursor: pointer;
}
td.LegendTitle
{
font-size: 10px
}
a.UserNav:link, a.UserNav:visited, a.UserNav:active
{
color: #1ab374;
font-weight: bold;
text-decoration: none;
font-size: 12px;
}
a.UserNav:hover
{
color: Blue;
font-weight: bold;
text-decoration: none;
font-size: 12px;
}