/* @group Layout */

a:focus {
	outline-style: none;
}

#hd {
	margin: 0 2em 0;
	text-align: left;
}

#bd {
	clear: both;
	display: block;
	padding-bottom: 1em;
}

.logo a {
	width: 220px;
	height: 50px;
	display: block;
	margin: 0;
	text-indent: -7000em;
}

#ft {
	text-align: center;
	margin: 0 -10px;
	padding: 1em 3.5em;
	font-size: 85%;
	clear: both;
	position: relative;
	z-index: 1;
}

#feedback_box {
	text-align: left;
	background: white;
	width: 450px;
	padding: 1em;
	border: 1px solid;
}

#feedback_box textarea {
	height:100px;
	width:400px;
}

.center {
	text-align: center;
	margin: 0 auto;
}

.left {
	float: left;
}

.right {
	float: right;
}

html {
	margin: 0;
	padding: 0;
	background: transparent
}

body, textarea {
	font-family: "myriad pro", "lucida grande", Helvetica, sans-serif;
}
body {
	margin: 0;
	padding: 0;
	font-size: 93%;
}
/* @end */

/* @group Images */

img {
	text-decoration: none;
	border: none;
}

.search_results li img {
	position: absolute; 
	left: 0;
	top: 0;
	margin:1.5em 0 0 1.5em;
}
.button img {margin: 0 .2em 0 0;}
.logo img {
	display: inline;
	vertical-align: middle;
	float: none;
	margin: 0 .2em 0 0;
}

.screen img, .element .icon img {
	margin: 0 0 .2em !important;
}

.icon {
	float: left;
	margin: 2em 1.5em 1em 0;
	height:50px;
	line-height:50px;
}
.icon img {
	vertical-align:middle;
}
/* @end */


/* @group Screenshots */

.screen {
	position: relative;
	text-decoration: none;
	display: block;
}

.screen li {
	list-style: none;
}

.subtext {
	width: 194px;
	position: absolute;
	top: 160px;
	right: 0;
	color: #888;
	display: table-cell;
	line-height: 140%;
}

/* @end */

/* @group Headings */

h1, h2 {
	font-weight: normal;
	text-align: left;
}

h1 {
	font-size: 138.5%;
}

h2 {
	font-size: 116%;
}
#univ h1 {margin: 0; padding: 1.5em 0 .5em}
.software #univ h1 {padding: 2em 0 1em;}
.software .yui-t5 #yui-main .yui-b {margin-left: -1em;}
/* @end */

/* @group Tags */
.scrollm li {float: left; padding: 15px 12px; margin: 0 0 1em; height: 280px; width: 202px; list-style: none; vertical-align: top; position: relative; border: solid transparent 1px; z-index: 0 !important;}
.scrollm {width: 700px; height: 360px;}
.scrollm ul {width: 700px;}
.scrollm ul, .scrollm h2, .scrollm .media, .scrollm .screen, .scrollm .element h1, .scrollm .element {margin: 0; padding: 0;}
.scrollm .element {text-align: center !important; height: 290px; margin: 0; padding: 0; z-index: 0;}
.scrollm .element h4, .scrollm #features, .scrollm .element .tags, .scrollm .element .yui-gb, .scrollm .icon, .scrollm .bar, .scrollm #bene {display: none;}
.scrollm .element h1, .scrollm .element h2 {font-weight: normal; text-align: center; font-size: 100%; z-index: 0;}
.scrollm .description {left: 0; padding: 10px; font-size: 77%; position: absolute; top: 175px; z-index: 1;}
.scrollm .download {position: absolute; top: 240px; left: 50px; z-index: 11;}
.scrollm .element .media .screen {position: absolute; top: 33px; left: 0; z-index: 0;}
.scrollm .element h2 a {height: 295px; width: 220px; display: block; position: absolute; top: -20px; padding: 15px 0 0 0; left: 0; margin-left: -10px; z-index: 10 !important;}

/* @end */

/* @group Forms */

fieldset, form {
	border: none;
	padding: 0;
	margin: 0;
}

