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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}
ol, ul {
    list-style: none outside none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: none;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.42857143;
    color: #333;
}
.img {
    border: 0 none;
}
A {
    color: #2E5B76;
    text-decoration: none;
}
A:hover {
    text-decoration: underline;
}
.btn {
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  border-radius: 12px;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  background: #2E5B76;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  margin: 15px;
}

.btn:hover {
  background: #003f66;
  text-decoration: none;
}



p {
    padding: 5px 0;
}
h1 {
    font-weight: normal;
    margin-bottom: 5px;
}
h2 {
}
h3 {
}
h4 {
    font-size: 1.2em;
    font-weight: bold;
}
body {
    background-attachment: fixed;
    background-color: #66203C;
    background-image: url("http://images.read-weep.com/flourish.png");
    background-position: 0 410px;
    background-repeat: no-repeat;
    height: 100%;
}
blockquote {
    font-family: courier;
    margin: 0 0 0 15px;
}
#wrap {
    background-repeat: repeat-y;
    height: 100%;
    min-height: 460px;
}
.clearer {
    clear: both;
}
.staffOnly {
    border-left: 2px solid red;
    padding-left: 3px;
}
.loader {
    background: none repeat scroll 0 0 black;
    display: none;
    height: 500px;
    margin-bottom: -500px;
    opacity: 0.75;
    text-align: center;
    width: 100%;
}
.bulleted li {
    background-image: url("http://images.read-weep.com/bullet.jpg");
    background-position: left 7px;
    background-repeat: no-repeat;
    margin: 10px;
    padding: 0 0 0 15px;
}
#social {
    background: url("http://images.read-weep.com/50-black.png") repeat scroll 0 0 transparent;
    clear: both;
    display: inline;
    float: left;
    margin-left: 20px;
    padding: 10px 5px 5px;
}
#social a {
    display: block;
    float: left;
    height: 32px;
    margin: 0 5px 3px;
    width: 32px;
}
.socialFacebook {
    background: url("http://images.read-weep.com/social-icons.png") repeat scroll -128px 0 transparent;
}
.socialTwitter {
    background: url("http://images.read-weep.com/social-icons.png") repeat scroll 0 0 transparent;
}
.socialRss {
    background: url("http://images.read-weep.com/social-icons.png") repeat scroll -64px 0 transparent;
}
.socialSupport {
    background: url("http://images.read-weep.com/social-icons.png") repeat scroll -160px 0 transparent;
}
#facebookFan, #twitterFan, #supportFan, #subscribeFan {
    background-color: #EEEBCA;
    border: 10px solid black;
    display: none;
    height: 255px;
    left: 29px;
    position: absolute;
    top: 52px;
    width: 292px;
    z-index: 1;
}
#facebookClose {
    background-color: black;
    font-size: 28px;
    margin: 0 -10px;
    padding: 5px 10px;
}
#facebookClose a {
    color: #848484;
}
#facebookClose a:hover {
    color: white;
    text-decoration: none;
}
#subscribeFanBox, #supportFanBox {
    height: 249px;
    overflow-x: hidden;
    overflow-y: scroll;
}
#twitterFanBox{
	overflow: none;
}
#twitterFanBox ul {
    height: 200px;
    margin: 10px 10px 0;
}
#twitterFanBox li {
    margin-bottom: 10px;
}
#twitterFan {
    left: 72px;
}
#subscribeFan {
    left: 115px;
}
#supportFan {
    left: 156px;
}
.socialToolTip {
    background-color: black;
    color: white;
    display: none;
    left: 29px;
    padding: 5px;
    position: absolute;
    top: 52px;
    z-index: 1;
}
#social2 {
    left: 70px;
}
#social3 {
    left: 115px;
}
#social4 {
    left: 157px;
}
.mobileShelf{ display: none; }

#header {
    left: 210px;
    margin: 5px 0 0;
    position: absolute;
    top: 0;
    z-index: 1;
}
#centerWrap {
    left: 0;
    position: absolute;
    top: 100px;
    width: 615px;
    z-index: 0;
}
#contentWrap {
    background: url("http://images.read-weep.com/50-black.png") repeat scroll 0 0 transparent;
    border: 0 solid black;
    margin-top: 20px;
    padding: 15px 15px 0;
    position: absolute;
    width: 600px;
}
#contentTightWrap {
    background: none repeat scroll 0 0 #EEEBCA;
}
#contentWindow {
    height: 390px;
    overflow: auto;
    padding: 10px 10px 15px;
}


/**********		Welcome 	***********/
.welcomeSub{
	margin-left: 3%;
}
.tumblrType{
	margin-right: 5px;
	background: #2E5B76;
	color: #EEEBCA;
	padding: 1px 4px;
}
.welcomeSub blockquote{
	font-family: Georgia, serif;
	quotes: "\201C""\201D""\2018""\2019";
	padding-left: 20px;
}
.welcomeSub blockquote:before {
	color: gray;
	content: open-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
}
.blogDate a{
	margin-left: 10px;
	color: #666;
	font-size: .9em;
}
.blogPosts img{
	max-width: 100%;
}



/**********		Shelf	************/

