/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.2
build: 56
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

html {
    overflow-y: scroll;
    height: 100%;
    background: #b6b6b6 url('../img/bodyBg.gif') left top;
}
body {
    font: 0.9em Arial,sans-serif;
    color: #434b5d;
    padding-bottom: 20px;
}

a {
    outline: none;
    color:#5D9AE2;
    text-decoration: none;
}
a:hover {
    color: #2c70bf;
    text-decoration: none;
}

legend,
.requiresFlash {
    display: none;
}
strong {
    font-weight: bold;
}
.fltClr {
    font-size: 0;
    height: 0;
    line-height: 0;
    clear: both;
}

input::-moz-focus-inner {
    border: 0;
    padding: 0;
}


/*SHARESQUARE*/

/* generic stylings */

/* styled input and textareas */
input.styled,
textarea.styled,
.styledInputs input,
.styledInputs textarea,
.iconInput input {
    float: left;
    width: 235px;
    height: 18px;
    padding: 5px 6px;
    line-height: 18px;
    background: #fff;
    outline: 0;
    border: solid 1px #a5a5a5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: inset 1px 1px 5px 0 #d0d0d0;
    -moz-box-shadow: inset 1px 1px 5px 0 #d0d0d0;
    -webkit-box-shadow: inset 0 1px 5px 0 #d0d0d0;
}
textarea.styled,
.styledInputs textarea {
    width: 586px;
    max-width: 586px;
    height: auto;
    line-height: auto;
}
/* inputs with icons */
.iconInput {
    display: block;
    float: left;
    position: relative;
}
.iconInput img  {
    display: block;
    position: absolute;
    left: 8px;
    top: 7px;
}
.iconInput input  {
    padding-left: 28px;
}

/* styled buttons */
.button {
    display: block;
    float: left;
    background: #5897e0;
    background: -moz-linear-gradient(0% 100% 90deg, #5897e0, #9dc2ed);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9dc2ed), to(#5897e0));
    border: 1px solid #7089b3;
    border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: inset 0 1px 0 0 #b4c9ed;
    -moz-box-shadow: inset 0 1px 0 0 #b4c9ed;
    -webkit-box-shadow: inset 0 1px 0 0 #b4c9ed;
    color: #fff;
    font-family: "helvetica neue", helvetica, arial, sans-serif;
    font-size: 13px;
    height: 22px;
    padding: 6px 12px 0 12px;
    font-weight: bold;
    cursor: pointer;
    outline: none;
    text-align: center;
}
.button:hover {
    color: #fff;
    background-color: #4a89d3;
    background: -moz-linear-gradient(0% 100% 90deg, #4a89d3, #9dc2ed);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9dc2ed), to(#4a89d3));
}
.button:active {
    background-color: #8cb3e0;
    background: -moz-linear-gradient(0% 100% 90deg, #9dc2ed, #4a89d3);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4a89d3), to(#9dc2ed));
}
input.button {
    height: 30px;
    padding: 0 12px;
}
/* dark buttons */
.button.dark {
    background-color: #242a38;
    background: -moz-linear-gradient(0% 100% 90deg, #242a38, #4d5a6c);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4d5a6c), to(#242a38));
    border-color: #404040;
    box-shadow: inset 0 1px 0 0 #728298;
    -moz-box-shadow: inset 0 1px 0 0 #728298;
    -webkit-box-shadow: inset 0 1px 0 0 #728298;
}
.button.dark:hover {
    background-color: #1a1f2a;
    background: -moz-linear-gradient(0% 100% 90deg, #1a1f2a, #404c5e);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#404c5e), to(#1a1f2a));
}
.button.dark:active {
    background-color: #404c5e;
    background: -moz-linear-gradient(0% 100% 90deg, #404c5e, #1a1f2a);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a1f2a), to(#404c5e));
}
/* small buttons */
.button.small {
    border-radius: 4px;
    -moz-border-radius: 4px;
    height: 19px;
    padding: 3px 12px 0;
    font-size: 12px;
}
input.button.small {
    height: 24px;
    padding: 2px 12px 3px 12px;
}
.button.disabled {
    filter: alpha(opacity=40);
    opacity: 0.4;
}

/* tooltips
positioned and rendered with js
tips should be direct child of container element
use margin on .tip to handle any left offset (-1px for container border, for ex) and additional spacing above container
*/
.tip {
    display: none;
    position: absolute;
    left: 50%;
    margin-bottom: 7px;
    background-color: #28282c;
    color: #fff;
    font-size: 0.75em;
    padding: 4px 6px;
    text-align: center;
    -moz-border-radius: 3px;
    border-radius: 3px;
    white-space: nowrap;
}
.tip span {
    display: block;
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 5px;
    font-weight: normal;
    background: url(../img/tipArrow.png) no-repeat center top;
}

/* photo tooltips
appear from the bottom of elements
*/
.photoTip {
    display: none;
    position: absolute;
    z-index: 3;
    width: 100%;
    bottom: 0;
    left: 0;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    line-height: 25px;
}
.photoTip span {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #000;
    filter: alpha(opacity=85);
    opacity: 0.85;
}

/* grey panels */
.panel {
    float: left;
    width: 838px;
    background-color: #ebebeb;
    border: solid 2px #c3c3c3;
    padding: 10px 15px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.panel1px {
    width: 840px;
    border-width: 1px;
}

/* image frame */
ul.imageFrame {
    float: right;
}
ul.imageFrame li {
    display: block;
    float: left;
    border: solid 1px #c5c5c5;
    background-color: #fff;
    padding: 4px;
    margin-left: 6px;
}
ul.imageFrame li a {
    display: block;
    position: relative;
    background-color: #fff;
}
ul.imageFrame li img {
    display: block;
}


/* form errors */
.error,
.confirmation {
    display: none;
    float: left;
    padding: 6px 10px 6px 26px;
    margin: 2px 0 0 5px;
    font-size: 0.75em;
    color: #fff;
    background: #ce0a0a url(../img/validationX.png) no-repeat 7px center;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
/* form confirmations */
.confirmation {
    line-height: 1.3em;
    background-color: #009f04;
    background-image: url(../img/validationTick.png);
}

/* site wrapper */
#siteWrapper {
    width: 954px;
    margin: 0 auto;
    background-color: #fff;
    -moz-box-shadow: 0 0 15px #aeaeae;
    -webkit-box-shadow: 0 0 15px #aeaeae;
    box-shadow: 0 0 15px #aeaeae;
}

/* header */
#header {
    height: 62px;
    background: #1b1c22 url(../img/headerBg.png) repeat-x left -28px;
    position: relative;
}
#header a {
    color: #929bb7;
}
#header a:hover {
    color: #fff;
}
#header h1 {
    display: block;
    float: left;
    width: 160px;
    height: 28px;
    margin: 16px 0 0 58px;
}
#header h1 a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -8000px;
    background: url(../img/headerBg.png) no-repeat left top;
}
/* header navs */
#header ul.topNav {
    float: left;
    margin-left: 20px;
    border-left: solid 1px #41485a;
    border-right: solid 1px #1a1b21;
}
#header ul.topNav li {
    display: inline;
}
#header ul.topNav a {
    display: block;
    float: left;
    height: 38px;
    padding: 24px 17px 0 17px;
    font-weight: bold;
    border-left: solid 1px #1a1b21;
    border-right: solid 1px #41485a;
}
/* loggedout nav */
#header ul#loggedOut {
    float: right;
    border-right: none;
}
#header ul#loggedOut a {
    padding-left: 19px;
    padding-right: 17px;
    background-position: left bottom;
}