form p {
	display: block;
}

form p label {
	width: 8em;
	display: inline-block;
	text-align: right;
}

form p input {
	margin-left: 1em;
}

/* @end */

/* @group Search */

.search {
	position: absolute;
	padding: 0;
	top: 1.5em;
	right: 0;
	z-index: 1;
}

.search input {
	position: relative;
	z-index: 16;
	font-size: 85%;
}

#search_results {
	position: absolute;
	width: 100%;
	margin: -3em 0 0 -1.3em;
	left: 0;
	z-index: 15;
	text-align: left;
	font-size: 83%;
	display: none;
	padding: 3.2em 1em 1em 1em;
}

#search_results a {
	color: #fff;
	text-decoration: underline;
}

#search_results h2 {
	margin: 5px 0 0;
}

#search_results h2 strong {
	color: #fff;
}

#projectr, #tagr, #histr {
	margin: 0 0 10px 0;
}


/* @end */

/* @group Buttons */

input {
	padding: .2em .6em;
}
.download a, .button a, input.submit {
	padding: .3em .6em .2em;
	text-decoration: none;
	position: relative;
}
.download a {
	display: block;
	margin: 1em .3em 0;
}

.controls label {
	text-align: center;
	padding: 0.1em 0.4em 0.25em 0.44em;
}
.controls form {display: inline;}

.upper_right {
	position: absolute;
	top: .5em;
	right: 1em;
	font-size: 85%;
}

.upper_right a {
	margin: 0 1em;
}

.upper_right .facebook_profile_pic img {
	height:32px;
	vertical-align:top;
}

.theme {
	padding: 0 0 0 1em
}

.controls {
	position: absolute;
	top: 0;
	width: 100%;
	padding: .2em 0 .4em;
	left: 0;
	overflow: hidden;
	font-size: 85%;
}

#hd .controls #search_results a, #hd .controls #search_results a:hover {
	padding: 0;
	margin: 0;
	background: transparent !important;
	border: none;
	display: block;
	position: relative;
	text-align: left;
	float: none;
}

#hd .controls a {
	padding: .4em .8em .2em .8em;
	font-size: 85%;
}

/* @end */


/* @group love/hate */
.selected {background-color: #ccc;}
/* @end */


/* @group Download */

.browse .download {
	position: absolute;
	top: 2em;
	right: 1em;
	text-align: center;
	font-size: 108%;
}
.software .download a
{
        display: block;
	text-align: center;
	width: 250px;
	padding: .3em 0;
	font-size: 116%;
	margin: 1em auto 1em;
}


.browse .download a {
	display: block;
	width: 6em;
}

/* @end */

a#more_reviews {
	float:right;
	font-size:80%;
	margin-bottom:5px;
	margin-right:25px;
}
#review_input, #reviews_shortlist {
    background: #EFF7FF;
    margin-left: auto;
    margin-right: auto;
    padding: 1em;
    width: 225px;
    -moz-border-radius: .6em;
    -webkit-border-radius:.6em;
}
#review_input p {
    padding:0;
    text-align:center;
    font-size: 80%;
    width: 100%;
}
#review_input textarea {
    width: 100%;
    margin: 1em 0px;
    height: 10em;
}
#review_input input {
    margin: 0px 5px;
    width: 80px;
    font-size: 80%;
}
#reviews_shortlist {
    max-height: 10em;
    overflow-y: auto;
}
#reviews_shortlist p {
    margin: .5em 0 0 0;
    padding: 0;
    font-size: 85%;
}
#reviews_shortlist .hide p {border-top: 1px solid #A4DAEF; padding-top: .5em;}
#reviews_shortlist p em {
    margin-top: 1em;
}

/* @group Video */
#video {text-align: center; margin: 4em 0; clear: both;}
#video embed {margin: 0 auto; display: block;}

/* @end */