#shelfSelector {
    position: absolute;
    right: 0;
    top: 55%;
    width: 200px;
}
#shelfSelector li {
    background: url("http://images.read-weep.com/50-black.png") repeat scroll 0 0 transparent;
    margin: 3px 0;
    min-height: 20px;
    padding: 5px 10px;
}
#shelfSelector a {
    color: #A7B7A5;
    display: block;
    font-weight: normal;
    letter-spacing: 2px;
    margin: -5px -10px;
    padding: 5px 10px;
}
#shelfSelector a:hover {
    background-color: black;
    color: white;
    text-decoration: none;
}
#bookShelf {
    background: url("http://images.read-weep.com/50-black.png") repeat scroll 0 0 transparent;
    color: white;
    margin: 0;
    padding: 10px 0 0;
    position: absolute;
    right: 0;
    width: 300px;
}
#shelfItems {
    height: 100%;
    margin: 0 0 0 10px;
    overflow: auto;
    padding: 0;
}
#bookShelfClose {
    font-size: 28px;
    padding: 3px 0 0 10px;
	width: 50px;
	float: left;
}
#shelfOptions {
    background: none repeat scroll 0 0 black;
}
#shelfOptionText {
    color: #848484;
    font-size: 0.9em;
    height: 13px;
    padding: 5px 0;
    text-align: center;
    text-transform: capitalize;
}
#shelfOptionLabel {
    float: left;
    width: 50px;
}
#shelfOptionHover {
    float: right;
    margin-left: 70px;
    text-align: right;
}
#shelfOptionCurrent {
    display: none;
}
#shelfButtons {
    background: none repeat scroll 0 0 black;
}
#shelfOptionText .current {
    color: white;
}
#bookShelf .bookImage {
    float: left;
    height: 75px;
    overflow: hidden;
}
#bookShelf .bookImage img {
    width: 75px;
}
#bookShelfWrap {
    padding: 15px 5px 15px 0;
}
#bookShelf a {
    color: #A7B7A5;
}
#bookShelf a:hover {
    color: white;
    text-decoration: none;
}
#bookShelf .book {
    font-size: 12px;
    margin: 0 0 5px;
    padding: 10px;
}
#bookShelf .book p {
    padding-left: 30px;
    text-indent: -30px;
}
#shelfOptions {
    float: right;
    margin: 7px 0 8px;
    padding-right: 0;
    text-align: right;
}
#shelfOptions ul {
}
#shelfOptions li {
    float: left;
}
#shelfOptions a {
    display: block;
    padding: 0 3px;
}
#bookShelf .book:hover {
    background: none repeat scroll 0 0 #1E0810;
}
#bookShelf .book h3 {
    color: white;
    font-size: 14px;
    font-weight: normal;
}
#bookShelf .book p a {
}
#bookShelf .bookDetails {
    margin-left: 90px;
}
#shelfAll {
    background-image: url("http://images.read-weep.com/filterIcons.png");
    background-position: -1px -30px;
    background-repeat: no-repeat;
    height: 30px;
    width: 35px;
}
#shelfAll:hover, .current #shelfAll {
    background-position: -1px 0;
}
#shelfBook {
    background-image: url("http://images.read-weep.com/filterIcons.png");
    background-position: -80px -30px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
}
#shelfBook:hover, .current #shelfBook {
    background-position: -80px 0;
}
#shelfMovie {
    background-image: url("http://images.read-weep.com/filterIcons.png");
    background-position: -117px -30px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
}
#shelfMovie:hover, .current #shelfMovie {
    background-position: -117px 0;
}
#shelfTV {
    background-image: url("http://images.read-weep.com/filterIcons.png");
    background-position: -153px -30px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
}
#shelfTV:hover, .current #shelfTV {
    background-position: -153px 0;
}
#shelfBonus {
    background-image: url("http://images.read-weep.com/filterIcons.png");
    background-position: -237px -30px;
    background-repeat: no-repeat;
    height: 30px;
    width: 28px;
}
#shelfBonus:hover, .current #shelfBonus {
    background-position: -237px 0;
}
#shelfSuggest {
    background-image: url("http://images.read-weep.com/filterIcons.png");
    background-position: -272px -29px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
}
#shelfSuggest:hover, .current #shelfSuggest {
    background-position: -272px 0;
}
#businessShelf {
    background: url("http://images.read-weep.com/50-black.png") repeat scroll 0 0 transparent;
    color: white;
    margin: 0;
    padding: 15px 0 15px 15px;
    position: absolute;
    right: 0;
    top: 300px;
    width: 200px;
}
#businessShelf ul {
}
#businessShelf #shelfButtons {
    margin: 15px 0 -15px -15px;
}
#businessShelf li {
    margin: 5px 0;
    padding: 0 0 0 10px;
}
#businessShelf A {
    color: #A7B7A5;
}
#businessShelf a:hover {
    color: white;
    text-decoration: none;
}
#businessShelfCloseHover {
    display: none;
}
#adminShelf {
    background: url("http://images.read-weep.com/50-black.png") repeat scroll 0 0 transparent;
    color: white;
    margin: 0;
    padding: 15px 0 15px 15px;
    position: absolute;
    right: 0;
    top: 300px;
    width: 200px;
}
#adminShelf #shelfButtons {
    margin: 15px 0 -15px -15px;
}
#adminShelf li {
    background-position: left center;
    background-repeat: no-repeat;
    margin: 5px 0;
    padding: 0 0 0 10px;
}
#adminShelf A {
    color: #A7B7A5;
}
#adminShelf a:hover {
    color: white;
    text-decoration: none;
}
#adminShelfCloseHover {
    display: none;
}
.bigLoadButton a {
    background: url("http://images.read-weep.com/50-black.png") repeat scroll 0 0 transparent;
    border: 3px solid black;
    color: white;
    display: block;
    font-weight: bold;
    margin: 0 10px 10px 0;
    padding: 10px 0;
    text-align: center;
}
.bigLoadButton a:hover {
    background: none repeat scroll 0 0 #210A14;
    color: black;
}
.suggestButton {
    color: gray;
    float: left;
    font-size: 0.8em;
    text-align: center;
    width: 70px;
}
.suggestButton button {
    font-size: 0.9em;
    margin: auto;
}
.suggestButton img {
    border: 5px solid black;
}
button {
    background-color: #547887;
    border-radius: 3px 3px 3px 3px;
    color: white;
    font-weight: normal;
    padding: 3px;
    cursor: pointer;
    border: 3px solid #30464F;
}
botton:active {
    background: none repeat scroll 0 0 black;
}
button:hover {
    color: white;
}


