@import "/Communities/Curves/Assets/css/screen.css";
body { font-family: "Calibri", Geneva, Arial, Helvetica, sans-serif;}
.logo { position: absolute; z-index: 200; top: -12px; }
.wrap { background: #fff; width: 100%; }
.selectors { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1.04em; color: #a5d1ec; text-decoration: none; font-weight: lighter; padding: 5px 5px; letter-spacing: 0.03em; }
.topNav { margin-top: 50px; float: right; }
.topNav a { text-decoration: none; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1.2em; text-transform: lowercase; color: #8db7d9; font-weight: lighter; padding: 8px; }
.topNav a:hover { color: #000; }
.topNav ul { padding: 0; margin: 0; }
.topNav li { display: inline; }
.tool h1 { color: #8e8e8e; font-size: 2.5em; position: relative; top: 180px; left: 310px; width: 600px; }
.tabButton { color: #fff; background: #a5d1ec; padding: 4px 8px; font-size: 1.2em; text-decoration: none; }
.tabButton:hover { background: #000; color: #fff; }
/*
.tabButton { color: #fff; background: #a5d1ec; padding: 4px 8px; font-size: 1.2em; position: relative; top: 175px; left: 310px; text-decoration: none; }
 */

.introHead { z-index: 199; position: absolute; margin-top: 150px; margin-left: 350px;  }
.introHead h1 { color: #C2C2C2; font-size: 2.5em; width: 600px; }
.navi h3 { font-size: 1.3em; color: #a5d1ec; padding: 5px; margin-bottom: 0; }
.navi h4 { font-size: 1em; width: 150px; margin-left: 7px; color: #666; margin-top: 1em; }
.footer { padding-top: 10px; width: 950px; margin: 0 auto; color: #333; }
.footerHdr { color: #333; font-size: 1.2em; }
.footer ul { padding: 0; margin: 0; }
.footer li { display: inline; }
a.selected { background: #fff; color: #000; }
h4 { color: #566083; }
hr { background: #eee; }
/*preload classes*/ 
.svw { width: 50px; height: 20px; background: #000; }
.svw ul { position: relative; left: -999em; }
/*core classes*/ 
.stripViewer { position: relative; overflow: hidden; margin: 0 0 1px 0; }
.stripViewer ul { /* this is your UL of images */ margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; }
.stripViewer ul li { float:left; }
.stripTransmitter { overflow: auto; width: 1%; }
.stripTransmitter ul { margin: 0; padding: 0; position: relative; list-style-type: none; }
.stripTransmitter ul li { width: 235px; height: 105px; float:left;  margin: 0 1px 1px 0; }
.stripTransmitter a {  background:transparent url(../images/selection.png) no-repeat scroll; display:block; width:235px; float:left; height:105px; cursor:hand; text-decoration: none; }
.stripTransmitter a:hover, a.current { }
/*tooltips formatting*/ 
#tooltip { background: #fff; color: #000; opacity: 0.85; border: 5px solid #dedede; }
#tooltip h3 { font: normal 10px Verdana; margin: 0; padding: 6px 2px; border: 0; }


#thumbs { height:105px; position: absolute; top:420px; width:949px; }
.t a { background:transparent url(../images/selection.png) no-repeat scroll; display:block; width:235px; float:left; height:105px; cursor:pointer; text-decoration: none; }


#t0 { margin-left: 0; _margin-left: 0; }
#t0:hover { background-position: 0px -105px; }
#t0:active { background-position: 0px -105px; }
#t0.current { background-position: 0px -105px !important; }
#t1 { background-position: -238px 0px }
#t1:hover { background-position: -238px -105px; }
#t1:active { background-position: -238px -105px; }
#t1.current { background-position: -238px -105px !important; }
#t2 { background-position: -476px 0px; }
#t2:hover { background-position: -476px -105px; }
#t2:active { background-position: -476px -105px; }
#t2.current { background-position: -476px -105px !important; }
#t3 { background-position: -714px 0px; }
#t3:hover { background-position: -714px -105px; }
#t3:active { background-position:  -714px -105px; }
#t3.current { background-position:  -714px -105px !important; }

.lightBlue { color: #8db7d9; }
.grey{color: #9d9d9d;}
.tabButton { color: #fff; background: #a5d1ec; padding: 4px 8px; font-size: 1.1em; text-decoration: none; margin-top: 5px; }
.tabButton:hover { background: #000; color: #fff; }
a:hover.tabButton { text-decoration: none; }