/* @group Blocks */
.yui-b.focus  { margin: 2em -2em 0 0; text-align: center; padding-bottom: 1.5em; width: 300px !important;}
.yui-b.focus .yui-gb .yui-u a {display: inline-block; text-align: center; padding: .6em .8em 1em; line-height:15px; text-decoration: none;}
.yui-b.focus .yui-gb .yui-u {margin: 0 -.2em 0 0; }
.yui-b.focus .yui-gb {margin: 0 0 1em 1em;}
.yui-b.focus ul li {list-style: none;}
.yui-b.focus ul, .yui-b.focus h4, .yui-b.focus p, .yui-b.focus ol {text-align: left; margin: 0; padding: .5em 2em; font-size: 93%;}
.yui-b.focus ul, .yui-b.focus p, .yui-b.focus ol {line-height: 160%}
.yui-b.focus ol {text-align: left; margin: 0; padding: .5em 2em; font-size: 93%;}
.yui-b.focus h4 span {position: absolute; right: .8em; top: .8em; text-decoration: none;}
.yui-b.focus h4 {position: relative; cursor: pointer;}


#univ {
	min-height: 425px;
	margin: 0 auto;
	position: relative;
	padding: 0 2em;
	z-index: 0;
	overflow: hidden;
	display: block;
}

.element { position: relative; }

.browse ul li {
	position: relative;
	list-style: none;
	text-align: left;
}
	
.element h2 {
	margin: 0 0 .2em;
	padding: 0;
}

.browse ul li h2 {
        margin: -1em 12em .5em 100px;
        overflow: hidden;
	padding: 2em 0 0;
}
.browse ul {margin: 0; padding: 0;}
.browse ul li .description {
	margin: 0 12em 2em 100px;
	font-size: 93%;
	line-height: 160%;
}
.software .description {padding: 0; margin: 0 0 2em; clear: left; font-size: 93%;}
.element p, .element ul li {
	line-height: 160%;
}

.element ul li {
	padding-left: .3em
}

.element ul {
	margin: 0;
	padding: .5em 1em
}

.element .yui-u p {
	margin: .5em 1em;
}

.element .yui-u h4, .element .yui-u ul,  .element .yui-u span {
	margin: 0 1em;
}

.element .yui-u h4 {
	margin: 1em 1em 0
}

.element .yui-u {
	vertical-align: top;
}

.browse #bd ul li {
	padding: 0;
	display: block;
}

.element h4 {
	padding: 0;
	margin: 0;
}
#bene, #feat {
	clear: both;
}
#feat, .frame, .subtext {font-size: 85%}
#bene .subtext {font-size: 77%}
#bene h4 { font-size: 116%}
#bene div {
	margin: 0 0 1em;
}
#feat li {margin-bottom: 1em;}
.media a {
	clear: both;
	margin-top: 1em;
}
.element br {
	display: block;
}

.element hr {
	margin: .6em 0 0;
}

#foryou .yui-g {background-color: #040F18; padding: 1em 2em; display:block; clear: both;}
#foryou .yui-g .yui-u.first {text-align: left; margin: 0; font-size: 108%}
#foryou h4, #foryou ul, #foryou .yui-g h3 {margin: 0; padding: 0; font-weight: normal;}
#foryou .yui-g .yui-u {text-align: right; font-size: 93%; margin: .2em 0 0;}
#foryou	ul li {list-style: none; margin: 1em 14px; float: left; text-align: center;} 
#foryou ul li {width: 147px;}
#foryou .yui-g .yui-u .selected { font-weight: bold; text-decoration: none; background: none; border: none;}
#foryou h4 {margin: 0 0 1em; text-decoration: underline; font-size: 85%}
#foryou .yui-g .yui-u a {margin: 0 .25em;}
#foryou {clear: both;}


