@charset "utf-8";
/* Codecopia Reset v1.1  */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-style:normal;font-weight:400;outline:0;margin:0;padding:0}
:focus{outline:0}
input, textarea {margin:0}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th,td{text-align:left;vertical-align:top}
a{text-decoration:none}

body {background: url(img/bg-tile.jpg) #0e0e0e 0 0 repeat-x; font-family: Verdana, Geneva, sans-serif; font-size:12px}
textarea {font-size:12px; font-family:Verdana, Geneva, sans-serif}
p {color:#666; line-height:20px; padding-bottom:1em}
h1, h2, h3, h4, h5, h6 {color:#fff; padding-bottom:1em}
#wrapper {width:860px; background:url(img/background.jpg) #000 center top no-repeat; margin:auto; position:relative; min-height:585px; padding-top:115px}
#logo {position:absolute; left:0; top:28px; background: url(img/logo.png) 0 0 no-repeat; width:197px; height:61px; display:block}
#menu {position:absolute; top: 26px; height:65px; width:610px; padding-left:3px; right:0; display:block}
#menu a {font-size:11px; text-transform:uppercase; color:#666; line-height: 65px; float:left; display:block; width:122px; text-align:center}
#menu a:hover, #menu a.current { line-height:63px; color:#fff; padding-bottom:2px}
.header {padding:75px 0 45px 0; height:45px; width:850px; text-indent:-999em}
	#home.header {background: url(img/headers/home.png) center 75px no-repeat;}
	#apply.header {background: url(img/headers/apply.png) center 75px no-repeat;}
	#explore.header {background: url(img/headers/explore.png) center 75px no-repeat;}
	#login.header {background: url(img/headers/login.png) center 75px no-repeat;}

.box {float:left; background: url(img/box.png) center bottom no-repeat; width:282px; height:260px; position:relative}
.row .box {background: url(img/box.png) center top no-repeat; height:213px; overflow:hidden}
.row {margin-bottom:18px; clear:both; float:left; overflow:hidden}
.middle {margin:0 7px}
.box h2 {color:#fff; font-size:16px; display:block; line-height:42px; padding: 0 15px; position:relative}
.box p { padding-bottom:1em}
.box img {position:absolute; right:10px; top:10px}
.box .private {position:static; margin:20px auto 0 auto; display:block; width:207px}
.box-inner {padding:15px; font-size:12px; color:#666; line-height:20px}
ul.bullet li {display:block; background: url(img/ul-bullet.gif) 0 9px no-repeat; padding-left:10px}
.box strong {font-weight:700; color:#999}
a.button {display:block; position:relative; background: url(img/button.gif) right top no-repeat; padding: 0 11px 0 10px; line-height:25px; float:right; clear:both;  text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#fff; text-shadow: 0 1px 0 #930}
a.button span {display:block; height:25px; left:-1px; position:absolute; width:4px; background: url(img/button-end.gif) 0 0 no-repeat}
.box .button { position:absolute; right:15px; bottom:60px}

.box2 {float:right; background: url(img/box2.png) center bottom no-repeat; width:550px; height:213px; position:relative}
.box2 h2 {color:#fff; font-size:16px; display:block; line-height:42px; padding: 0; position:relative}
.box2 p { padding-bottom:1em}
.box2 img {position:absolute; right:10px; top:10px}
.box-inner {padding:15px; font-size:12px; color:#666; line-height:20px}
ul.bullet li {display:block; background: url(img/ul-bullet.gif) 0 9px no-repeat; padding-left:10px}
.box strong {font-weight:700; color:#999}
a.button {display:block; position:relative; background: url(img/button.gif) right top no-repeat; padding: 0 11px 0 10px; line-height:25px; float:right; clear:both;  text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#fff; text-shadow: 0 1px 0 #930}
a.button span {display:block; height:25px; left:-1px; position:absolute; width:4px; background: url(img/button-end.gif) 0 0 no-repeat}
.box2 .button { position:absolute; right:15px; bottom:60px}

#footer {padding:40px 40px 80px 40px; position:absolute; left:0; bottom:0; width:780px; color:#333; font-size:11px; line-height:18px}
#footer a {text-decoration: underline; color:#333}
#footer a:hover {color:#666}
#derp{float:right; text-align:right}
#aside {float:left; width:200px}
#general_info {float:left; width:440px; padding:20px; color:#666; background: url(img/bg.png) 0 0 repeat; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin-left:45px}
#general_info .radio { margin-right:15px; position:relative; top:2px}
#general_info .button {margin-top:10px; right:0}
#progress { display:block; float:right; color:#4d4d4d}
#progress li {line-height:16px; display:block; font-size:10px; padding:0 0 0 10px; background: url(img/ul-bullet.gif) 0 8px no-repeat}
#progress .divider {height:31px; background: url(img/divider.gif) left center repeat-x; width:75px; margin:auto}
#progress li.current {color:#999}
#progress li.done { color:#5c665c}

input.txt {background: url(img/input.gif) #4c4c4c 0 0 repeat-x; border: 1px solid #666; padding:5px; margin-bottom:10px; width:150px; color:#fff}
textarea.txt {background: url(img/input.gif) #4c4c4c 0 0 repeat-x; border: 1px solid #666; padding:5px; margin-bottom:10px; width:150px; color:#fff}
.txt:focus {border-color:#999}
label {color:#666; display:block; line-height:2em}
.box2 fieldset {padding:0 20px}
td {color:#404040}

#proceed {background: url(img/next.png) 0 0 no-repeat; width:64px; height:64px; display:block; overflow:hidden; text-indent:-999em; position:absolute; right:20px; top:90px}
#progress {background: url(img/progress.gif) 0 0 no-repeat; position:absolute; right:10px; top:10px; height:23px; width:284px}
#progress span {height:23px; width:284px; display:block; background: url(img/bar.png) right center no-repeat; float:right}
#progress strong {display:block; text-align:center; line-height:22px; color:#fff; font-size:10px; position:absolute; left:0; top:0; width:284px; text-shadow: 0 1px 0 #000}

.hide {display:none}

#social a {display:block; float: left; width:25px; height:24px}
#social li {padding-right:2px; display:block; float: left}
#sm_flickr { background: url(img/icons/social.png) 0 -24px no-repeat;}
#sm_twitter { background: url(img/icons/social.png) -25px -24px no-repeat;}
#sm_facebook { background: url(img/icons/social.png) -50px -24px no-repeat;}
#sm_linkedin { background: url(img/icons/social.png) -75px -24px no-repeat;}
#sm_delicious { background: url(img/icons/social.png) -100px -24px no-repeat;}
#sm_lastfm { background: url(img/icons/social.png) -125px -24px no-repeat;}
#social li {padding-right:2px; display:block; float: left}
	#sm_flickr:hover { background: url(img/icons/social.png) 0 0 no-repeat;}
	#sm_twitter:hover { background: url(img/icons/social.png) -25px 0 no-repeat;}
	#sm_facebook:hover { background: url(img/icons/social.png) -50px 0 no-repeat;}
	#sm_linkedin:hover { background: url(img/icons/social.png) -75px 0 no-repeat;}
	#sm_delicious:hover { background: url(img/icons/social.png) -100px 0 no-repeat;}
	#sm_lastfm:hover { background: url(img/icons/social.png) -125px 0 no-repeat;}
label em {color:#999; font-size:10px}
label em.req {color:#fff}
#required {position:absolute; left:10px; bottom:-20px; color:#fff; font-size:10px; color:#fff}

#list {position:relative; width:560px}
#list, #list li, #list li img {display:block; float:left}
#wrap {width:550px; height:205px; overflow:hidden; float:left}
#list li {padding:0 10px 10px 0; height:60px; width:70px; overflow:visible}
#list li img {background:#000; padding:1px; border: 1px solid #333; height:56px; width:66px; cursor:pointer}
	#list li.active {position:relative; left:-2px; top:-2px }
	#list li.active img { width:70px; height:60px; border-color:#666}
#main {float:right; background: url(img/main.jpg) #333 left center repeat-x; width:260px; height:190px; padding:4px; border: 1px solid #333; position:relative}
#main div {display:block; background:#000; position:absolute; left:3px; top:3px; width:260px; height:190px; padding:1px}
#main img {width:260px; height:190px}
#main span#info {background: url(img/b80.png) 0 0 repeat; padding:15px; line-height:30px; font-size:11px; color:#666; text-shadow: 0 1px 0 #000; position:absolute; width:230px; height:160px; left:4px; top:4px; z-index:2; display:none}
#main span#info strong {font-size:20px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:-.01em}
#main #info #iage, #main #info #iprof {color:#ccc}
#main .button {z-index:4; position:absolute; right:15px; bottom:15px; display:none}

#arrows {position:relative; width:19px; float:left; height:200px; left:10px}
#arrows.dead a {cursor:default}
#arrows a {display:block; width:19px; height:18px; cursor:pointer}
#arrows #up, #arrows.dead #up:hover {position:absolute; left:0; top:0; background: url(img/arrow.gif) -19px 0}
#arrows #dn, #arrows.dead #dn:hover {position:absolute; left:0; bottom:0; background: url(img/arrow.gif) -19px -18px}
#arrows #up:hover {background: url(img/arrow.gif) 0 0}
#arrows #dn:hover {background: url(img/arrow.gif) 0 -18px}

#photos {position:relative; left:10px; top:-10px}
#photos img {width:250px; height:140px}
#details-spacer {clear:both; height:30px}

#controls {position:absolute; right:15px; top:15px}
#controls, #controls li {display:block; float:left}
#controls li {width:15px; height:15px; overflow:hidden; text-indent:-999em; background: url(img/control.png) 0 0 no-repeat; background-color:#262626; cursor:pointer}
#controls li.active {background-color:#000}

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(img/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(img/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */
.star-rating-control {position:relative}

#actions {height:140px; clear:both}
#actions td { line-height:3em}
#actions td img {position:static; float:left}