.blogPhoto img{
	max-height: 200px;
}





.suggestItem {
    margin-left: 100px;
    padding-left: 5px;
}
.suggestItem a {
    color: #A7B7A5;
}
.suggestItem a:hover {
    color: white;
    text-decoration: none;
}
.suggestItem a:hover h2 {
    color: #608616;
}
.byStaff {
    background-color: #222222;
}
.suggestDetails {
    margin-left: 100px;
}
#shelfSubNav {
    text-align: center;
}
#shelfSubNav .current {
    color: white;
}
#fb-root {
    margin-top: 15px;
}



/** Episode **/
.episodeImage{
	float: left;
	width: 150px; 
}

.episodeImage img {
    border: 3px solid black;
    float: left;
    margin: 0 10px 10px 0;
	max-width: 150px;
}
.episodeImage .book {
}
.episodeDetails {
    margin-left: 165px;
}
.episodeDetails h1 {
    font-weight: normal;
}
.episodeDetails .supportButtons img {
    vertical-align: middle;
}
.episodeDetails .supportButtons {
    margin: 10px 0 0;
}
#newContent .supportButtons img {
    vertical-align: middle;
}
.playButton:active {
}
.playButton:hover {
}
.playButton {
}
#flyingBox {
    background: none repeat scroll 0 0 black;
    border: 3px solid black;
    border-radius: 0 0 0 0;
    left: 0;
    padding: 4px 35px 5px 5px;
    position: absolute;
    top: 0;
    z-index: 100;
}
#flashBox {
    background: none repeat scroll 0 0 white;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    z-index: 100;
}
#newContent .supportButtons {
    font-weight: normal;
    margin: 10px 0 0;
}
.episodeInfo p {
    padding: 0 0 5px;
}
.episodeTag {
    font-family: Georgia,Palatino,Palatino Linotype,Times,Times New Roman,serif;
    font-size: 20px;
    margin: 20px;
}
.episodeSales {
    margin: 20px;
}
.episodeMoreInfo {
    clear: both;
    padding: 10px 0 0 20px;
}
.episodeMoreInfo li {
    padding: 10px;
}
.episodeMinus {
    display: none;
}
.episodeShowInfo {
    margin-left: 20px;
}
.episodeShowInfo li {
    background-image: url("http://images.read-weep.com/bullet.jpg");
    background-position: left center;
    background-repeat: no-repeat;
    margin: 5px 0 5px 10px;
    padding: 0 0 0 15px;
}
.episodeMusic p {
    background-image: url("http://images.read-weep.com/bullet.jpg");
    background-position: left center;
    background-repeat: no-repeat;
    margin: 5px 0 5px 10px;
    padding: 0 0 0 15px;
}
.episodeShowInfo .supportButtons {
    margin-top: 10px;
}
.tags {
    font-size: 15px;
    font-weight: normal;
    margin-top: 10px;
    text-transform: lowercase;
}
.detailLabel {
    color: #666666;
}
.episodeComments {
    margin-top: 10px;
}
.comment_whole {
    margin-bottom: 10px;
}
.comment_head {
    color: #777665;
    margin-bottom: 3px;
}
.comment_name {
    color: black;
    font-weight: bold;
}
.comment_time {
}
.comment_body {
}
.comment_functions {
    font-size: 0.7em;
}
.comment_functions a {
    padding: 0 3px;
}
.commentHighlight {
    border: 2px dashed #5B7978;
    padding: 5px;
}
.commentForm {
    background: none repeat scroll 0 0 #F5F3DF;
    margin: 10px 0;
    padding: 5px;
}
#disqus_thread a {
    color: #883D52;
}
#disqus_thread a:hover {
    color: white;
}
.dsq-global-toolbar-container {
    display: none;
}
#contentNav {
    background: none repeat scroll 0 0 black;
    height: 32px;
    margin: 0 -15px;
    padding: 5px 15px;
    text-align: right;
}
#contentNav a {
    color: #848484;
}
#contentNav a, #contentNav span {
    font-size: 28px;
    font-weight: bold;
    margin-left: 5px;
}
#contentNav span {
    color: #333333;
}
#contentNav a:hover {
    color: white;
    text-decoration: none;
}
.bonusDescription {
    clear: both;
    padding-top: 10px;
}
.editForm {
    margin-top: 15px;
    width: 100%;
}
.editForm .left {
    padding-top: 5px;
    text-align: center;
    vertical-align: top;
    width: 100px;
}
.editForm .right {
    padding: 5px 15px 0 10px;
    width: 100%;
}
.editForm .right input[type='text']{
    border: 3px solid black;
    margin: 0;
    padding: 3px;
    width: 100%;
}
.editForm .right select {
    border: 3px solid black;
    margin: 0;
    padding: 3px;
}
.editForm .right textarea {
    border: 3px solid black;
    padding: 3px;
    width: 100%;
}
#episodePlayer {
    background: url("http://images.read-weep.com/50-black.png") repeat scroll 0 0 transparent;
    margin: 13px 0 0;
    padding: 5px 0px;
    width: 490px;
}
#playerFlash{ display: none; }
#playerContent {
    margin-left: 61px;
    padding-top: 0px;
}
#playerContent p{
	margin: -1px 0 5px 6px;
	padding: 0px;
	color: #333;
	font-weight: bold;
	font-size: 10px;
}
#playerContent a{
	color: #333;
}
#playerContent .episodePlayerTitle{ color: #666; }