.projectlist .yui-g {background-color: #040F18; padding: 1em 2em; display:block; clear: both;}
.projectlist .yui-g .yui-u.first {text-align: left; margin: 0; font-size: 108%}
.projectlist h4, .projectlist ul, .projectlist .yui-g h3 {margin: 0; padding: 0; font-weight: normal;}
.projectlist .yui-g .yui-u {text-align: right; font-size: 93%; margin: .2em 0 0;}
.projectlist	ul li {list-style: none; margin: 1em 14px; float: left; text-align: center;} 
.projectlist ul li {width: 142px;}
.projectlist .yui-g .yui-u .selected { font-weight: bold; text-decoration: none; background: none; border: none;}
.projectlist h4 {margin: 0 0 1em; text-decoration: underline; font-size: 77%}
.projectlist .yui-g .yui-u a {margin: 0 .25em;}
.projectlist {clear: both;}

#browseby .yui-g {display:block; clear: both;}
#browseby .yui-g .yui-u.first {text-align: left; margin: 0; font-size: 108%}
#browseby h4, #browseby ul, #browseby .yui-g h3 {margin: 0; padding: 0; font-weight: normal;}
#browseby .yui-g .yui-u {text-align: right; font-size: 77%;}
#browseby ul li {list-style: none; margin: 0 1.2em; float: left; text-align: center;} 
#browseby .yui-g .yui-u .selected { font-weight: bold; text-decoration: none; background: none; border: none;}

.scrollv ul {margin: .5em 0; list-style: none; text-align: left; padding: 0;}
.scrollv li a {padding: .35em .8em; display: block; font-size: 93%;} 
.scrollv li a:hover {text-decoration: none}

.navx {position: absolute;}
.pagecount {
	color: #777;
	/*display: block; */
	font-size: 85%;
	text-align: center;
	width: 150px;
}

.pagecount.main {
	position: relative;
	right: -365px;
	margin: 0;
}

.nav a, .nav2 a, .nav3 a {position: absolute; text-indent: -700em; width: 60px; height: 50px; top: 0px;}
a.prev, a.prev2, a.up {left: 20px;}
a.next, a.next2, a.down {right: 20px;}
a.prev:hover, a.prev2:hover {background: url('/f4u/i/goo_set2.png') no-repeat -20px -120px;}
a.next:hover, a.next2:hover {background: url('/f4u/i/goo_set2.png') no-repeat -70px -60px;}
a.up:hover {background: url('/f4u/i/goo_set.png') no-repeat -20px -120px;}
a.down:hover {background: url('/f4u/i/goo_set.png') no-repeat -70px -60px;}

/* @end */

/* @group Modal */

.close {
        height: 32px;
        width: 32px;
        display: block;
        overflow: hidden;
        text-decoration: none;
        cursor: pointer;
        z-index: 5;
        padding-top: 6px;
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 167%;
}

.close:hover {
        background-position: 0 -40px;
        color: #000;
}

.back {
	position: absolute;
	top: 10px;
	left: 10px;
}

.butter {
	height: 32px;
	width: 32px;
	display: block;
	overflow: hidden;
	background: url(/f4u/i/gloss_button.png) no-repeat 0 0;
	text-decoration: none;
        cursor: pointer;
        z-index: 5;
        padding-top: 6px;
}

.butter:hover {
	background-position: 0 -40px;
	color: #000;
}

.ui-dialog-title h2 {font-size: 100%; margin: 0; padding: 0;}
.ui-dialog .ui-dialog-title {margin-right: 20px !important;}
/* @end */

/* @group Messaging */

.message {
margin: .5em auto;
padding: .3em 1em;
color: #000;
width: 62.5em;
}

.message p {padding: .2em 0; margin: 0;}

.info {
background:#dfd;
border: .1em solid #bfb;
}

.error {
background:#fdd;
border: .1em solid #fbb;
}

.warning {
background:#ffd;
border: .1em solid #fe6;
color: #000;
}

.errorlist {
	color: red;
}

.search-hilite {
background:#ffd;
border: .1em solid #fe6;
color: #000;
}
#at15s_head, #at16pf {background: none !important; border: none !important}

/* @end */

/* @group modal */
.ui-widget-content {font-size: 93% !important; line-height: 160%;}
.ui-widget-content h2 {font-weight: bold;}

/* @end */

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;min-width:750px;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main,.yui-g .yui-u .yui-g{width:100%;}{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g .yui-u{width:48.1%;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;} .yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}