/* loggedin nav */
#loggedinNav {
    float: right;
    margin-right: 42px;
    font-size: 11px;
    font-weight: bold;
}
#loggedinNav li {
    float: left;
    background: #9aa3bc;
    background: -moz-linear-gradient(0% 100% 90deg, #b5bbcd, #9aa3bc);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b5bbcd), to(#9aa3bc));
    padding:3px 0;
}
#loggedinNav li.first{
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
}
#loggedinNav li.last{
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
}
#loggedinNav li a {
    color: #1c1d23;
    padding: 3px 7px;
    border-right: solid 1px #6c7284;
}
#loggedinNav li.username{
    background:none;
}
#loggedinNav li.username a{
    background:none;
    border:none;
    color:#FFF;
}
#loggedinNav a:hover {
    color: #1c1d23;
}
#loggedinNav li.last a {
    border-right: none;
}

#subhead {
    height: 68px;
    background: #fff url(../img/headerBg.png) repeat-x left -93px;
}
#subhead h2 {
    font-family: 'Droid Sans', arial, serif;
    font-size: 13pt;
    color: #2b2b2b;
    padding: 23px 0 0 58px;
    float: left;
}
#subhead #sxswSubhead {
    display: block;
    float: right;
    margin: 13px 35px 0 0;
    width: 287px;
    height: 44px;
    text-indent: -8000px;
    background: #fff url(../img/sxsw/sxsw-subhead.png) repeat-x left top;

}
/* search form hidden

#subhead form {
    float: right;
    padding: 16px 41px 0 0;
}
#subhead .styled {
    margin-right: 5px;
}
*/

/* content */
#content {
    padding: 14px 41px 24px 41px;
}

/* labelify */
.labelHighlight {
    color: #969696;
}

/* footer */
#footer{
    width: 954px;
    margin: 0 auto;
    margin-top:2px;
    font-size: 8pt;
    line-height:30px;
    color: #5b626f;
}
#footer  #rights{
    float:left;
    margin-left:40px;
}
#footer #legal{
    float:right;
    margin-right:40px;
}
#footer, #footer a{
    color: #5b626f;
}

/* popups */
.popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: none;
    z-index: 255;
}
.popup .popupBg {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.67;
    height: 100%;
    width: 100%;
    background-color: #666;
    filter: alpha(opacity=67);
}
.popup .popupClose{
    position: absolute;
    top: -8px;
    right: -8px;
    width: 26px;
    height: 26px;
    text-indent: -8000px;
    cursor: pointer;
    background: transparent url(../img/popupClose.png) no-repeat top left;
}
.popup .popupContent {
    position: relative;
    z-index: 256;
    width: 320px;
    margin: 30px auto;
    padding: 18px;
    background-color: #000;
    border-radius: 15px;
    -moz-border-radius: 15px;
}

/* preview popup */
#previewPopup .popupContent {
    height: 510px;
}
#videoPopup .popupContent{
    height:360px;
    width: 500px;
}
#previewPopup iframe {
    display: block;
    width: 320px;
    height: 510px;
    border: none;
    overflow-x: hidden;
}

/* pagination */
.pagination {
    width: 100%;
    float: left;
    padding: 12px 0;
    border-top: solid 1px #C3C3C3;
}
.pagination .left {
    float: left;
    padding-left: 17px;
    line-height: 14px;
}
.pagination ul {
    float: right;
    padding-right: 17px;
}
.pagination ul li {
    display: inline;
}
.pagination ul a {
    display: block;
    float: right;
    width: 14px;
    height: 14px;
    margin-left: 5px;
    text-indent: -8000px;
    background: url(../img/paginationBtns.gif) no-repeat left top;
}
.pagination ul .next a {
    background-position: right top;
}
.pagination ul a:hover {
    filter: alpha(opacity=75);
    opacity: 0.75;
}
.pagination ul .disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
}