#playerImage {
    border: 3px solid black;
    float: left;
    height: 37px;
    margin-left: 10px;
    overflow: hidden;
}
#playerImage img {
    width: 37px;
}
#episodeHighlight {
    background-color: #608616;
    display: none;
    height: 52px;
    margin: -52px 0 0;
    width: 500px;
}
#footer audio{
	width: 95%;
	margin-top: 0px;
}
#footText {
    color: #C59B6D;
    float: right;
    font-size: 12px;
    margin: -21px 10px 0 0;
    text-align: right;
}
#footText a {
    color: #C59B6D;
    font-weight: bold;
}
#footer {
    background: url("http://images.read-weep.com/wood-tile.png") repeat scroll 0 0 transparent;
    bottom: -7px;
    height: 72px;
    padding-top: 0;
    position: fixed;
    width: 100%;
    z-index: 2;
}
#breadCrumbs {
    color: #66203C;
    display: none;
}
#breadCrumbs a {
    color: #66203C;
}
#descriptionArea a {
    background: none repeat scroll 0 0 transparent;
}
#jquery-overlay {
    height: 500px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 90;
}
#jquery-lightbox {
    left: 0;
    line-height: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 100;
}
#jquery-lightbox a img {
    border: medium none;
}
#lightbox-container-image-box {
    background-color: #FFFFFF;
    height: 250px;
    margin: 0 auto;
    position: relative;
    width: 250px;
}
#lightbox-container-image {
    padding: 10px;
}
#lightbox-loading {
    height: 25%;
    left: 0;
    line-height: 0;
    position: absolute;
    text-align: center;
    top: 40%;
    width: 100%;
}
#lightbox-nav {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav {
    left: 0;
}
#lightbox-nav a {
    outline: medium none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    display: block;
    height: 100%;
    width: 49%;
}
#lightbox-nav-btnPrev {
    float: left;
    left: 0;
}
#lightbox-nav-btnNext {
    float: right;
    right: 0;
}
#lightbox-container-image-data-box {
    background-color: #FFFFFF;
    font: 10px/1.4em Verdana,Helvetica,sans-serif;
    margin: 0 auto;
    overflow: auto;
    padding: 0 10px;
    width: 100%;
}
#lightbox-container-image-data {
    color: #666666;
    padding: 0 10px;
}
#lightbox-container-image-data #lightbox-image-details {
    float: left;
    text-align: left;
    width: 70%;
}
#lightbox-image-details-caption {
    font-weight: bold;
}
#lightbox-image-details-currentNumber {
    clear: left;
    display: block;
    padding-bottom: 1em;
}
#lightbox-secNav-btnClose {
    float: right;
    padding-bottom: 0.7em;
    width: 66px;
}
#adminNav {
    background: url("http://images.read-weep.com/50-black.png") repeat scroll 0 0 transparent;
    color: gray;
    position: absolute;
    right: -120px;
    top: 0;
    width: 120px;
}
#adminNav a {
    border: 0 none;
    color: gray;
    font-weight: bold;
}
#adminNav a:hover {
    color: white;
    text-decoration: none;
}
#adminNav li {
    margin-bottom: 10px;
}
#adminNav ul {
    padding: 10px 5px 0;
}

.ui-autocomplete {
	max-height: 150px;
	overflow-x: hidden;
	overflow-y: auto;
}

/**** Mailchimp Sign-up *****/
#mc_embed_signup div.response {z-index:0;}
#mc_embed_signup input.required {
	display: block;
	padding: 8px 0;
	margin: 0 4% 10px 0;
	text-indent: 5px;
	width: 58%;
	min-width: 130px;
}

/*****************************************************************************
 *  FILE:  anytime.css - The Any+Time(TM) JavaScript Library (stylesheet)
 *
 *  VERSION: 4.2013.03.15.a
 *
 *  Copyright 2008-2013 Andrew M. Andrews III (www.AMA3.com). Some Rights 
 *  Reserved. This work licensed under the Creative Commons Attribution-
 *  Noncommercial-Share Alike 3.0 Unported License except in jurisdicitons
 *  for which the license has been ported by Creative Commons International,
 *  where the work is licensed under the applicable ported license instead.
 *  For a copy of the unported license, visit
 *  http://creativecommons.org/licenses/by-nc-sa/3.0/
 *  or send a letter to Creative Commons, 171 Second Street, Suite 300,
 *  San Francisco, California, 94105, USA.  For ported versions of the
 *  license, visit http://creativecommons.org/international/
 *
 *  Alternative licensing arrangements may be made by contacting the
 *  author at http://www.AMA3.com/contact/
 *
 *  This file provides default styling for the Any+Time JavaScript Library's
 *  calendar widget.  The styles within can be overridden to customize the
 *  picker's appearance for a particular platform.  jQuery UI styles (such
 *  as those created by jQuery ThemeRoller) will override the styles in this
 *  stylesheet.
 *
 *  These styles have been tested (but not extensively) on Windows Vista in
 *  Internet Explorer 8.0, Firefox 3.0, Opera 10.10 and Safari 4.0.  Minor
 *  variations in IE older versions of IE are to be expected, due to its
 *  broken box model. Please report any other problems to the author via
 *  the URL above.
 *
 *  Any+Time is a trademark of Andrew M. Andrews III.
 ****************************************************************************/

/*
 *  The following styles ascertain that the types of elements used by
 *  our picker have reasonable styles, especially font, font-size,
 *  list-style-type, margin and padding.
 */

