#mainFrame {
    width: 760px;
}

a {
    color: #3b5998;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

div.zoomButton {
    border: 0px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 19px;
    height: 19px;
    background-image: url(http://cdn1.slicezero.com/oyf/images/zoom_t.gif);
    background-position: center center;
    z-index: 100;
}

div.zoomButton:hover {
    background-image: url(http://cdn1.slicezero.com/oyf/images/zoom_f.gif);
    z-index: 101;
}

#skyscraperAdWrapper {
    vertical-align: top;
}

#skyscraperAd {
    width: 160px;
    text-align: left;
}

body{
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
/*    font-size: 12px;*/
}

h1, h2, h3, h4, h5 {
    color: #333333;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
}

h1 { font-size: 15px; }
h4, h5 { font-size: 12px; }

p{
    margin: 0.5em;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 12px;
    text-align: left;
}

div.uninstalled_button{
    width:500px;
    height:100px;
    cursor:pointer;
    position: relative;
    top:80px;
    left:200px;
    z-index: 1;
    background-image: url(http://cdn0.bumperstickersapp.com/bumperstickers/images/bs-button.png);
    background-repeat: no-repeat;
}

div.uninstalled_button:hover{
    background-image: url(http://cdn0.bumperstickersapp.com/bumperstickers/images/bs-button-hover.png);
}

a.uninstalled_button{
    width:500px;
    height:100px;
    z-index: 2;
    background-image: url(http://cdn0.bumperstickersapp.com/bumperstickers/images/bs-button.png);
    background-repeat: no-repeat;
}

a.uninstalled_button:hover{
    background-image: url(http://cdn0.bumperstickersapp.com/bumperstickers/images/bs-button-hover.png);
}

.overlay{
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    background-color:black;
}


td.pickFriend{
    margin: 0px 0px 0px 0px;
    padding: 8px 8px 8px 8px;
    background-color: #ffffff;

    color: black;
    font-size:12px;
    font-weight: 500;

    vertical-align: top;
    text-align:left;

    border-style:solid;
    border-width:1px;
    border-color:#AAAAAA;
}

td.browseSticker{
    margin: 0px 0px 0px 0px;
    padding: 8px 8px 8px 8px;
    background-color: #ffffff;

    width: 250px;
    height: 150px;

    color: black;
    font-size:12px;
    font-weight: 500;

    vertical-align: top;
    text-align:left;

    border-style:solid;
    border-width:1px;
    border-color:#AAAAAA;

    border-right-style:solid;
    border-right-width:2px;
    border-right-color:#AAAAAA;

    border-bottom-style:solid;
    border-bottom-width:2px;
    border-bottom-color:#AAAAAA;
}

div.imageSticker{
    margin: 0px 0px 0px 0px;
    padding: 8px 8px 8px 8px;
    background-color: #ffffff;

    color: black;
    font-size:12px;
    font-weight: 500;

    position: relative;
    vertical-align: top;
    text-align:center;

    border-style:solid;
    border-width:1px;
    border-color:#AAAAAA;

    border-right-style:solid;
    border-right-width:2px;
    border-right-color:#AAAAAA;

    border-bottom-style:solid;
    border-bottom-width:2px;
    border-bottom-color:#AAAAAA;
}

div.boardSticker,
    div.boardListSticker img {
    border: 5px solid #FEFEF2; /* eggshell */
/*border: 4px solid white; */
    position: relative;
    left: 0px;
    top: 0px;
}

.youtubeSticker {
    position: relative;
    top: 0px;
    left: 0px;
}

div.boardListSticker {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
/*border: 4px solid white; */
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    left: 0px;
    top: 0px;
    /*width: 100%;     */

}

.playOverlay {
    position: absolute;
    left: 50%;
    top: 50%;
    clear: both;
    margin-left: -43px;
    margin-top: -33px;
    width: 86px;
    height: 66px;
    background: url(http://cdn0.bumperstickersapp.com/bumperstickers/images/play.png) no-repeat center;
}

.listPlayOverlay {
    position: absolute;
    background: url(http://cdn0.bumperstickersapp.com/bumperstickers/images/play.png) no-repeat center;
/** couldn't get this to center properly in IE. using a not quite centered alternative */
    width: 200px;
    height: 100px;
    left: 0px;
    top: 0px;
    z-index: 1000;
}

div.boardStickerSelected {
    border: 5px dotted #fefecc;
}

img.constrained {
    height:200;
}

div.profileMessageBox{
    margin: 10px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
    background-color:#f7f7f7;

    font-size: 12px;

    border-style:solid;
    border-width:1px;
    border-color:#7f93bc;
}

div.myProfileHeader {
    background-color:#F7F7F7;
    border-bottom:1px solid #DDDDDD;
    border-top:1px solid #3B5998;
    margin-bottom:5px;
    padding:2px 5px;
    width: 385px;
    font-size:12px;
}

div.installMessageBox{
    margin: 10px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
    background-color:#f7f7f7;

    font-size: 12px;

    border-style:solid;
    border-width:1px;
    border-color:#7f93bc;
}

div.messageBox{
    margin: 40px 10px 10px 10px;
    padding: 10px 10px 10px 15px;
    background-color:#fff9d7;
    text-align: center;

    font-size: 18px;
    font-weight: 700;

    border-style:solid;
    border-width:1px;
    border-color:#e2c822;

    display:none;
}

div.friendImage{
    margin: 0px 0px 0px 0px;
    padding: 8px 8px 8px 8px;
    background-color: #ffffff;

    border-style:solid;
    border-width:1px;
    border-color:#AAAAAA;

    border-right-style:solid;
    border-right-width:2px;
    border-right-color:#AAAAAA;

    border-bottom-style:solid;
    border-bottom-width:2px;
    border-bottom-color:#AAAAAA;
}

div.greenBox{
    margin: 5px 5px 5px 5px;
    padding: 10px 5px 10px 5px;
    background-color:#DFFFBF;

    border-style:solid;
    border-width:1px;
    border-color:#24B300;
}

div.inviteInstructionBox{
    margin: 5px 5px 5px 5px;
    padding: 10px 10px 10px 15px;
    background-color:#fff9d7;

    font-size: 14px;

    border-style:solid;
    border-width:1px;
    border-color:#e2c822;
}

div.sendInstructionBox{
    margin: 5px 5px 5px 5px;
    padding: 10px 10px 10px 15px;
    background:#C9FFCA;

    font-size: 14px;

    border:solid 1px #349534;
}

div.shareInstructionBox{
    margin: 5px 5px 5px 5px;
    padding: 10px 10px 10px 15px;
    background-color:#fff9d7;

    font-size: 16px;
    font-weight: bold;

    border-style:solid;
    border-width:1px;
    border-color:#e2c822;
}



div.inviteLinkBox{
    margin: 10px 10px 10px 10px;
    padding: 10px 10px 10px 15px;
    background-color:#f7f7f7;

    font-size: 12px;

    border-style:solid;
    border-width:1px;
    border-color:#7f93bc;
}

span.blueButton{
    background-color:#3b5998;
    margin: 0px 5px 0px 5px;
    padding: 5px 5px 5px 5px;

    color: white;
    font-size: 12px;
    font-weight: 800;
    text-align: center;

    border-right-style: solid;
    border-right-width: 2px;
    border-right-color: gray;

    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: gray;
}

a.blueButtonLink{
    background-color:#3b5998;
    margin: 0px 5px 0px 5px;
    padding: 5px 5px 5px 5px;

    color: white;
    font-size: 12px;
    font-weight: 800;
    text-align: center;

    border-right-style: solid;
    border-right-width: 2px;
    border-right-color: gray;

    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: gray;
}

a.blueButton:link { color: white; text-decoration: none;}
a.blueButton:visited { color: white; text-decoration: none;}
a.blueButton:hover { color: white; text-decoration: none;}

span.bigBlueButton{
    background-color:#3b5998;
    margin: 0px 5px 0px 5px;
    padding: 5px 5px 5px 5px;

    color: white;
    font-size: 36px;
    font-weight: 800;
    text-align: center;

    border-right-style: solid;
    border-right-width: 2px;
    border-right-color: gray;

    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: gray;
}

a.bigBlueButtonLink{
    background-color:#3b5998;
    margin: 0px 5px 0px 5px;
    padding: 5px 5px 5px 5px;

    color: white;
    font-size: 36px;
    font-weight: 800;
    text-align: center;

    border-right-style: solid;
    border-right-width: 2px;
    border-right-color: gray;

    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: gray;
}

a.bigBlueButton:link { color: white; text-decoration: none;}
a.bigBlueButton:visited { color: white; text-decoration: none;}
a.bigBlueButton:hover { color: white; text-decoration: none;}

div.headerFrame {
    background-color:#3b5998;
    margin:0px;
    padding:5px;

    text-align:center;
    color:white;
    font-size:18px;
    font-weight:bold;
}

a.undecoratedLinked:link { color: black; text-decoration: none; border:none;}
a.undecoratedLinked:visited { color: black; text-decoration: none; border:none;}
a.undecoratedLinked:hover { color: black; text-decoration: none; border:none;}


/*/////////////////////////////////////////////////////////////////////*/
/* Pagination */
/*/////////////////////////////////////////////////////////////////////*/

/*
a.paginationProgressionLink:link { margin:0px 2px 0px 2px; color: #3b5998; font-size: 11px; text-decoration: underline; }
a.paginationProgressionLink:visited { margin:0px 2px 0px 2px; color: #3b5998; font-size: 11px; text-decoration: underline; }
a.paginationProgressionLink:hover { margin:0px 2px 0px 2px; color: #3b5998; font-size: 11px; text-decoration: underline; }

a.paginationPageNum:link { margin:0px 2px 0px 2px; color: #3b5998; font-size: 11px; text-decoration: underline;}
a.paginationPageNum:visited { margin:0px 2px 0px 2px;  color: #3b5998; font-size: 11px; text-decoration: underline;}
a.paginationPageNum:hover { margin:0px 2px 0px 2px;  color: #3b5998; font-size:11px; text-decoration: underline;}

span.paginationCurPageNum { margin:0px 2px 0px 2px; color: #3b5998; font-size: 11px; }*/

.paginationDiv {
    margin: 5px 50px 5px 0;
    text-align: right;
}

a.paginationProgressionLink,
    a.paginationPageNum,
    span.paginationCurPageNum {
    padding: 2px;
    border: 1px dotted rgb(230,230,230);
    margin: 0px 2px 2px 2px;
    color: #3b5998;
    font-size: 11px;
    text-decoration: none;
}

a.paginationProgressionLink:hover,
    a.paginationPageNum:hover {
    background-color: #DFE9FF;
}


a.paginationProgressionLink,
    a.paginationPageNum {
    cursor: pointer;
}

span.paginationCurPageNum {
    font-weight: bold;
    border: 1px solid #7F93BC;
    background-color: #C3CCDF;
    cursor: default;
}




/*///////////////////////////////////////////////////////////////////////*/
/*Tabs*/
/*///////////////////////////////////////////////////////////////////////*/

#tabsDiv {
    text-align: center;
}

.tabContainer {
    position: relative;
    left: 0px;
    top: 0px;
    text-align: left;
}

table.tabsTable {
    margin: 0px auto;
    border-collapse: collapse;
}

#tabTableLeftCell {
    padding-top:10px;
    padding-bottom: 8px;

};


#tabTableRightCell {
    padding-top:10px;
}


table.tabsTable td {
    padding: 0px;
}

span.unSelectedTab{
    background-color:#D9DEE4;
    margin: 0px 0px 0px 0px;
    padding: 3px 12px 6px 12px;

    color: #3C5A9A;
    font-size: 14px;
    font-weight: 800;
    text-align: center;

    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #3b5998;

    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #3b5998;

}

span.selectedTab{
    background-color:#ffffff;
    margin: 0px 0px 0px 0px;
    padding: 6px 12px 6px 12px;

    color: #3C5A9A;
    font-size: 14px;
    font-weight: 800;
    text-align: center;

    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #3b5998;

    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #3b5998;

    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #3b5998;
}

a.tab:link { color: #0e1f5b; text-decoration: none;}
a.tab:visited { color: #0e1f5b; text-decoration: none;}
a.tab:hover { color: #0e1f5b; text-decoration: underline;}


div.tabContentFrame{
    background-color:#ffffff;
    margin: 0px 0px 10px 0px;
    padding: 16px 10px 10px 10px;

    font-size: 12px;
    text-align: left;

    height:2700;
    overflow:auto;
}

.rhs_tab_links{
    font-size:11px;
    font-weight:bold;
    list-style-type:none;
    margin:0;
    padding:0px 10px 0px;
    text-align:left;
}

.rhs_tab_links li{
    display: inline;
    margin: 0;
}

.rhs_tab_links li a{
    text-decoration: none;
    padding-top:7px;
    padding-left:7px;
    padding-right:5px;
    color: #3B5998;
}

.rhs_tab_links li a:hover{
    text-decoration: underline;
}

#tabTableRightCell {
    padding-top:10px;
}

.autocomplete {
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;;
    font-size: 8pt;
    background-color: white;
    border: 1px solid black;
    position: absolute;
    cursor: default;
    overflow: auto;
    overflow-x: hidden;
}

.autocomplete_item {
    padding: 1px;
    padding-left: 5px;
    color: black;
    width: 100%;
}

.autocomplete_item_highlighted {
    padding: 1px;
    padding-left: 5px;
    color: white;
    background-color: #0A246A;
}


/* ItemChooserDiv items on profile and give gifts tab */
.loading_overlay,
    .loading_overlay .background,
    .loading_overlay .icon {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.loading_overlay .background {
    background-color: white;
}

.loading_overlay .icon {
    background: transparent url(http://cdn1.slicezero.com/oyf_prod/images/ajax-loader-bar.gif) no-repeat scroll center center;
}


.item_list {
    position: relative;
    left: 0px;
    top: 0px;
}

.item_list .item {
/*width: 64px;*/
    float: left;
    padding: 3px;
    margin: 2px;
    border: 1px solid white;
}

.item_list .highlighted {
    border: 1px dotted #e2c822;
    background-color: #fff9d7;
}

.item_list .selected {
    border: 1px solid #e2c822;
    background-color: #FFEE8F;
}

.item_pagination {
    text-align: right;
}

.friend_chooser {
    margin: 5px;

}

.friend_chooser .friend_filter .helpful_input {
    width: 180px;
}

.friend_list .item_list .item {
/* fixes an insane float drop bug in IE */
    position: relative;
    left: 0px;
    top: 0px;
    padding: 2px;
}

.friend_list .item_list .frame {
    margin: 0px;
    border: 1px solid #cccccc;
    padding: 2px;
    background-color: #F0F0F0;
}

.friend_list .name {
    font-size: 10px;
    height: 25px;
    overflow: hidden;
    text-align: center;
    width: 64px;
/*height: 20px;*/
}

.friend_filter .name {
    width: 100%;
/*background-color: #FFF9D7;*/
}

.friend_filter .name_help {
    background: #dddddd;
    padding: 2px;
}

.friend_chooser .item {
    cursor: pointer;
}


/** HelpfulInput CSS */
.helpful_input {
    padding: 3px;
}

.helpful_input_blank {
    border: 1px solid black;
    background-color: rgb(240,240,240);
    color: rgb(127,127,127);
}

/** LimitedTextArea CSS */
.limited_text_area {
    padding: 5px;
    font-size: 12px;
}

.limited_text_area .header {
$(this.m_textarea).val(text);
/*float: left;*/
}

.limited_text_area .header .title {
    float: left;
}

.limited_text_area .header .count {
    float: right;
    text-align: right;
    font-size: 12px;
    padding-bottom: 0.2em;
    color: #cccccc;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    white-space: nowrap
}


.limited_text_area textarea {
    border: 1px solid #666;
    width: 100%;
    height: 100px;
    float: right;
    clear: both;
}

/** ModalPopup */
#modal_overlay {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 10010;
    background-color: #f4f4f4;
    height: 2000px;
    margin: 0px auto;
    text-align: center;
}

#modal_wrapper {
    padding: 0px;
    margin: auto;
    background-color: white;
    vertical-align: top;
    border: 5px solid #E5E5E5;
    z-index: 10011;
    position: absolute;
}

/** Friend invitation interface // @todo */
.friendInviter {
    position: relative;
    left: 0px;
    top: 0px;
}
.friendInviter .picker {
}

.friendInviter .picker .item_list {
    /*    padding-top: 5px;
   width: 550px;
   height: 320px;
   margin: 0px;*/
}
.friendInviter .picker .item_list .item {
    padding: 1px;
}


.friendInviter .chooseLink {
    font-size: 12px;
}

.friendInviter .chosen .header {
    color: #2061AF;
    font-weight: bold;
    font-size: 13px;
}

.friendInviter .chosen {
    margin-top: 38px; /* hacky - carefully hand aligned */
    padding: 5px;
    width: 165px;
    text-align: center;
    border: 1px solid rgb(240,240,240);
}

.friendInviter .chosen .item_list {
    height: 225px;
    overflow: auto;
}

.friendInviter .chosen button {
    padding: 5px;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: #2061AF;
    cursor: pointer;
}

.clearall {
    clear: both;
}

.faq {
    padding-left: 75px;
}

div.uploadFrame{
    background-color:#ffffff;
    margin: 5px 50px 10px 50px;
    padding: 10px 30px 10px 90px;

    font-size: 12px;
/*    text-align: center;*/
}

div.uploadExplanation{
    background-color:#d8dfea;
    margin: 5px 5px 5px 35px;
    padding: 2px 10px 2px 10px;

    width: 180px;

    color:#444444;
    font-size: 11px;
    text-align: left;

    border-style: solid;
    border-width: 1px;
    border-color: #95a5c6;
}

span.selectedTabUpload {
    background-color:#ffffff;
    margin: 0px 0px 0px 0px;
    padding: 3px 12px 6px 12px;

    color: #3366cc;
    font-size: 12px;
    font-weight: bold;
    text-align: center;

    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #7AA5D6;

    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #7AA5D6;

    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #7AA5D6;
}

span.unSelectedTabUpload {
    background-color:#E5ECF9;
    margin: 0px 0px 0px 0px;
    padding: 3px 12px 6px 12px;

    color: #262626;
    font-size: 12px;
    font-weight:bold;
    text-align: center;

    cursor:pointer;

    border-style: solid;
    border-width: 1px;
    border-color: #7AA5D6;

}

span.fillerTab {
    background-color:#ffffff;
    margin: 0px 0px 0px 0px;
    padding: 3px 12px 6px 12px;

    color: #FFFFFF;
    font-size: 12px;
    text-align: center;

    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #7AA5D6;
}

div.formLabel {
    color:#505050;
    float:left;
    text-align: right;
    width: 15%;
    padding: 0.2em 0.5em 0 0;
    font-size:12px;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
}

div.tagHeader {
    color:#505050;
    float:left;
    text-align: right;
    width:35px;
}

div.tags {
    color:#505050;
    text-align: left;
    margin-left:40px;
}

div.tags a:link {
    color:#003399;
}

div.tags a:visited {
    color:#505050;
}

div.tags a:hover {
    color:#505050
}

div.tags a:active {
    color:#505050
}

a.bs_link {
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 12px;
}

a.bs_link:link {
    text-decoration:none;
    color:#7396BF;
}

a.bs_link:hover {
    text-decoration:underline;
}

a.bs_link:visited {
    color:#468ac3;
}

a.bs_smallbutton {
    background:#D8D8D8 url(http://cdn0.bumperstickersapp.com/bumperstickers/images/favicons/background.gif) repeat-x scroll center;
    border:1px solid #999999;
    color:#000000;
    cursor:pointer;
    display:inline-block;
    margin:0 0.25em;
    padding:0 0.8333em;
    text-decoration:none;
    white-space:nowrap;
    font-size:13px;
}

a.bs_smallbutton:hover {
    text-decoration:underline;
}

.bs_smallbutton span {
}

div.explanationBox{

    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;

    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 5px;
    border: 1px solid #dfdfdf;

    color: #333333;
    font-size: 12px;
    text-align: left;
}

div.mainFrame div.timeMenu {
    display:none;
    z-index:5000;
    font-size:12px;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    cursor:pointer
}

div.mainFrame div.timeMenu div.timeMenuItem{
    padding:5px;
    background:#EEEEEE;
    color:#000000;
    border-left:1px solid #999999;
    border-right:1px solid #999999;
    border-bottom:1px solid #999999;
    cursor:pointer
}

div.mainFrame div.timeMenu div.timeMenuFirstItem {
    border-top:1px solid #999999;
}

/*!
 * jQuery UI Stars v2.1.1
 * http://plugins.jquery.com/project/Star_Rating_widget
 *
 * Copyright (c) 2009 Orkan (orkans@gmail.com)
 * Dual licensed under the MIT and GPL licenses.
 * http://docs.jquery.com/License
 *
 * $Rev: 102 $
 * $Date:: 2009-06-07 #$
 * $Build: 32 (2009-06-12)
 *
 */
.ui-stars-star,
    .ui-stars-cancel {
    float: left;
    display: block;
    overflow: hidden;
    text-indent: -999em;
    cursor: pointer;
}
.ui-stars-star a,
    .ui-stars-cancel a {
    width: 16px;
    height: 15px;
    display: block;
    background: url(http://cdn0.bumperstickersapp.com/bumperstickers/images/ui.stars2.gif) no-repeat 0 0;
}
.ui-stars-star a {
    background-position: 0 -40px;
}
.ui-stars-star-on a {
    background-position: 0 -60px;
}
.ui-stars-star-hover a {
    background-position: 0 -80px;
}
.ui-stars-cancel-hover a {
    background-position: 0 -16px;
}
.ui-stars-star-disabled,
    .ui-stars-star-disabled a,
    .ui-stars-cancel-disabled a {
    cursor: default !important;
}