@import "/Communities/Common/Styles/Default.css";
@import "/Communities/MyTrakCom/Themes/White/Styles/screen.css";

body { font-family: "Calibri", Geneva, Arial, Helvetica, sans-serif;  }/*background: #fff url(../Images/back.jpg) no-repeat center top; */
img { border: 0; }
ol, ul, p { font-size: 12px; }
#top { margin: 0 auto; width: 950px; height: 76px; padding-top:12px; }
.logo { float:left; }
.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 { float: right; background:#fff; text-transform: uppercase; margin-top:31px; }
.topNav a { text-decoration: none; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1.35em; text-transform: uppercase; color: #0A3B80; 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.5em; text-decoration: none; margin-top: 5px;  }
.tabButton:hover { background: #000; color: #fff; }
a:hover.tabButton { text-decoration: none; }
/*
.tabButton { color: #fff; background: #a5d1ec; padding: 4px 8px; font-size: 1.2em; position: relative; top: 175px; left: 310px; text-decoration: none; }
 */

#mygalone { margin-top: 0px; width: 980px; }

.lightBlue { color: #8db7d9;  font-size: 1.5em; margin-bottom: 4px; }

h1.def { color: #333; font-size: 2em; font-weight: bold; letter-spacing: -0.03em; margin: 4px 0; }
.green { color: #009900; }

.navi h3 { font-size: 1.15em; color: #fff; margin-top: 16px; font-weight: normal; text-align: center;  }
.navi h4 { font-size: 1em; width: 150px; margin: 10px 10px; color: #666; font-weight: normal; }
.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;  }
.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; list-style-type: none; }
.stripTransmitter { overflow: hidden; width: 1%;  z-index: 400; background: #fff; }
.stripTransmitter ul { margin: 0; padding: 0; position: relative; list-style-type: none; }
.stripTransmitter ul li { height: 50px; float:left; list-style-type: none; border-right: 1px solid #ccc;}
.stripTransmitter a { background: #586f7e; display:block; width:189px; float:left; height:50px; cursor:hand; text-decoration: none; }
.stripTransmitter a:hover, a.current { background: #272727; }
/*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(/Communities/MyTrakCom/Themes/White/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; }

*/
.Reseller { color: #666; }
.Reseller a:link, .Reseller a:active, .Reseller a:visited { color: #666; }
.Reseller a:hover { color: #666; }


.dblue { color: #586f7e; }
.white { color: #fff; }
.bpoll table { width: 220px; }


.login { width: 950px; margin: 0 auto; }
.pushright3 { margin-right: 3px; }
h2 { font-size: 3em; color: #7593ab; margin-bottom: 0px; margin-top: 0px !important; }
h2.home{ font-size: 2em; color: #000; font-weight:bold; margin-bottom: 0px; margin-top: 0px !important; padding-bottom:10px; letter-spacing:1px; }
.tab { border: 10px solid #808080; background: #fff url(/communities/common/images/admin/box-bgr.gif) repeat-x scroll center top; border: solid 1px #e0e0e0; overflow:hidden;padding:4px;height:109px;}

.introHead { z-index: 199; position: absolute; margin-top: 120px; margin-left: 28px; }
.introHead h1 { color: #fff; font-size: 2em; width: 580px; font-weight: normal;  margin-bottom: 10px; line-height: 22px }
.headerHead { z-index: 199; position: absolute; margin-top: 90px; margin-left: 28px; }
.headerHead h1 { color: #000; font-size: 5.14em; width: 560px; font-weight: bold;  margin-bottom: 4px; letter-spacing: -2px; }
.headerHead p { margin-top: -4px; margin-left: 4px; color: inherit; font-size: 14px; width: 500px; }

.header{ position:relative;}
.headerTitle{ font-size:24pt; position:absolute; top:10px; left:12px; width:600px;}
.headerSubTitle{ font-size:18pt; position:absolute; top:57px; left:9px;}
.headerJoinToday{position:absolute; top:280px; left:340px; width:240px; font-weight:bold; text-align:center;}
.headerLearnMore{position:absolute; top:390px; left:410px;}
.headerTagline{position:absolute; top:125px; left:97px;width:500px; font-weight:bold; font-size:14pt;}

 /* Easy Slider */
#slider ul, #slider li, #slider2 ul, #slider2 li { margin: 0; padding: 0; list-style: none; }
        #slider2 { margin-top: 1em; }
        #slider li, #slider2 li { 
        /* 	define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ width: 950px; height: 356; overflow: hidden; }
        #prevBtn, #nextBtn, #slider1next, #slider1prev { display: block; width: 30px; height: 77px; position: absolute; left: -30px; top: 71px; z-index: 1000; }
        #nextBtn, #slider1next { left: 696px; }
        #prevBtn a, #nextBtn a, #slider1next a, #slider1prev a { display: block; position: relative; width: 30px; height: 77px; background: url(../images/btn_prev.gif) no-repeat 0 0; }
        #nextBtn a, #slider1next a { background: url(../images/btn_next.gif) no-repeat 0 0; }
        /* numeric controls */ol#controls { margin: 1em 0; padding: 0; height: 10px; }
        ol#controls li { margin: 0 10px 0 0; padding: 0; float: left; list-style: none; height: 10px; line-height: 10px; }
        ol#controls li a { float: left; height: 10px; line-height: 10px; border: 1px solid #ccc; background: #f1f1f1; color: #555; padding: 3px 3px; text-decoration: none; }
        ol#controls li.current a { background: #5DC9E1; color: #fff; }
        ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus { outline: none; }
        /* // Easy Slider */