.AnyTime-pkr *
{
    border:0;
    font: inherit;
    font-size: x-small; 
    font-style:normal;
    font-weight:normal;
    list-style-type:none;
    margin:0;
    padding:0;
    white-space: nowrap;
}

/*
 *  .AnyTime-win simulates a "window" that might be a popup or inline.
 *  Styles should include background-color and border.  A window should 
 *  be sized according to its contents; therefore, width and height
 *  should NOT be specified.
 */

div.AnyTime-win
{
  background-color:#F0F0F1;
  border:3px solid #C0C0C0;
  font:normal normal normal xx-small/normal sans-serif;
  padding-bottom:0.2em;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
}

/*
 *  .AnyTime-pkr is the Date/Time picker, inserted into the page immediately 
 *  after the input (text field) to which it corresponds.  The picker
 *  attempts to size itself automatically based on its format fields;
 *  therefore, do NOT set width or height.  This is empty by default,
 *  because .AnyTime-win styles provide consistent window appearance.
 */

.AnyTime-pkr
{
}

/*
 *  .AnyTime-cloak covers an AnyTime-pkr whenever an AnyTime-yr-selector is placed over
 *  it.  The picker cannot be accessed until the AnyTime-yr-selector has been
 *  dismissed (possibly by clicking the AnyTime-cloak). The style usually
 *  includes a background-color and opacity (and filter for MSIE opacity).
 */

.AnyTime-pkr .AnyTime-cloak
{
  background-color:#D7D7D7;
  opacity:0.7;
  filter:alpha(opacity=70);
}

/*
 *  .AnyTime-hdr is the title bar at the top of a "window." In addition to
 *  the title label, the title bar for popup (non-inline) pickers also
 *  contains .AnyTime-x-btn.
 */

.AnyTime-pkr .AnyTime-hdr
{
  background-color:#D0D0D1;
  color:#606062;
  font-family:Arial,Helvetica,sans-serif;
  font-size:medium;
  font-weight:normal;
  height:1em;
  margin:0;
  padding:0 0 0.4em 0;
  text-align:center;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
}

/*
 *  .AnyTime-x-btn is a pseudo-button that, when clicked, causes the entire
 *  picker to disappear (the picker also disappears if the user clicks 
 *  almost anywhere off of it, or presses ESC).  This is designed to have,
 *  at minumum, a border and float:right.
 */

.AnyTime-pkr .AnyTime-x-btn
{
  background-color:#FCFCFF;
  border:1px solid #F99;
  color:#FF9F9F;
  cursor:default;
  float:right;
  margin:0.3em;
  text-align:center;
  width:1.5em;
  -moz-border-radius:0.4em;
  -webkit-border-radius:0.4em;
}

/*
 *  .AnyTime-btn is a pseudo-button for selection of a format field value.
 *  Both height and float:left should be specified, but width is usually
 *  left for different variations to specify (see classes .AnyTime-***-btn).
 */

.AnyTime-pkr .AnyTime-btn
{
  background-color:#FCFCFE;
  border:1px solid #999;
  color:#606062;
  cursor:default;
  float:left;
  font-family:Arial,Helvetica,sans-serif;
  height:1.5em;
  margin-bottom:1px;
  margin-right:1px;
  padding-top:0.1em;
  -moz-border-radius:0.4em;
  -webkit-border-radius:0.4em;
}

/*
 *  .AnyTime-body contains everything in thee picker except the title bar.
 *  Because the picker attempts to size itself automatically based on
 *  its format fields, do not width or height.
 */

.AnyTime-pkr .AnyTime-body
{
	padding:0.5em;
}

/*
 *  .AnyTime-date contains all content (labels and pseudo-buttons) for selecting
 *  a date (or part thereof).  It is designed to be float:left and should
 *  have a small amount of paddding.
 */

.AnyTime-pkr .AnyTime-date
{
  float:left;
  padding:0 0.5em;
}

/*
 *  .AnyTime-lbl headings appear before each group of pseudo-buttons for a
 *  particular format field.  Each specific label has a class, also.
 *  Styles clear:left and height should be specified here.
 */

.AnyTime-pkr .AnyTime-lbl
{
  clear:left;
  color:#606063;
  font-family:Arial,Helvetica,sans-serif;
  font-size:100%;
  font-weight:normal;
  font-style:normal;
  height:1.3em;
  margin:0;
  padding:0;
  text-align:center;
}

.AnyTime-pkr .AnyTime-lbl-yr,
.AnyTime-pkr .AnyTime-lbl-mon,
.AnyTime-pkr .AnyTime-lbl-dom,
.AnyTime-pkr .AnyTime-lbl-hr,
.AnyTime-pkr .AnyTime-lbl-min,
.AnyTime-pkr .AnyTime-lbl-sec
{
}

/*
 *  .AnyTime-yrs contains the year-selection pseudo-buttons.
 *  A height and width should be specified.
 */

.AnyTime-pkr .AnyTime-yrs
{
  height:2.6em;
  text-align:center;
  width:18.6em;
}

/*
 *  Following are classes for the pseudo-buttons within .AnyTime-yrs
 *  A width should be specified for each.
 */

.AnyTime-pkr .AnyTime-yrs-past-btn
{
  width:2.7em;
}

.AnyTime-pkr .AnyTime-yr-prior-btn,
.AnyTime-pkr .AnyTime-yr-cur-btn,
.AnyTime-pkr .AnyTime-yr-next-btn
{
  width:3.75em;
}

.AnyTime-pkr .AnyTime-yrs-ahead-btn
{
  width:2.7em;
}

/*
 *  .AnyTime-mons
 *  .AnyTime-mons contains the month-selection pseudo-buttons.
 *  A height and width should be specified.
 */

