/* yolink styles - 12-9-09  V1.0 */

* { margin:0px;padding:0px;}

html { overflow: -moz-scrollbars-vertical; }
html { overflow-y: auto; }


html, body{margin:0px; padding:0px;}

body{
	background: #eaeaea url(../im/bkgd.gif) repeat-x 0px 0px;
	text-align:center;
	color:#666;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	margin:0 auto;
}

a { -moz-outline-style:none;}
a{color:#17a204; text-decoration:none;}
a:hover{color:#555; text-decoration:none; cursor:pointer;}
a img{border:0;}

a, a:active, a:focus, input {outline: none;}

p{margin:0px 0px 20px 0px;}

h3{margin:0px 0px 5px 0px;font-size:15px;}
h4{margin:0px 0px 5px 0px;font-size:15px;}

.last{margin-right:0px !important; padding-right:0px !important;}
.first{margin-left:0px !important; padding-left:0px !important;}

.hide{display:none;}

.clear{width:100%; height:0px; clear:both; font-size:0px; line-height:0px;}

.green{color:#17a204 !important;}

.small{font-size:10px;line-height:16px;}

div#container{position:relative; width:980px;margin:0px auto; padding:0px; text-align:center;}

div#header{float:left;display:inline; width:990px; height:42px; margin:0px; padding:30px 10px 30px 0; text-align:left;}

a#logo{float:left;width:136px;height:42px;margin:0px;}

ul{list-style-type:none;padding:0px;}
ul#menu {float:right; display:inline; position:absolute; width:600px; list-style-type:none; padding:0; margin: 12px 0 0 302px;}
/* change margin right to make the links align :vm 2/1/10 */
ul#menu li {float:left; display:inline; margin:5px 41px 5px 0; padding: 0; }

/* ul#menu li {float:left; display:inline; margin:0 0 0 0; padding:5px 0 5px 102px;}  EDUCATION ?? */
ul#menu a {color: #555;}

ul#menu a:hover {
color: #17a204;
color: #149000;}

ul#menu {color: #fff;}
ul#menu span {font-size: 9px; line-height: 1.3em;} /* only for the contact dropdown */

ul#nav {float:right; display:inline; position:relative; width:580px; height:42px; list-style-type:none; padding:0px; margin:0px; overflow:hidden ;}
ul#nav li {float:left; display:inline; height:42px; line-height:42px; margin:0px; padding:0px; overflow:hidden;}
ul#nav li.act a, body#home #t-home a, body#how #t-how a, body#video #t-video a, body#help #t-help a, body#share #t-share a, body#contact #t-contact a {color: #000;}
ul#nav li a {float:left; height:42px;}
ul#nav li img {margin-top:0px;}

div#content{float:left;width:980px;margin:0px;text-align:left;}

div#downloadnow {float:left; width: 215px; padding: 25px 0 20px 0; margin-left: 5px;}

div#install_help{display:none;width:100%;height:70px;background-color:#01ae00;border-bottom:1px solid #343434;}

div#non-hero {position:relative;float:left;width:980px;height:370px; background:#FFFFFF}
div#non-hero-kstate {position:relative;float:left;width:980px;height:430px; background:#FFFFFF}
div#non-hero-contest {position:relative;float:left;width:980px;height:430px; background:#FFFFFF}
div#non-hero-success {position:relative;float:left;width:980px;height:350px; background:#FFFFFF}
div#non-hero-success ul{list-style-type:square; padding:0px; margin-left:30px}
div.non-heroleft{float:left;display:inline;margin:30px 0px 0px 30px;width:410px;}
div#non-heroright{float:left;display:inline;margin:30px 0px 0px 0px;width:355px;}

div.contest_left{float:left;display:inline;margin:80px 0px 0px 80px;width:280px;}
div#contest_right{float:left;display:inline;margin:80px 0px 0px 0px;width:460px;}
.rules{ font-size:10px; color:#999; line-height:10px; margin-top:20px;}

div.non-herofull{float:left;display:inline;margin:30px 0px 0px 30px;width:755px;}
div.non-herotext{float:left;display:inline;margin:30px 0px 0px 30px;width:755px;}
div#non-herolefttext{width:380px;height:218px; overflow:hidden;text-indent:-9999px;background: url(../whoops.gif) no-repeat 0px 0px;margin: 5px 0 0 -5px;}
div.non-heroleft span.small{font-size:10px;line-height:16px;}
div#non-hero ul{list-style-type:square; padding:0px; margin-left:30px}
div#non-hero ul li{list-style-type:square; padding:0px; margin-top:10px}


div#helphero {position:relative;float:left;width:980px;height:370px;background:#343434;}
div.helpheroleft{float:left;display:inline;margin:30px 0px 0px 30px;width:355px;}
div#helphero-save-share {height:390px;}
div#helphero-video{position:relative;float:left;width:980px;height:445px;background:#343434; text-align: left;}
div#helphero div.display{position:absolute;right:0px;top:-11px;width:520px;height:310px;margin:0px 17px 17px 0px;padding:11px 13px 13px 11px;background:transparent url(../bkgd-display.gif) no-repeat 0px 0px;}
div#helphero-quick {position:relative;float:left;width:980px;height:373px;background:#fff; text-align: left;}
div.helpherotext{float:left;display:inline;margin:7px 0px 0px 30px;width:355px;}
div#helpherolefttext{width:380px;height:218px; overflow:hidden;text-indent:-9999px;background: url(../whoops.gif) no-repeat 0px 0px;margin: 5px 0 0 -5px;}
div#hometext{width:380px;height:214px;overflow:hidden;text-indent:-9999px;background: url(../hometext3.gif) no-repeat 0px 0px; margin: 50px 0 0 -5px;}
div.helpherotext p.support, p.support {padding:0px 0px 0px 0px;margin:10px 0 0 0;font-size:9px; line-height: 1.4em; color: #ccc;}

div#hero, div#hero-save-share {position:relative;float:left;width:980px;height:370px;background:#343434;}
div#hero-save-share {height:390px;}
div#hero-video{position:relative;float:left;width:980px;height:445px;background:#343434; text-align: left;}
div#hero div.display{position:absolute;right:0px;top:-11px;width:520px;height:310px;margin:0px 17px 17px 0px;padding:11px 13px 13px 11px;background:transparent url(../bkgd-display.gif) no-repeat 0px 0px;}
div#hero-quick {position:relative;float:left;width:980px;height:373px;background:#fff; text-align: left;}
div.homeherotext{float:left;display:inline;margin:7px 0px 0px 30px;width:355px;}
div#hometext{width:380px;height:218px;overflow:hidden;text-indent:-9999px;background: url(../im/hometext3.gif) no-repeat 0px 0px; margin: 5px 0 0 -5px;}
div.homeherotext p.support, p.support {padding:0px 0px 0px 0px;margin:10px 0 0 0;font-size:9px; line-height: 1.4em; color: #ccc;}

div#quick-start {margin: 80px 0 0 80px; width: 768px; height: 204px; background: url(../im/quick-start.gif) no-repeat;}

div#press {margin: 40px 0 0 45px; color: #000;}
div#press h1 {font-weight: 100; color: #000; margin-bottom: 30px; font-size: 22px;}
div#press ul li {margin-bottom: 30px; color: #000;}

div#how{float:left;display:inline;width:980px;height:125px;margin:24px 24px 8px 20px;overflow:hidden;text-indent:-9999px;background: url(/yolink/im/how1.gif) no-repeat 0px 0px;}
div#sitemap{float:left;display:inline;width:980px;height:125px;margin:24px 24px 8px 20px;overflow:hidden;text-indent:-9999px;background: url(/yolink/im/sitemap1.gif) no-repeat 0px 0px;}
#th1 {position:absolute; margin:150px 0px 0px 32px;}
#th2 {position:absolute; margin:150px 0px 0px 368px;}
#th3 {position:absolute; margin:150px 0px 0px 706px;}

div#how1{float:left;display:inline;width:575px;height:125px;margin:24px 24px 8px 20px;overflow:hidden;text-indent:-9999px;background: url(../im/how1.gif) no-repeat 0px 0px;}
div#how2{float:left;display:inline;width:361px;height:171px;overflow:hidden;text-indent:-9999px;background: url(../im/how2a.gif) no-repeat 0px 0px;}
div#how3{float:left;display:inline;width:361px;height:169px;overflow:hidden;text-indent:-9999px;background: url(../im/how3a.gif) no-repeat 0px 0px;}
a#th1{float:left;display:inline;margin:0px 16px 0px 62px;}
a#th2{float:left;display:inline; margin:0px;}
a#th3{float:left;display:inline;margin:15px 0px 0px 10px;}

div#lg1,div#lg2{width:600px;height:400px;background:#fff;}
div#lg4,div#lg5{width:139px;height:133px;background:#fff;}

#zoom{z-index:1000;}
div#ed-fade {z-index:2000; position: absolute; margin: 20px 0 0 20px}
div#license-text {width: 200px;}
div#sidebar-license {width: 200px; font-size:10px; line-height: 13px; color:#666; float:right; margin: 5px 90px 0 0;}

div#support{position:relative;float:left;width:980px; padding:30px 0px;background:(../im/bkgd-support.gif) no-repeat top center; }
div#support div.item{float:left;display:inline;margin:0px 0px 0px 0px;width:170px; font-size:11px;line-height:16px}
div#support div.item img.png{float:left;width:80px;}
div#support div.item span.text-1{float:left;width:180px;}
div#support div.item span.text-2{float:left;width:180px; margin-left: 45px;}
div#support div.item span.text-3{float:left;width:180px; margin-left: 49px;}
div#support div.item span.text-4{float:left; margin-left: 45px;}
div#support div.item #text-img  {margin: 0px 0 10px 0}
div#support div.item span.text h3{font-size:16px;color:#373737;font-weight:normal;margin:0px;padding:px 0px 2px 0px;}
div#support div.item span.text div#quotes{float:left;width:220px;overflow:hidden;}
div#support div.item span.text p{font-size:11px;line-height:16px;margin:0px;padding:0px;width:170px;}
div#support div.item span.text ul{margin:0px;padding:0px 0px 0px 16px;list-style-type:disc;list-style-position:outside;}
div#support div.item span.text ul li{font-size:11px;line-height:16px;margin:0px;padding:0px 0px 4px 0px;}
div#support div.item a{font-size:9px;line-height:16px;margin:0px;padding:0px 0px 4px 0px;}

div#howherotext{float:left;width:980px;padding:30px 0px;background:(bkgd-support.gif) no-repeat top center;}
div#howherotext div.item{float:left;display:inline;margin:0px 35px 0px 0px;width:300px; font-size:11px;line-height:16px}
div#howherotext div.item #decor {font-style: italic; margin-top: -10px;}
div#howherotext div.item img.png{float:left;width:80px;}
div#howherotext div.item span.text-1{float:left;width:250px; margin-left: 32px;}
div#howherotext div.item span.text-2{float:left;width:250px; margin-left: 33px;}
div#howherotext div.item span.text-3{float:left;width:250px; margin-left: 35px;}
div#howherotext div.item span.text h3{font-size:16px;color:#373737;font-weight:normal;margin:0px;padding:0px 0px 2px 0px;}
div#howherotext div.item span.text div#quotes{float:left;width:220px;overflow:hidden;}
div#howherotext div.item span.text p{font-size:11px;line-height:16px;margin:0px;padding:0px;width:220px;}
div#howherotext div.item span.text ul{margin:0px;padding:0px 0px 0px 16px;list-style-type:disc;list-style-position:outside;}
div#howherotext div.item span.text ul li{font-size:11px;line-height:16px;margin:0px;padding:0px 0px 4px 0px;}

div#left{float:left;display:inline;width:620px;padding:30px 0px 30px 0px;}
div#right{float:right;display:inline;width:290px;padding:40px 0px 30px 20px;}

div#right p.support{padding:15px 0px 0px 50px;margin:0px;font-size:10px;line-height:14px;}

a#accept{float:right;}
p.accepttext{float:left;width:300px;}
div#agreement{float:left;width:100%;}

div#footer{float:left;display:inline;width:980px;margin:0px;padding:14px 0px 0px 0px;font-size:10px;text-align:left;border-top:1px solid #d2d2d2; color:#999;}
span.ftrlnks{float:left;}
span.ftrlinks a{color:#999;margin:0px 20px 0px 0px;}
span.ftrlinks a:hover{color:#17a204;}
span.copyright{float:right;}

span.icon{float:left;display:inline;width:19px;height:19px;overflow:hidden;margin:66px 18px 0px 0px;}
span.icon a{float:left; display:inline; width:19px; height:19px;margin:0px;}
span.icon a img{float:left; display:inline; margin:0px;}
span.icon a:hover{float:left; display:inline; margin:-20px 0px 0px 0px;}

form#contact{float:left;display:inline;width:280px;margin:0px;}
input, textarea, select{font-family:verdana, helvetica, arial, sans-serif; font-size:12px;}
fieldset{margin:0px; padding:0px; border:none;}
label{float:left; display:inline; width:270px; height:15px; line-height:15px;margin:0px 4px 4px 0px;}
input.text{float:left; display:inline; width:270px; height:15px; line-height:15px; background:#fff; color:#9d938e; border:0px; margin:0px 4px 8px 0px; padding:4px 2px; border:1px solid #969696;}
textarea{float:left; display:inline; width:270px; height:75px; line-height:15px; background:#fff; color:#9d938e; border:0px; margin:0px 4px 8px 0px; padding:4px 2px; border:1px solid #969696;}
input.formbtn{float:left;margin:0px;}
.error{border:1px solid #ff0000 !important;}
#success{float:left;width:270px;background:#d5eed2;color:#17A204;border:1px solid #17A204;padding:4px;margin-bottom:16px;text-align:center;}

ul.unstyled{list-style-type:disc !important;padding-left:20px !important;list-style-position:outside !important;margin-bottom:24px;}
ol.unstyled{padding-left:20px !important;list-style-position:outside !important;margin-bottom:24px;}

/* buttons and menu items */

a.download-now {
	background:url(../im/btn_downloadnow2.gif) no-repeat 0 0;}
a.menu-yolink-ed {
	background:url(../im/menu-yolink_edu.png) no-repeat 0 0;}
a.menu-help {
	background:url(../im/menu-help.png) no-repeat 0 0;}
a.menu-how {
	background:url(../im/menu-how.png) no-repeat 0 0;}
a.menu-create {
	background:url(../im/menu-create.png) no-repeat 0 0;}
a.menu-videos {
	background:url(../im/menu-videos.png) no-repeat 0 0;}	
a.menu-contact {
	background:url(../im/menu-contact.png) no-repeat 0 0;}
a.menu-download {
	background:url(../im/menu-download.png) no-repeat 0 0;}
	
a.chrome-download {
	background:url(../im/chrome-download.png) no-repeat 0 0;}	

a.menu-yolink-ed, a.download-now, a.menu-videos, a.chrome-download, a.menu-help, a.menu-create, a.menu-how, a.menu-download, a.menu-contact {
	text-indent:-3000px;
	overflow:hidden;
	display:block;
	}
a.menu-yolink-ed:hover, a.download-now:hover, a.menu-videos:hover, a.menu-help:hover, a.chrome-download:hover, a.menu-how:hover, a.menu-download:hover, a.menu-create:hover, a.menu-contact:hover {
	background-position: 0 100%;
	}	
a.download-now {
	width:215px;
	float:left;
	display:inline;
	height:33px;
	margin-right: 10px;
	margin-top: -5px;
}

/* new image menu */
a.menu-yolink-ed, a.menu-videos, a.menu-help, a.menu-how, a.menu-create, a.menu-contact, a.menu-download {
	width:54px;
	float:left;
	display:inline;
	height:20px;
}
a.menu-yolink-ed {width: 84px;}
a.menu-download {width: 80px;}
a.menu-help {width:36px;}
a.menu-how {width:106px;}
a.menu-create {width:54px;
a.menu-contact {width:60px;}

a.chrome-download {
	width:346px;
	float:left;
	display:inline;
	height:25px;
}
body#video a.menu-videos {background:url(../im/menu-videos-t.png) no-repeat 0 0; border: 1px dotted red;}