/* General HTML Body Style and background image */
/* ALSO EDIT main-msie.css!! */
/* deprecated 140108 17:04 DJE */
body {
/*background-color: #FFFFFF;*/
/* background-color: #536895; 121020 22:00 */
background-color: #C1C1C1;
/*background-image: url("../images/background1.png");*/
/*background-repeat: repeat-y;*/
margin: 0px 0px 0px 0px;
/*margin: 4px 4px 4px 4px;*/
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
/* color: #595959; 120605 17:22 DJE */
color: #333333;/* font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #222222; */
}
#video {
background-color: #FFF;
margin: 0px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
/* color: #333333; */
}
/* Site Title and Title Bar Behavior */
#header {
position: absolute;
top: 0px;
left: 0px;
width: 800px;
/*right: 800px;*/
height: 170px;
padding: 0px;
margin: 0px;
/* background-image: url("../images/header-5-top.png"); */
/* 131216 11:41 move HBTRC logo to right */
background-image: url("../images/header-top.png");
border-right-width: 5px;
border-right-style: groove;
border-right-color: #9a2500;
z-index:1;
}
#header_video {
position: absolute;
top: 0px;
left: 0px;
width: 800px;
/*right: 800px;*/
height: 170px;
padding: 0px;
margin: 0px;
/* background-image: url("../images/header-5-top.png"); */
/* 131216 11:41 move HBTRC logo to right */
/* background-image: url("../images/header-top.png"); */
border-right-width: 5px;
/* border-right-style: groove;
border-right-color: #9a2500;
*/
z-index:1;
}
#header1 {
position: absolute;
top: 0px;
left: 0px;
width: 800px;
/*right: 800px;*/
height: 170px;
padding: 0px;
margin: 0px;
/* background-image: url("../images/header-5-top.png"); */
background-image: url("../images/header-top1.png");
border-right-width: 5px;
border-right-style: groove;
border-right-color: #9a2500;
}
#header IMG { border: 0px; margin: 0px; padding: 0px; }
#headerlinks {
position: absolute;
top: 16px;
left: 621px;
height: 28px;
padding: 0px;
margin: 0px;
}
#headerlinks IMG { border: 0px; margin: 0px; padding: 0px; }
/* 131216 11:44
.rotating-image1 {
position: absolute; left: 200px; top: 6px; z-index:1;
}
.rotating-image2 {
position: absolute; left: 390px; top: 6px; z-index:1;
}
.rotating-image3 {
position: absolute; left: 580px; top: 6px; z-index:1;
}
*/
.rotating-image1 {
position: absolute; left: 40px; top: 4px; z-index:5;
padding: 1px;
border: 1px solid #021a40;
}
.rotating-image2 {
position: absolute; left: 240px; top: 4px; z-index:5;
padding: 1px;
border: 1px solid #021a40;
}
.rotating-image3 {
position: absolute; left: 440px; top: 4px; z-index:5;
padding: 1px;
border: 1px solid #021a40;
}
.home_image {
/* images/hbtrc-home-logo.png */
position: absolute; left: 643px; top: 6px; z-index:5;
}
/* breadcrumb 131216 13:05 */
#title {
position: absolute;
top: 124px;
left: 2px;
height: 28px;
margin: 0px 0px 0px 0px;
padding: 3px 10px 0px 10px;
/*background-image: url("../images/header-titletint.png");
border-top: 2px solid #6f95c9;
border-bottom: 0px solid #6f95c9;
border-left: 2px solid #6f95c9;
border-top: 2px solid #336633;
border-left: 2px solid #336633;*/
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
text-decoration: none;
font-size: 14px;
/*color: #2C71F9;*/
color: #9a2500;
z-index: 100;
}
/* Menu Style */
#menu {
position: absolute;
top: 169px;
/*height: 300px;*/
left: 630px;
/* 131216 15:17
width: 172px; */
width: 171px;
padding: 0px;
text-align: left;
/*background-color: #66cc66;*/
/* 131212 09:39
background-color: #536895;
*/
background-color: #fcd5b5;
z-index: 1;
border-left-width: 4px;
border-left-style: solid;
border-left-color: #FFF;
}
#menu TABLE {
width: 171px;
/* border-bottom-color: #336633; */
/* 131212 09:42
border-bottom-color: #4d79b5;
*/
border-bottom-color: #9a2500;
/* background-color: #66cc66;
color: #66cc66;
*/
/* 131212 09:45
background-color: #536895;
color: #536895;
*/
background-color: #fcd5b5;
color: #fcd5b5;
border-right-width: 5px;
border-bottom-width: 5px;
border-right-style: groove;
border-bottom-style: ridge;
border-right-color: #733366;
border-left-width: 5px;
border-left-style: solid;
border-left-color: #FFF;
z-index:10;
}
#menu A { text-decoration: none; }
#menu TD.firstactive {
/* 131212 09:52
background-image: url("../images/menu-active1.png");
*/
background-image: url("../images/menu-active2.png");
padding: 2px 4px 2px 5px;
border-top: 1px solid;
/* 131212 10:04
border-top-color: #4d79b5; font-size: 12px; font-weight: bold; color #FFF}
*/
border-top-color: #9a2500;
font-size: 12px;
font-weight: bold;
color #FFF
}
/* 131212 10:01
#menu TD.firstactive A { color: #336633; }
*/
#menu TD.firstactive A {
color: #CCCCCC;
}
#menu TD.firstactive A:hover {
color: #000000;
}
/* 131212 10:11
#menu TD.firstinactive { background-image: url("../images/menu-inactive1.png"); padding: 2px 4px 2px 5px; border-top: 1px solid #4d79b5; }
*/
#menu TD.firstinactive {
background-image: url("../images/menu-inactive2.png");
padding: 2px 4px 2px 5px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #9a2500;
}
#menu TD.firstinactive A {
color: #333333;
font-size: 12px;
font-weight: bold;
}
#menu TD.firstinactive A:hover { color: #FFFFFF; }
/* 131212 14:49
#menu TD.secondactive { padding: 2px 4px 2px 15px; background-image: url("../images/menu-active1.png"); }
*/
#menu TD.secondactive { padding: 2px 4px 2px 15px; background-image: url("../images/menu-active4.png"); }
/* #menu TD.secondactive A { color: #f2fbca; font-size: 12px; font-weight: bold; }
#menu TD.secondactive A { color: #663399; font-size: 12px; font-weight: bold; }
#menu TD.secondactive A { color: #6633cc; font-size: 12px; font-weight: bold; }
*/
#menu TD.secondactive A {
color: #CCCCCC;
font-size: 12px;
font-weight: bold;
}
/*#menu TD.secondactive A:hover { color: #336633; }*/
#menu TD.secondactive A:hover { color: #000000; }
/* 131212 14:49
#menu TD.secondinactive { padding: 2px 4px 2px 15px; background-image: url("../images/menu-active1.png"); }
*/
#menu TD.secondinactive { padding: 2px 4px 2px 15px; background-image: url("../images/menu-active3.png"); }
/*#menu TD.secondinactive A { color: #d9eafd; font-size: 12px; }*/
#menu TD.secondinactive A {
color: #e46c0a;
font-size: 12px;
}
/*#menu TD.secondinactive A:hover { color: #336633; }*/
#menu TD.secondinactive A:hover { color: #FFFFFF; }
/*#menu TD.thirdactive A { color: #FFFFFF; font-size: 10.5px; } */
/*#menu TD.thirdactive A { color: #6600cc; font-size: 10.5px; } */
/*#menu TD.thirdactive A { color: #336633; font-size: 10.5px; } */
/*#menu TD.thirdactive A { color: #336633; font-size: 10.5px; }*/
#menu TD.thirdactive A { color: #000000; font-size: 10.5px; }
/*#menu TD.thirdactive A:hover { color: #336633; }*/
#menu TD.thirdactive A:hover { color: #000000; }
/* 131212 14:46
#menu TD.thirdinactive { padding: 2px 4px 2px 29px; background-image: url("../images/menu-active1.png"); }
*/
#menu TD.thirdinactive { padding: 2px 4px 2px 29px; background-image: url("../images/menu-active3.png"); }
/* 131212 14:47
#menu TD.thirdactive { padding: 2px 4px 2px 29px; background-image: url("../images/menu-active1.png"); }
*/
#menu TD.thirdactive { padding: 2px 4px 2px 29px; background-image: url("../images/menu-active3.png"); }
/*#menu TD.thirdinactive A { color: #d9eafd; font-size: 10.5px; } */
/*#menu TD.thirdinactive A { color: #d9eafd; font-size: 10.5px; }*/
/*#menu TD.thirdinactive A { color: #6699ff; font-size: 10.5px; }*/
/* EDIT DJE*/
#menu TD.thirdinactive A {
color: #e46c0a;
font-size: 10.5px;
}
/*#menu TD.thirdinactive A:hover { color: #336633; }*/
#menu TD.thirdinactive A:hover { color: #000000; }
/* Content Area Style*/
/* DJE 090601 */
/*.header {
font-size: 18pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 20px;
font-weight: normal;
}
.body {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
line-height: 16px;
}
.px12 {
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 12px;
font-size: 12pt;
}
.px18 {
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 18px;
font-size: 18pt;
}*/
/* DJE 090601 */
/* DJE 090620 modify width so it works in MSIE v. other browsers */
/* see body.css or body-msie.css for browser specific #content*/
#fontsize {
position: absolute;
top: 132px;
/* 131216 13:07
left: 180px;
*/
left: 550px;
width: 60px;
background-color: #FFFFFF;
z-index:5;
}
#content {
position: absolute;
/*border: 0px;*/
top: 160px;
/* left: 162px; 121030 21:38 */
/*left: 190px;*/
/* 131216 12:51
left: 168px;
*/
left: 0px;
/* if MSIE set the width at 638pc */
/* else 598 px */
/* width: 598px; 121030 21"39 */
width: 596px;
/*width: 638px;*/
/*height: 400px;*/
padding-right: 20px;
padding-left: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
/* color: #555; 120605 17:35 DJE */
color: #333333;
/* font-size: 8pt; 120605 17:37 DJE */
font-size: 9pt;
/* text-align: justify; 120605 17:40 DJE */
/* 130222 10:03 DJE */
text-align:left
line-height: 2.0;
border-right: 5px groove #733366;
border-bottom: 5px ridge brown;
/* font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #222222; */
background-color: #FFFFFF;
/* background-image: url("../images/body-636x1.png"); */
}
#content_video {
position: absolute;
top: 160px;
left: 0px;
width: 800px;
padding-right: 20px;
padding-left: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
font-size: 9pt;
text-align:left
line-height: 2.0;
background-color: #FFFFFF;
}
#content p.center {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #339966 ;
font-size: 12pt;
text-align: center;
font-weight: bold;
}
#content p.burgundy {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: ##A30046;
font-size: 12pt;
text-align: center;
font-weight: bold;
}
#content P.disclaimer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
}
#content HR { height: 5px; background-image: url("../images/hr1.png"); }
#content TABLE {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
}
#content TABLE.chart TD {
border: 1px solid #acccdb;
padding: 0px 0px 0px 0px;
/* color: #595959; 120605 17:24 */
color: #333333;
background-color: #edf5f8
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
}
#content TABLE.eirb TD {
border: 1px solid #acccdb;
padding: 0px 0px 0px 0px;
/* color: #595959; 120605 17:24 */
color: #333333;
/* background-color: #edf5f8 */
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
}
#content TABLE.layout TD {
border: 0px solid #EFEFEF;
margin: 0px 3px 3px 0px;
color: #595959;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
}
/* #content TABLE TD.smalltext { font-size: 9px; } 120605 17:38 DJE */
#content TABLE TD.smalltext { font-size: 11px; }
#content TABLE.widebox {
border: 1px solid #acccdb;
background-color: #edf5f8;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
}
#content_video TABLE {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
}
#content A {
color: #397249;
background-color: transparent;
text-decoration: none;
}
/*#content A:link { color: #2C71F9; }*/
/*DJE 090701 LoVe HAte*/
/* http://www.colorcombos.com/color-schemes/420/ColorCombo420.html */
/* 130517 09:54 DJE */
/* #content A:link { color: #993300; } 130517 09:54 DJE */
#content A:link {
text-decoration: underline;
color: #9a2500;
}
/* #content A:visited { color: #437925; text-decoration: underline; } 130517 09:54 DJE */
#content A:visited {
/* color: #F68D36; */
/* 140923 18:52 */
color: #913d1e;
text-decoration: underline;
}
/* #content A:hover { color: #6699FF; text-decoration: underline; } 130517 09:54 DJE */
#content A:hover {
color: #333333;
}
/*DJE 090701*/
/* #content A:active { color: #437925; text-decoration: underline; } 130517 09:54 DJE */
#content A:active {
color: #9a2500;
text-decoration: underline;
}
#content.email A:link { color: #D19A00; }
/* #content UL { list-style-image: url(../images/li-dk-blue-ball.png); } */
#content UL { list-style-image: url(../images/li-dk-orange-993300-ball.png); }
#content UL.checkbox { list-style-image: url(../images/bullet-checkbox.png); font-size: 9pt; font-style: italic; }
/* #content UL.blank { list-style: none; font-size: 9pt; font-style: italic; } 120605 17:43 DJE*/
#content UL.blank { list-style: none; font-size: 10pt; font-style: italic; }
/* 140203 17:27 DJE */
#li_contact { list-style: none; font-size: 10pt;}
/* Sitemap styles for nested ULs */
#content UL#sitemap { list-style-type: none; font-size: 10pt; font-weight: bold; }
/*#content UL#sitemap UL { margin: 0px 0px 0px 20px; list-style-image: url(../images/li-lt-blue-ball.png); font-size: 10pt; font-weight: normal; } */
#content UL#sitemap UL {
margin: 0px 0px 0px 20px;
list-style-image: url(../images/li-lt-orange-ffd2b3-ball.png);
font-size: 10pt;
font-weight: normal;
}
html>body #content UL#sitemap UL { margin: 0px 0px 0px 5px; }
#content UL#sitemap UL UL { margin: 0px 0px 0px 40px; list-style-type: none; font-size: 10pt; font-weight: normal; }
html>body #content UL#sitemap UL UL { margin: 0px 0px 0px 2px; }
/* Heading Styles */
/* #content H1, H2, H3, H4, H5 { 120605 18:26 DJE */
#content H1, H2, H3, H4, H5, H6 {
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
text-decoration: none;
}
/*#content H1 { font-size: 14pt; color: #636eff; }*/
#content H1 {
font-size: 14pt;
color: #9a2500;
}
#content H2 {
font-size: 13pt;
color: #EA3A00;
}
#content H3 {
font-size: 11pt;
color: #EA3A00;
}
/* Table Styles */
#content table.right {
width: 10px;
float: right;
border: 1px solid #ddd;
background: #eee;
padding: 2px;
margin: 0px 0px 3px 6px;
text-align: center;
}
#content table.right_text150 {
width: 150px;
float: right;
border: 1px solid #ddd;
background: #eee;
padding: 4px;
margin: 0px 0px 0px 0px;
text-align: center;
}
#content table.left {
width: 10px;
float: left;
border: 1px solid #ddd;
background: #eee;
padding: 2px;
margin: 0px 6px 3px 0px;
text-align: center;
}
#content table.rightwhite {
width: 10px;
float: right;
border: 0px;
background: #FFFFFF;
padding: 2px;
margin: 0px 0px 3px 6px;
text-align: center;
font-size: 10px;
}
#content table.leftwhite {
width: 10px;
float: left;
border: 0px;
background: #FFFFFF;
padding: 2px;
margin: 0px 6px 3px 0px;
text-align: center;
font-size: 10px;
}
/* e-IRB blue link 120323 19:39 DJE*/
/*#content a.e_irb:link {
color: #548dd4;
}
#content a.e_irb:visited {
color: #412CFC;
text-decoration: underline;
}
#content a.e_irb:hover {
color: #6D54D3;
text-decoration: italics;
}
#content a.e_irb:active {
color: #7B8CAC;
}
*/
/* Copyright notification */
#footer {
clear: both;
padding: px 0px 0px 0px;
margin: 25px 0px 0px 0px;
/*font-size: 8pt;*/
font-size: 8pt;
border-top: 2px solid #336633;
margin-top: 15px;
text-align: center;
/*background-color: #ccffcc;*/
background-color: #fcd5b5;
}
#logos {
clear: both;
height: 35px;
background-color: #fff;
}
#home_logos {
clear: both;
height: 50px;
background-color: #fff;
}
#mcl_logo {
position: absolute;
left: 20px;
z-index: 5;
padding: 1px;
background: #fff;
}
#hms_logo {
position: absolute;
right: 20px;
z-index: 5;
padding: 1px;
background: #fff;
}
#copyright {
clear: both;
font-size: 8pt;
text-align: right;
background-color: #cccccc;
}
/* for use in those pages which require two columns! */
/* left column should be a . you get the idea. */
.leftcol {
float: left;
width: 55%;
top: 0px;
line-height: 1.5;
}
.leftcol h2, .rightcol h2, .leftcol h3, .rightcol h3 {
margin-top: 0;
}
.rightcol {
margin-left: 40%;
vertical-align: top;
}
/* A "standard" table for general content, like scientific stuff */
/*#content table.sectionedright { float: right; width: 250px; margin: 0px 0px 5px 3px; }
DJE 090619 */
#content table.sectionedright { float: right; width: 150px; margin: 0px 0px 5px 3px; }
#content table.sectionedright td { padding: 5px; border: 1px solid #eee; background: url(../images/bg-texturedtable.png); /*background: #f7f7f7;*/ text-align: center; vertical-align: top; }
#content table.sectionedright td.heading {
border: 1px solid #ddd;
background: #eee;
padding: 7px;
margin: 0px 4px 0px 4px;
text-align: center;
vertical-align: top;
}
#content table.sectionedright p { font-size: 15px; margin: 5px 0px 5px 0px; }
#content table.sectionedright a { font-weight: bold; text-decoration: none; }
#content table.sectionedright a:hover { text-decoration: underline; }
/* indent paragraph for news items and press releases DJE 081209 */
p.indent {text-indent: 36pt;}
.indented
{
padding-left: 36pt;
padding-right: 36pt;
}
/* CSS for Form pages 140812 19:28 */
.red_text {
color: #FF0000;
font-weight: bold;
}
/* http://www.sanwebe.com/2013/10/css-html-form-styles */
/* Basic Grey */
.basic-grey {
margin-left:auto;
margin-right:auto;
max-width: 500px;
background: #F7F7F7;
padding: 25px 15px 25px 10px;
font: 12px Georgia, "Times New Roman", Times, serif;
color: #888;
text-shadow: 1px 1px 1px #FFF;
border:1px solid #E4E4E4;
}
.basic-grey h1 {
font-size: 25px;
padding: 0px 0px 10px 40px;
display: block;
border-bottom:1px solid #E4E4E4;
margin: -10px -15px 30px -10px;;
color: #888;
}
.basic-grey h1>span {
display: block;
font-size: 11px;
}
.basic-grey label {
display: block;
margin: 0px;
}
.basic-grey label>span {
float: left;
width: 20%;
text-align: right;
padding-right: 10px;
margin-top: 10px;
color: #888;
}
.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select {
border: 1px solid #DADADA;
color: #888;
height: 30px;
margin-bottom: 16px;
margin-right: 6px;
margin-top: 2px;
outline: 0 none;
padding: 3px 3px 3px 5px;
width: 70%;
font-size: 12px;
line-height:15px;
box-shadow: inset 0px 1px 4px #ECECEC;
-moz-box-shadow: inset 0px 1px 4px #ECECEC;
-webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
.basic-grey textarea{
padding: 5px 3px 3px 5px;
}
.basic-grey select {
background: #FFF url('down-arrow.png') no-repeat right;
background: #FFF url('down-arrow.png') no-repeat right);
appearance:none;
-webkit-appearance:none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
width: 70%;
height: 35px;
line-height: 25px;
}
.basic-grey textarea{
height:100px;
}
.basic-grey .button {
background: #E27575;
border: none;
padding: 10px 25px 10px 25px;
color: #FFF;
box-shadow: 1px 1px 5px #B6B6B6;
border-radius: 3px;
text-shadow: 1px 1px 1px #9E3F3F;
cursor: pointer;
}
.basic-grey .button:hover {
background: #CF7A7A
}
/* Elegant Aero */
.elegant-aero {
margin-left:auto;
margin-right:auto;
max-width: 500px;
background: #D2E9FF;
padding: 20px 20px 20px 20px;
font: 12px Arial, Helvetica, sans-serif;
color: #666;
}
.elegant-aero h1 {
font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 10px 10px 10px 20px;
display: block;
background: #C0E1FF;
border-bottom: 1px solid #B8DDFF;
margin: -20px -20px 15px;
}
.elegant-aero h1>span {
display: block;
font-size: 11px;
}
.elegant-aero label>span {
float: left;
margin-top: 10px;
color: #5E5E5E;
}
.elegant-aero label {
display: block;
margin: 0px 0px 5px;
}
.elegant-aero label>span {
float: left;
width: 20%;
text-align: right;
padding-right: 15px;
margin-top: 10px;
font-weight: bold;
}
.elegant-aero input[type="text"], .elegant-aero input[type="email"], .elegant-aero textarea, .elegant-aero select {
color: #888;
width: 70%;
padding: 0px 0px 0px 5px;
border: 1px solid #C5E2FF;
background: #FBFBFB;
outline: 0;
-webkit-box-shadow:inset 0px 1px 6px #ECF3F5;
box-shadow: inset 0px 1px 6px #ECF3F5;
font: 200 12px/25px Arial, Helvetica, sans-serif;
height: 30px;
line-height:15px;
margin: 2px 6px 16px 0px;
}
.elegant-aero textarea{
height:100px;
padding: 5px 0px 0px 5px;
width: 70%;
}
.elegant-aero select {
background: #fbfbfb url('down-arrow.png') no-repeat right;
background: #fbfbfb url('down-arrow.png') no-repeat right;
appearance:none;
-webkit-appearance:none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
width: 70%;
}
.elegant-aero .button{
padding: 10px 30px 10px 30px;
background: #66C1E4;
border: none;
color: #FFF;
box-shadow: 1px 1px 1px #4C6E91;
-webkit-box-shadow: 1px 1px 1px #4C6E91;
-moz-box-shadow: 1px 1px 1px #4C6E91;
text-shadow: 1px 1px 1px #5079A3;
}
.elegant-aero .button:hover{
background: #3EB1DD;
}
/*######## Smart Green ########*/
.smart-green {
margin-left:auto;
margin-right:auto;
max-width: 500px;
background: #F8F8F8;
padding: 30px 30px 20px 30px;
font: 12px Arial, Helvetica, sans-serif;
color: #666;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.smart-green h1 {
font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 20px 0px 20px 40px;
display: block;
margin: -30px -30px 10px -30px;
color: #FFF;
background: #9DC45F;
text-shadow: 1px 1px 1px #949494;
border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
border-bottom:1px solid #89AF4C;
}
.smart-green h1>span {
display: block;
font-size: 11px;
color: #FFF;
}
.smart-green label {
display: block;
margin: 0px 0px 5px;
}
.smart-green label>span {
float: left;
margin-top: 10px;
color: #5E5E5E;
}
.smart-green input[type="text"], .smart-green input[type="email"], .smart-green textarea, .smart-green select {
color: #555;
height: 30px;
line-height:15px;
width: 100%;
padding: 0px 0px 0px 10px;
margin-top: 2px;
border: 1px solid #E5E5E5;
background: #FBFBFB;
outline: 0;
-webkit-box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
font: normal 14px/14px Arial, Helvetica, sans-serif;
}
.smart-green textarea{
height:100px;
padding-top: 10px;
}
.smart-green select {
background: url('down-arrow.png') no-repeat right, -moz-linear-gradient(top, #FBFBFB 0%, #E9E9E9 100%);
background: url('down-arrow.png') no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#E9E9E9));
appearance:none;
-webkit-appearance:none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
width:100%;
height:30px;
}
.smart-green .button {
background-color: #9DC45F;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-border-radius: 5px;
border: none;
padding: 10px 25px 10px 25px;
color: #FFF;
text-shadow: 1px 1px 1px #949494;
}
.smart-green .button:hover {
background-color:#80A24A;
}
/* ###### White / Pink #########*/
.white-pink {
margin-left:auto;
margin-right:auto;
max-width: 500px;
background: #FFF;
padding: 30px 30px 20px 30px;
box-shadow: rgba(187, 187, 187, 1) 0 0px 20px -1px;
-webkit-box-shadow: rgba(187, 187, 187, 1) 0 0px 20px -1px;
font: 12px Arial, Helvetica, sans-serif;
color: #666;
border-radius: 10px;
-webkit-border-radius: 10px;
}
.white-pink h1 {
font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 0px 0px 10px 40px;
display: block;
border-bottom: 1px solid #F5F5F5;
margin: -10px -30px 10px -30px;
color: #969696;
}
.white-pink h1>span {
display: block;
font-size: 11px;
color: #C4C2C2;
}
.white-pink label {
display: block;
margin: 0px 0px 5px;
}
.white-pink label>span {
float: left;
width: 20%;
text-align: right;
padding-right: 10px;
margin-top: 10px;
color: #969696;
}
.white-pink input[type="text"], .white-pink input[type="email"], .white-pink textarea,.white-pink select{
color: #555;
width: 70%;
padding: 3px 0px 3px 5px;
margin-top: 2px;
margin-right: 6px;
margin-bottom: 16px;
border: 1px solid #e5e5e5;
background: #fbfbfb;
height: 25px;
line-height:15px;
outline: 0;
-webkit-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
}
.white-pink textarea{
height:100px;
padding: 5px 0px 0px 5px;
width: 70%;
}
.white-pink .button {
-moz-box-shadow:inset 0px 1px 0px 0px #fbafe3;
-webkit-box-shadow:inset 0px 1px 0px 0px #fbafe3;
box-shadow:inset 0px 1px 0px 0px #fbafe3;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff5bb0), color-stop(1, #ef027d) );
background:-moz-linear-gradient( center top, #ff5bb0 5%, #ef027d 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#ef027d');
background-color:#ff5bb0;
border-radius:9px;
-webkit-border-radius:9px;
-moz-border-border-radius:9px;
border:1px solid #ee1eb5;
display:inline-block;
color:#ffffff;
font-family:Arial;
font-size:15px;
font-weight:bold;
font-style:normal;
height: 40px;
line-height: 30px;
width:100px;
text-decoration:none;
text-align:center;
text-shadow:1px 1px 0px #c70067;
}
.white-pink .button:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ef027d), color-stop(1, #ff5bb0) );
background:-moz-linear-gradient( center top, #ef027d 5%, #ff5bb0 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef027d', endColorstr='#ff5bb0');
background-color:#ef027d;
}
.white-pink .button:active {
position:relative;
top:1px;
}
.white-pink select {
background: url('down-arrow.png') no-repeat right, -moz-linear-gradient(top, #FBFBFB 0%, #E9E9E9 100%);
background: url('down-arrow.png') no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#E9E9E9));
appearance:none;
-webkit-appearance:none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
width: 70%;
line-height: 15px;
height: 30px;
}
/* #### bootstrap Form #### */
.bootstrap-frm {
margin-left:auto;
margin-right:auto;
max-width: 500px;
background: #FFF;
padding: 20px 30px 20px 30px;
font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #888;
text-shadow: 1px 1px 1px #FFF;
border:1px solid #DDD;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.bootstrap-frm h1 {
font: 25px "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 0px 0px 10px 40px;
display: block;
border-bottom: 1px solid #DADADA;
margin: -10px -30px 30px -30px;
color: #888;
}
.bootstrap-frm h1>span {
display: block;
font-size: 11px;
}
.bootstrap-frm label {
display: block;
margin: 0px 0px 5px;
}
.bootstrap-frm label>span {
float: left;
width: 20%;
text-align: right;
padding-right: 10px;
margin-top: 10px;
color: #333;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bold;
}
.bootstrap-frm input[type="text"], .bootstrap-frm input[type="email"], .bootstrap-frm textarea, .bootstrap-frm select{
border: 1px solid #CCC;
color: #888;
height: 20px;
line-height:15px;
margin-bottom: 16px;
margin-right: 6px;
margin-top: 2px;
outline: 0 none;
padding: 5px 0px 5px 5px;
width: 70%;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.bootstrap-frm select {
background: #FFF url('down-arrow.png') no-repeat right;
background: #FFF url('down-arrow.png') no-repeat right;
appearance:none;
-webkit-appearance:none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
width: 70%;
height: 35px;
line-height:15px;
}
.bootstrap-frm textarea{
height:100px;
padding: 5px 0px 0px 5px;
width: 70%;
}
.bootstrap-frm .button {
background: #FFF;
border: 1px solid #CCC;
padding: 10px 25px 10px 25px;
color: #333;
border-radius: 4px;
}
.bootstrap-frm .button:hover {
color: #333;
background-color: #EBEBEB;
border-color: #ADADAD;
}
/* #### Dark Matter #### */
.dark-matter {
margin-left: auto;
margin-right: auto;
max-width: 500px;
background: #555;
padding: 20px 30px 20px 30px;
font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #D3D3D3;
text-shadow: 1px 1px 1px #444;
border: none;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.dark-matter h1 {
padding: 0px 0px 10px 40px;
display: block;
border-bottom: 1px solid #444;
margin: -10px -30px 30px -30px;
}
.dark-matter h1>span {
display: block;
font-size: 11px;
}
.dark-matter label {
display: block;
margin: 0px 0px 5px;
}
.dark-matter label>span {
float: left;
width: 20%;
text-align: right;
padding-right: 10px;
margin-top: 10px;
font-weight: bold;
}
.dark-matter input[type="text"], .dark-matter input[type="email"], .dark-matter textarea, .dark-matter select {
border: none;
color: #525252;
height: 25px;
line-height:15px;
margin-bottom: 16px;
margin-right: 6px;
margin-top: 2px;
outline: 0 none;
padding: 5px 0px 5px 5px;
width: 70%;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
background: #DFDFDF;
}
.dark-matter select {
background: #DFDFDF url('down-arrow.png') no-repeat right;
background: #DFDFDF url('down-arrow.png') no-repeat right;
appearance:none;
-webkit-appearance:none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
width: 70%;
height: 35px;
color: #525252;
line-height: 25px;
}
.dark-matter textarea{
height:100px;
padding: 5px 0px 0px 5px;
width: 70%;
}
.dark-matter .button {
background: #FFCC02;
border: none;
padding: 10px 25px 10px 25px;
color: #585858;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
text-shadow: 1px 1px 1px #FFE477;
font-weight: bold;
box-shadow: 1px 1px 1px #3D3D3D;
-webkit-box-shadow:1px 1px 1px #3D3D3D;
-moz-box-shadow:1px 1px 1px #3D3D3D;
}
.dark-matter .button:hover {
color: #333;
background-color: #EBEBEB;
}
.body_text { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}