.AnyTime-pkr .AnyTime-mons
{
  height:4.8em;
  text-align:center;
  width:18.8em;
}

/*
 *  .AnyTime-mon-btn is for the pseudo-buttons within .AnyTime-mons
 *  A width should be specified.
 *  Each pseudo-button also has a class of its own.
 */

.AnyTime-pkr .AnyTime-mon-btn
{
  width:2.75em;
}

.AnyTime-pkr .AnyTime-mon1-btn,
.AnyTime-pkr .AnyTime-mon2-btn,
.AnyTime-pkr .AnyTime-mon3-btn,
.AnyTime-pkr .AnyTime-mon4-btn,
.AnyTime-pkr .AnyTime-mon5-btn,
.AnyTime-pkr .AnyTime-mon6-btn,
.AnyTime-pkr .AnyTime-mon8-btn,
.AnyTime-pkr .AnyTime-mon9-btn,
.AnyTime-pkr .AnyTime-mon10-btn,
.AnyTime-pkr .AnyTime-mon11-btn,
.AnyTime-pkr .AnyTime-mon12-btn
{
}

.AnyTime-pkr .AnyTime-mon7-btn
{
	clear:left;
}


/*
 *  .AnyTime-dom-table is the table containing days-of-the-month.
 *  .AnyTime-dom-head is the table heading, containing days-of-the-week labels.
 *  tr.AnyTime-dow is the row in the heading.
 *  td.AnyTime-dow is a column heading; each heading has its own class, also.
 *  .AnyTime-dom-body is the table heading, containing days-of-the-week labels.
 *  .AnyTime-wk is a table row, containing pseudo-buttons for days.
 *  Each week has its own class (.AnyTime-wk***), also.
 */

.AnyTime-pkr .AnyTime-dom-table
{
  background-color:#F0F0F1;
  border:1px solid #E3E3E4;
  border-spacing:1px;
  width:18.6em;
}

.AnyTime-pkr .AnyTime-dom-head
{
}

.AnyTime-pkr tr.AnyTime-dow
{
}

.AnyTime-pkr th.AnyTime-dow
{
  background-color:#C0C0C1;
  color:white;
  font-family:Arial,Helvetica,sans-serif;
  font-size:95%;
  font-weight:normal;
  font-style:normal;
}

.AnyTime-pkr .AnyTime-dow1,
.AnyTime-pkr .AnyTime-dow2,
.AnyTime-pkr .AnyTime-dow3,
.AnyTime-pkr .AnyTime-dow4,
.AnyTime-pkr .AnyTime-dow5,
.AnyTime-pkr .AnyTime-dow6,
.AnyTime-pkr .AnyTime-dow7
{
}

.AnyTime-pkr .AnyTime-dom-body
{
}

.AnyTime-pkr .AnyTime-wk
{
}

.AnyTime-pkr .AnyTime-wk1,
.AnyTime-pkr .AnyTime-wk2,
.AnyTime-pkr .AnyTime-wk3,
.AnyTime-pkr .AnyTime-wk4,
.AnyTime-pkr .AnyTime-wk5,
.AnyTime-pkr .AnyTime-wk6
{
}

/*
 *  .AnyTime-dom-btn is a pseudo-button for a day-of-the-month.
 *  Styles width, text-align:right and float:none should be specified.
 *  .AnyTime-dom-btn-filled is a button containing a specific day-of-the-month.
 *  .AnyTime-dom-btn-empty is a button for an empty cell (no day-of-the-month).
 *  .AnyTime-dom-btn-empty-above-filled is an empty button above a filled button.
 *  .AnyTime-dom-btn-empty-before-filled is empty, left of a filled button.
 *  .AnyTime-dom-btn-empty-after-filled is empty, right of a filled button.
 *  .AnyTime-dom-btn-empty-below-filled is empty, below a filled button.
 */

.AnyTime-pkr .AnyTime-dom-btn
{
  float:none;
  height:1.7em;
  text-align:right;
  padding:0 0.5em 0 0;
}

.AnyTime-pkr .AnyTime-dom-btn-filled
{
}

.AnyTime-pkr .AnyTime-dom-btn-empty
{
    background-color:#F3F3F4;
    border:1px solid #C0C0c1;
}

.AnyTime-pkr .AnyTime-dom-btn-empty-above-filled,
.AnyTime-pkr .AnyTime-dom-btn-empty-before-filled,
.AnyTime-pkr .AnyTime-dom-btn-empty-after-filled,
.AnyTime-pkr .AnyTime-dom-btn-empty-below-filled
{
}

/*
 *  .AnyTime-time contains all content (labels and pseudo-buttons) for selecting
 *  a time (or part thereof).  It is designed to be float:left and should
 *  have a small amount of paddding.
 */

.AnyTime-pkr .AnyTime-time
{
  float:left;
  padding:0 0 0 1em;
  text-align:center;
}

/*
 *  .AnyTime-hrs contains two columns (.AnyTime-hrs-am and .AnyTime-hrs-pm) of
 *  pseudo-buttons for selecting hours. It is designed to be float:left, have
 *  a width and padding.  The columns should each have width and float:left.
 */

.AnyTime-pkr .AnyTime-hrs
{
  float:left;
  padding-left:0.5em;
  padding-right:0.5em;
  text-align:center;
  width:7.2em;
}

.AnyTime-pkr .AnyTime-hrs-am,
.AnyTime-pkr .AnyTime-hrs-pm
{
  float:left;
  width:3.6em;
}

/*
 *  .AnyTime-hr-btn is a pseudo-button for selecting an hour.
 *  Style should include width.
 *  Each button also has a style of its own. 
 */

.AnyTime-pkr .AnyTime-hr-btn
{
  text-align:right;
  padding-right:0.25em;
  width:3em;  
}

.AnyTime-pkr .AnyTime-hr0-btn,
.AnyTime-pkr .AnyTime-hr1-btn,
.AnyTime-pkr .AnyTime-hr2-btn,
.AnyTime-pkr .AnyTime-hr3-btn,
.AnyTime-pkr .AnyTime-hr4-btn,
.AnyTime-pkr .AnyTime-hr5-btn,
.AnyTime-pkr .AnyTime-hr6-btn,
.AnyTime-pkr .AnyTime-hr7-btn,
.AnyTime-pkr .AnyTime-hr8-btn,
.AnyTime-pkr .AnyTime-hr9-btn,
.AnyTime-pkr .AnyTime-hr10-btn,
.AnyTime-pkr .AnyTime-hr11-btn,
.AnyTime-pkr .AnyTime-hr12-btn,
.AnyTime-pkr .AnyTime-hr13-btn,
.AnyTime-pkr .AnyTime-hr14-btn,
.AnyTime-pkr .AnyTime-hr15-btn,
.AnyTime-pkr .AnyTime-hr16-btn,
.AnyTime-pkr .AnyTime-hr17-btn,
.AnyTime-pkr .AnyTime-hr18-btn,
.AnyTime-pkr .AnyTime-hr19-btn,
.AnyTime-pkr .AnyTime-hr20-btn,
.AnyTime-pkr .AnyTime-hr21-btn,
.AnyTime-pkr .AnyTime-hr22-btn,
.AnyTime-pkr .AnyTime-hr23-btn
{
}

/*
 *  .AnyTime-mins contains two columns (.AnyTime-mins-tens and .AnyTime-mins-ones)
 *  of pseudo-buttons for selecting minutes.
 *  It is designed to be float:left, have a width and padding.
 *  The columns should each have width and float:left.
 */

.AnyTime-pkr .AnyTime-mins
{
  float:left;
  padding-left:0.5em;
  padding-right:0.5em;
  text-align:center;
  width:4.7em;
}

.AnyTime-pkr .AnyTime-mins-tens,
.AnyTime-pkr .AnyTime-mins-ones
{
  float:left;
  width:2.3em;
}

/*
 *  .AnyTime-min-ten-btn is a button in the .AnyTime-mins-tens column.
 *  .AnyTime-min-one-btn is a button in the .AnyTime-ones-tens column.
 *  A width should be specified.
 *  Each button also has its own style.
 */
 
.AnyTime-pkr .AnyTime-min-ten-btn,
.AnyTime-pkr .AnyTime-min-one-btn
{
  float:left;
  text-align:center;
  width:2em;
}

.AnyTime-pkr .AnyTime-min-ten-btn-empty,
.AnyTime-pkr .AnyTime-min-one-btn-empty
{
    background-color:#F3F3F4;
    border:1px solid #C0C0c1;
}

.AnyTime-pkr .AnyTime-min00-btn,
.AnyTime-pkr .AnyTime-min10-btn, /*etc*/
.AnyTime-pkr .AnyTime-min0-btn,
.AnyTime-pkr .AnyTime-min1-btn /*etc*/
{
}

/*
 *  .AnyTime-secs contains two columns (.AnyTime-secs-tens and .AnyTime-secs-ones)
 *  of pseudo-buttons for selecting seconds.
 *  It is designed to be float:left, have a width and padding.
 *  The columns should each have width and float:left.
 */

.AnyTime-pkr .AnyTime-secs
{
  float:left;
  padding-left:0.5em;
  padding-right:0.5em;
  text-align:center;
  width:4.7em;
}

.AnyTime-pkr .AnyTime-secs-tens,
.AnyTime-pkr .AnyTime-secs-ones
{
  float:left;
  width:2.3em;
}

/*
 *  .AnyTime-sec-ten-btn is a button in the .AnyTime-secs-tens column.
 *  .AnyTime-sec-one-btn is a button in the .AnyTime-ones-tens column.
 *  A width should be specified.
 *  Each button also has its own style.
 */

.AnyTime-pkr .AnyTime-sec-ten-btn,
.AnyTime-pkr .AnyTime-sec-one-btn
{
  float:left;
  text-align:center;
  width:2em;
}

.AnyTime-pkr .AnyTime-sec-ten-btn-empty,
.AnyTime-pkr .AnyTime-sec-one-btn-empty
{
    background-color:#F3F3F4;
    border:1px solid #C0C0c1;
}

.AnyTime-pkr .AnyTime-sec00-btn,
.AnyTime-pkr .AnyTime-sec10-btn, /*etc*/
.AnyTime-pkr .AnyTime-sec0-btn,
.AnyTime-pkr .AnyTime-sec1-btn /*etc*/
{
}



/*
 *  .AnyTime-offs contains the UTC offset (timezone) selection pseudo-buttons.
 *  The container is designed to have clear:left, float:left and padding. 
 *  The two buttons have their own styles, and .AnyTime-off-select-btn should
 *  include a width.
 *  The width of the container and the .AnyTime-off-cur-btn should not be
 *  specified, as they are computed based on the width of the
 *  .AnyTime-off-select-btn and the .AnyTime-time container.
 */
 
.AnyTime-pkr .AnyTime-offs
{
  clear:left;
  float:left;
  padding-left:0.5em;
  padding-top:0.5em;
  text-align:center;
}

.AnyTime-pkr .AnyTime-off-btn,
.AnyTime-pkr .AnyTime-off-cur-btn
{
}

.AnyTime-pkr .AnyTime-off-select-btn
{
  width:1.5em;
}

/*
 *  .AnyTime-yr-selector is an overlay (popup) for selecting a specific year.
 *  The picker attempts to size the overlay automatically, based on
 *  whether "era" buttons are displayed; therefore, do not set width.
 *  AnyTime-hdr-yr-selector is its title bar. 
 *  AnyTime-body-yr-selector is its body.
 */

.AnyTime-pkr .AnyTime-yr-selector
{
}

.AnyTime-pkr .AnyTime-hdr-yr-selector
{
}

.AnyTime-pkr .AnyTime-body-yr-selector
{
  padding:1em;	
}

/*
 *  .AnyTime-yr-mil is the column of millenium-selector pseudo-buttons.
 *  .AnyTime-yr-cent is the column of century-selector pseudo-buttons.
 *  .AnyTime-yr-dec is the column of decade-selector pseudo-buttons.
 *  .AnyTime-yr-yr is the column of year-selector pseudo-buttons.
 *  A width and float:left should be specified for each.
 *
 *  .AnyTime-mil-btn is a millenium-selector button.
 *  .AnyTime-cent-btn is a century-selector button.
 *  .AnyTime-dec-btn is a decade-selector button.
 *  .AnyTime-yr-btn is a year-selector button.
 *  Each button has its own class, also.
 */

.AnyTime-pkr .AnyTime-yr-mil,
.AnyTime-pkr .AnyTime-yr-cent,
.AnyTime-pkr .AnyTime-yr-dec,
.AnyTime-pkr .AnyTime-yr-yr
{
  float:left;
  width:2.5em;
}

.AnyTime-pkr .AnyTime-mil-btn,
.AnyTime-pkr .AnyTime-cent-btn,
.AnyTime-pkr .AnyTime-dec-btn,
.AnyTime-pkr .AnyTime-yr-btn
{
  float:left;
  text-align:center;
  width:2em;
}

.AnyTime-pkr .AnyTime-mil0-btn,
.AnyTime-pkr .AnyTime-mil1-btn, /* etc */
.AnyTime-pkr .AnyTime-cent0-btn,
.AnyTime-pkr .AnyTime-cent1-btn, /* etc */
.AnyTime-pkr .AnyTime-dec0-btn,
.AnyTime-pkr .AnyTime-dec1-btn, /* etc */
.AnyTime-pkr .AnyTime-yr0-btn,
.AnyTime-pkr .AnyTime-yr1-btn /* etc */
{
}

/*
 *  .AnyTime-yr-era contains the column of era-selection pseudo-buttons.
 *  A width and float:left should be specified.
 *  Each era button has class .AnyTime-era-btn (with width) as well as
 *  its own class.
 */

.AnyTime-pkr .AnyTime-yr-era
{
  float:left;
  padding-left:1em;
  width:4.1em;
}

.AnyTime-pkr .AnyTime-era-btn
{
  text-align:center;
  width:3em;
}

.AnyTime-pkr .AnyTime-bce-btn,
.AnyTime-pkr .AnyTime-ce-btn
{
}


/*
 *  .AnyTime-off-selector is an overlay (popup) for selecting a specific year.
 *  The picker attempts to size the overlay automatically, based on
 *  its contents; therefore, do not set width.
 *  .AnyTime-hdr-off-selector is its title bar. 
 *  .AnyTime-body-off-selector is its body.
 *  .AnyTime-off-off is the column of offset-selector pseudo-buttons.
 *  .AnyTime-off-off-btn is an offset-selector pseudo-button.
 *  .AnyTime-off-off-last-btn is the last offset-selector pseudo-button.
 */

.AnyTime-pkr .AnyTime-off-selector
{
}

.AnyTime-pkr .AnyTime-hdr-off-selector
{
}

.AnyTime-pkr .AnyTime-body-off-selector
{
  margin:0.5em;  
}
.AnyTime-pkr .AnyTime-off-off
{
}

.AnyTime-pkr .AnyTime-off-off-btn
{
  clear:left;
  padding-left:1em;
  padding-right:1em;
  text-align:left;
}

.AnyTime-pkr .AnyTime-off-off-last-btn
{
}

/*
 *  .AnyTime-cur-btn is applied to every pseudo-button that represents
 *  a currently-selected value.  They should stand out from the other
 *  buttons, using a different background-color, border, color, font,
 *  font-style and/or font-weight.  Note that color alone is not
 *  sufficient for color-blind users to differentiate the buttons.
 */

.AnyTime-pkr .AnyTime-cur-btn
{
  border:1px solid #333334 !important;
  background-color:#C0C0C1 !important;
  color:black !important;
  font-weight:bold !important;
}

/*
 *  .AnyTime-out-btn is applied to every pseudo-button that represents
 *  a value that should not be selected because it would make the value.
 *  out-of-range.  Typically, this is to give it a "grayed-out" appearance.
 *  Note that color alone is not sufficient for color-blind users to
 *  differentiate the buttons, but since there's no harm in pressing these
 *  buttons, it's probably no big deal.  
 */

.AnyTime-pkr .AnyTime-out-btn
{
    background-color:#F0F0F1;
    border:1px solid #C0C0c1;
}

/*
 *  .AnyTime-focus-btn is applied to the single pseudo-button that appears to
 *  have keyboard focus.  It should stand out from all other buttons,
 *  using a different background-color, border, color, font, font-style
 *  and/or font-weight.  Note that color alone is not sufficient for
 *  color-blind users to differentiate the button.  Because most UIs
 *  represent focus using a dashed or dotted border, this is recommended.
 */

.AnyTime-pkr .AnyTime-focus-btn
{
  border:1px dashed black !important;
}

/*
 *  END OF FILE
 */