/*MOBILE CSS*/

/***************************************MAIN HEADER****************************************************/

#main-header{padding:0;background:#c5c5c5;}

#main-header div:first-child{margin: 7px 0 3px 4px;}

#main-header div:first-child a{background:url(../../images/mobile/vec3.png) no-repeat center left;width:194px;height:28px;display:block;}

.head-default a{height:38px;width:46px;border-left:1px solid #999;display:block;float:right;}

.head-default a:active{background-color:#A5DBFF;}

#nav-search-btn{background:url(../../images/mobile/glyph_icons/icons-gray/06-magnify.png) no-repeat center center;}

#nav-create-btn{background:url(../../images/mobile/glyph_icons/icons-gray/216-compose.png) no-repeat center center;}

a.head-search{margin:3px 3px 0 0;}

form.head-search div:first-child{padding:0 4px;margin-top:-3px;}


/*******************************************MAIN NAV (FOOTER)*****************************************/

#mnav .ui-btn .ui-btn-inner{padding-top: 7px !important;padding-bottom:3px !important;}

#mnav .ui-btn .ui-icon
{width: 30px!important; height: 0!important; margin-left: -15px !important; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: 0 !important; border-radius: 0 !important;}

#nav-books .ui-icon{background:  url(../../images/mobile/glyph_icons/icons-white/96-book.png) 50% 50% no-repeat; background-size: 18px 26px;}

#nav-home .ui-icon{background:  url(../../images/mobile/glyph_icons/icons-white/53-house.png) 50% 50% no-repeat; background-size: 22px 22px;}

#nav-cards .ui-icon{background:  url(../../images/mobile/glyph_icons/icons-white/282-cards.png) 50% 50% no-repeat; background-size: 30px 27px;}

#nav-locker .ui-icon{background:  url(../../images/mobile/glyph_icons/icons-white/111-user.png) 50% 50% no-repeat; background-size: 24px 21px;}

#nav-sign-in .ui-icon{background:  url(../../images/mobile/glyph_icons/icons-white/248-sign.png) 50% 50% no-repeat; background-size: 24px 23px;}


/**********************************FOOTER LINKS***************************************************/

#footer-links{margin-top:4px;margin-bottom:12px;font-size:12px;}

#footer-links p{margin:8px 0 0 0;}

#footer-links p:last-child{margin-bottom:15px;}

/************************************MEDIA QUERIES******************************************************/

/*wider than landscape on most phones*/
/*MEDIA QUERY 1 (.mq1-wide-inline, .mq1-wide-block, .mq1-narrow)*/

.mq1-wide-inline, .mq1-wide-block{display:none;}

@media all and (min-width:485px)
{
  .mq1-wide-inline{display:inline;}
  .mq1-wide-block{display:block;}
  .mq1-narrow{display:none;}
  
}

/*wider than portrait on most phones*/
/*MEDIA QUERY 2 (.mq2-wide-inline, .mq2-wide-block, .mq2-narrow)*/

.mq2-wide-inline, .mq2-wide-block{display:none;}
.search-tools div p span, .search-tools div p a{margin-left:9px;}
@media all and (min-width:475px)
{
  .mq2-wide-inline{display:inline;}
  .mq2-wide-block{display:block;}
  .mq2-narrow{display:none;}

  .search-tools div p span, .search-tools div p a{margin-left:12px;}/*add spacing between search tools*/
  /*float book details next to image for book*/
  #view-book-image{float:left;}
  #view-book-image img{margin-bottom:0 !important;}
  #view-book-image + div{margin-left:125px;}
  /*add space next to time in comment since line-break is removed*/
  #set-comments li h4 span{margin-left:12px;}
}

/*taller than landscape on most phones*/
/*MEDIA QUERY 3 (.mq3-wide-inline, .mq3-wide-block, .mq3-narrow)*/

@media all and (min-height:325px)
{
  #mnav .ui-btn .ui-btn-inner{padding-top: 34px !important;}
  #mnav .ui-btn .ui-icon{height: 27px!important;}
}

/*taller than portrait on most phones*/
/*MEDIA QUERY 3 (.mq4-wide-inline, .mq4-wide-block, .mq4-narrow)*/

#set-list-view div.card-img img{max-height:100px;}
@media all and (min-height:485px)
{
  #set-list-view div.card-img img{max-height:125px;}
}


/*tablets w/ decent resolution*/

.en-tablet, .en-tablet-inline{display:none;}
li.en-bottom-border{border-bottom-width:1px;}
#set-list-view .back-card{margin-left:40%;}
#view-cards-page .single-card td{border-radius:7px;}
@media all and (min-width:695px) and (min-height:695px)
{
  .en-tablet{display:block;}
  .en-tablet-inline{display:inline;}
  .en-tablet-narrow{display:none;}
  li.en-bottom-border{border-bottom-width:0;}
  #set-list-view .back-card{margin-left:45%;}
  #view-cards-page .single-card td{border-radius:11px;}
}

/*images for high-resolution devices*/
@media only screen and (-webkit-min-device-pixel-ratio: 2)
{

  /*top logo and icons*/
  /*footer icons*/
  /*share icons*/
  /*fav icons*/
  /*show larger image for cards*/
}


/*****************************************GENERAL STYLES*********************************************/
#fitin{word-wrap:break-word;position:absolute;left:-99999px;}

.float-r{float:right;}
.float-l{float:left;}
.clear-r{clear:right;}
.clear-l{clear:left;}
.clear{clear:both;}

.larger-lh{line-height:135%;}
.much-larger-lh{line-height:175%;}

.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}

.larger-font{font-size:1.1em;}
.much-larger-font{font-size:1.25em;}
.smaller-font{font-size:.9em;}
.much-smaller-font{font-size:.75em;}

.italic{font-style:italic;}
.bold{font-weight:bold;}
.normal-font-weight{font-weight:normal !important;}

.orange{color:#F76200 !important;}
.gray{color:#777 !important;}
.green{color:green !important;}
.light-green{color:#00B700 !important;}
.red{color:red !important;}

.no-margin{margin:0 !important;}
.no-top-margin{margin-top:0 !important;}
.no-bottom-margin{margin-bottom:0 !important;}
.no-vertical-margin{margin-top:0 !important;margin-bottom:0 !important;}
.no-horizontal-margin{margin-left:0 !important;margin-right:0 !important;}
.no-padding{padding:0 !important;}

.no-top-border{border-top:none;}
.no-bottom-border{border-bottom:none;}
.no-vertical-border{border-top:none;border-bottom:none;}

.hide{display:none;}
.inline{display:inline;}
.block{display:block;}
.hidden{visibility:hidden;}

.wrap-txt{white-space:normal;}
.show-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.js-link{cursor:pointer;}

.preloader-4-btn{position:absolute;}

.loading-w-txt{display:none;}
.loading-w-txt img{position:relative;top:3px;margin-right:12px;}

.message {
    padding: 8px;font-size:.9em;
    text-shadow: 0 1px 0 #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
}
.message.info {
    border: 1px solid #cadcea;
    background: #e1f2fc;
    background: -webkit-gradient(linear, left top, left bottom, from(#e1f2fc), to(#cae9fd));
    background: -moz-linear-gradient(top,  #e1f2fc,  #cae9fd);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1f2fc', endColorstr='#cae9fd');
    color: #225b86;
}
.message.error {
    border: 1px solid #eeb7ba;
    background: #fae2e2;
    background: -webkit-gradient(linear, left top, left bottom, from(#fae2e2), to(#f2cacb));
    background: -moz-linear-gradient(top,  #fae2e2,  #f2cacb);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fae2e2', endColorstr='#f2cacb');
    color: #be4741;
}
.message.success {
    border: 1px solid #b8c97b;
    background: #E8F7E3;
    background: -webkit-gradient(linear, left top, left bottom, from(#E8F7E3), to(#C3DDBA));
    background: -moz-linear-gradient(top,  #e5edc4,  #C3DDBA);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8F7E3', endColorstr='#C3DDBA');
    color: #3f7227;
}
.message.warning {
    border: 1px solid #e5dbaa;
    background: #ffffc0;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffc0), to(#f9ee9c));
    background: -moz-linear-gradient(top,  #ffffc0,  #f9ee9c);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffc0', endColorstr='#f9ee9c');
    color: #6d7829;
}

/*****************************************MULTIPAGE STYLES*********************************************/
#show-larger-image{border-radius:0;}

.char-count{margin:2px 0 0 2px;}/*used by textareas that count characters*/

.collapsible-count{float:right;padding:.2em .5em;font-size:11px;margin-left:15px;}

ul.default-list-margin{margin-top:10px !important;margin-bottom:10px !important;}

.sep{margin:.4em;color:#999;}

.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb{min-height:65px;padding-left:78px;}

.smaller-thumb .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .smaller-thumb .ui-li-static.ui-li-has-thumb{min-height:48px;padding-left:63px;}

ul.smaller-thumb li{padding-left:3px;}

/*squares an inline list*/
ul.square-inset, ul.square-inset li, ul.square-inset li img{border-radius:0 !important;}

.smaller-thumb h4{margin-top:-4px;}

img.camera-icon{height:12px;}

/*favs*/
a.add-fav, a.remove-fav{float:right;margin-left:7px;width:24px;height:24px;}

a.add-fav{background:  url(../../images/mobile/fav_add.png) 0 0 no-repeat;}

a.remove-fav{background:  url(../../images/mobile/fav_remove.png) 0 0 no-repeat;}
/*end favs*/

h3.top-title-with-hr{margin:3px 0 0 0;} /*top h3 title when there is an hr below*/

/*js select popup*/
.js-select li .ui-icon{display:none;}
.js-select li a{font-weight:normal;}
.js-select li.selected a{font-weight:bold;}

/*search*/
ul img.list-thumbnail, ul img.list-thumbnail-no-border{width:59px;max-height:73px;}

ul.smaller-thumb img.list-thumbnail, ul.smaller-thumb img.list-thumbnail-no-border{width:45px;max-height:57px;}

ul img.list-thumbnail{border:1px solid #aaa;top:6px;left:4px;}

ul img.list-thumbnail-no-border{top:7px;left:5px;}

ul.results-list .ui-li-aside{color:green;width:auto;margin-top:1px;margin-left:9px;}

li.card-result h4{margin-top:0px;margin-bottom:9px;}

li.card-result .card-details{margin-top:7px;margin-bottom:0px;}

li.card-result .ui-li-aside img{margin-left:6px;}

li.card-result .ui-li-aside img.camera-icon{position:relative;top:1px;}

li.book-result .book-details{margin-top:1px;margin-bottom:12px;}

ul.results-list .highlight{color:#F76200;font-weight:bold;}

ul.results-list.has-search-options{margin-top:-1px;margin-bottom:15px;clear:left;}

p.result-count{margin:-2px 0 15px 2px;}

p.remove-search-filters{margin-top:-.25em;}

p.remove-search-filters a{font-weight:normal !important;}

/*sort list*/
.sort-li a{text-align:right;font-size:14px;}
.sort-li .ui-icon-sort{text-align: center;}
.sort-li span.sort-type{margin-left:9px;}

/*search-options*/
.subs-autocomplete{position:relative;}

.subs-autocomplete .suggestions{margin-top:-.4em;position:absolute;width:100%;z-index:1000;display:none;}

.search-tools div{clear:left;padding-top:6px;}

.search-tools div p{float:left;margin-top:.4em;margin-bottom:.4em;}

.search-tools div p:first-child{width:4.5em;}

.search-tools .first-tool{margin-left:0;}

.search-tools span{font-weight:bold;}

/*pagination*/
.pagination .spacer{clear:left;height:10px;}
.pagination a{float:left;margin-left:9px;}
.pagination a:first-child{margin-left:0;}

/*share*/
.share-this a{display:block;float:left;width:32px;height:32px;margin-left:15px;}
.share-this a:first-child{margin-left:0;}
.share-this a.fb-this{background:url(../../images/mobile/f_logo.png) 0 0 no-repeat;}
.share-this a.tweet-this{background:url(../../images/mobile/twitter_icon.png) 0 0 no-repeat;}
.share-this a.gplus-this{background:url(../../images/mobile/gplusicon.png) 0 0 no-repeat;}

/******************************PAGES**********************************/
/*select grades dialog*/

#select-grades p{margin-bottom:7px;}

div#select-grades .select-all{display:none;}

#select-grades fieldset{margin:12px 0 23px 0;}

#select-grades .ui-block-b{padding-left:8px;}

#select-grades .ui-block-a{padding-right:8px;}

#select-grades .ui-block-a p:first-child, div#select-grades .ui-block-b p:first-child{margin-top:5px;}

#grade-buttons{margin-top:-6px;border-top:1px solid #ccc;padding-top:5px;}

#grade-buttons a, div#grade-buttons div{float:right;margin-left:7px;}


/*view book page*/

#view-book-image img{width:110px;border:1px solid #aaa;margin-bottom:8px;}

#set-count-for-book{margin-top:17px;}

#set-count-for-book + div{margin:27px 0 25px 0;}


/*view book chapter page*/

#back-to-book{margin:0 15px 0 0;z-index:101;}

#view-book-chapter-page .results-list{margin-top:20px;margin-bottom:10px;}

#select-chapter-sort ul{min-width:200px;}

form .ui-select{margin-left:90px;}


/*view notecard set page*/

#set-title-icons{float:left;margin-top:.5em;}

#set-title-icons img{float:left;margin-right:7px}

#view-set-page img.key-icon{margin-top:2px;}

#view-set-page hr.title-hr{margin-bottom:10px;}

#set-actions{margin:-5px 0 0 -12px;}

#set-actions a{margin-left:12px;}

#set-actions a.non-creator-edit{padding-right:20px;background:  url(../../images/mobile/key.png) 100% 50% no-repeat;}

#help-contain a{float:right;margin:0 0 0 11px;}

#help-contain h4{margin:4px 0 0 0;}

#view-set-page .voted-up .ui-icon-thumbs-up{background:green;}
#view-set-page .voted-up{border-color:green;}
#view-set-page .voted-down .ui-icon-thumbs-down{background:red;}
#view-set-page .voted-down{border-color:red;}

#view-set-page ul.results-list.smaller-thumb{margin:11px 0;}

#view-set-details{position:relative;margin-top:11px; margin-bottom:15px;min-height:30px;}

#view-set-details .hidden-details p.larger-lh, #view-set-details .set-description{margin:.5em 0;}

#view-set-details div[data-role="collapsible-set"]{margin:1em 0 -1px 0;}

#view-set-page a.show-more-details{position:absolute;bottom:-2px;right:0;margin-bottom:0;z-index:101;}

#view-set-page .set-description.show-ellipsis{margin-right:33px;}

#report-set{height:23px;}

#report-box{margin-right:45px;margin-top:-10px;border:1px solid #d5d5d5;padding:8px;}
#report-box a{margin-top:10px;}

#set-activities{padding:7px 0;margin:11px 0px;border:1px solid #ccc;border-right:none;border-left:none;}
#set-activities a{margin:0 5px;}
#set-activities a:first-child{margin:0 4px 0 -1px;}


#view-set-page .loading-w-txt{margin-top:15px;}
#set-tabs{margin-right:-16px;margin-left:-15px;}
#set-tabs .not-selected{text-shadow:none;font-weight:normal;color:#777;}


#set-list-view, #similar-sets, #set-comments{margin-bottom:10px;}
div#similar-sets{margin-top:10px;}/*when similar-sets is a div there are no sets found*/
ul#similar-sets li:first-child{border-top:none;}
#set-list-view .front-card{width:40%;}
#set-list-view li > div:first-child, #set-list-view .front-card{float:left;}
#set-list-view li > div:first-child{width:5%;}
#set-list-view li > div:first-child, #set-list-view .back-card{font-weight:normal;}
#set-list-view div{word-wrap:break-word;}
#set-list-view .back-card{padding-left:15px;}
#set-list-view .back-card .card-img{margin-right:30px;}
#set-list-view div.card-img img{max-width:100%}
#set-list-view div.card-img.notext{margin-bottom:-5px;}
#set-list-view div.mark-card{margin:-8px -8px 0 0;padding:0 0 3px 10px;}
#set-list-view div.mark-card a
{
  background:  url(../../images/mobile/glyph_icons/icons-gray/258-checkmark.png) 50% 50% no-repeat;
  background-size:13px 12px;
  opacity:.3;
  display:block;
  width:27px;
  height:27px;
}
#set-list-view div.mark-card a.marked
{
  background:  url(../../images/mobile/red_check.png) 50% 50% no-repeat;
  background-size:14px 13px;
  opacity:1;
}

#set-comments{margin-top:20px;}
#set-comments li{position:relative;}
#set-comments li div:first-child{float:left;width:47px;margin:-2px 0 -7px -2px;}
#set-comments li div:first-child img{width:100%;max-height:60px;}
#set-comments li .comment-content{margin-left:57px;}
#set-comments li .comment-content p{margin:7px 0 0 0;}
#set-comments .report-comment, #set-comments .delete-comment
{
  position:absolute;
  top:5px;
  right:10px;
}
#set-comments .report-comment a, #set-comments .delete-comment a{display:block;opacity:.4}
#set-comments .report-comment a
{
  background:  url(../../images/mobile/glyph_icons/icons-gray/59-flag.png) 50% 50% no-repeat;
  background-size:9px 13px;
  width:15px;
  height:19px;
}
#set-comments .delete-comment a
{
  background:  url(../../images/mobile/glyph_icons/icons-gray/298-circlex.png) 50% 50% no-repeat;
  background-size:13px 13px;
  width:19px;
  height:19px;
}
#post-comment{margin-top:15px;}
#post-comment-js{margin-top:8px;}
#post-comment-js div a{margin-right:15px;}
#older-comments{margin-bottom:5px;padding-top:3px;}



#select-cards-to-view{background:#ddd;}
#select-cards-to-view ul{min-width:200px;}
#select-cards-to-view ul .card-count{margin-left:12px;}
#select-cards-to-view li.selected{font-weight:bold;}
#mark-links{margin:11px 0 9px 10px;}
#mark-links span{margin-right:15px;}

/*view cards page*/

#view-cards-page{background:#191D1F;}

.view-cards-bg{background-color:#191D1F;}/*used for html when showing cards to remove white space at bottom*/

#card-view-heading{padding:0 15px;text-shadow: 0 1px 0 #444;}

#card-view-heading a{color:#ddd;text-decoration:none;font-weight:normal;padding:10px 0;display:block;white-space:nowrap;overflow:hidden;}

#card-contain{position:relative;margin-top:5px;}

#view-cards-page .single-card{position:absolute;table-layout:fixed;top:0;}

#view-cards-page .single-card td
{
  vertical-align:middle;background:white;position:relative;
  background-color:#fbfbfb;
}

#view-cards-page .single-card .card-content
{
  word-wrap:break-word;text-align:center;margin-left:12px;overflow-y:auto;overflow-x:hidden;margin-bottom:10px;
}

#view-cards-page .single-card.back .card-content{color:#747474;}

#view-cards-page .single-card .card-content img{max-width:100%;margin-bottom:7px;}
#view-cards-page .single-card .card-content img.no-txt{margin-bottom:0;}
#view-cards-page .single-card .card-content div.no-txt{font-style:italic;color:#888;}

#view-cards-page .single-card .mark-card
{
  background:#3DAA3D;border-top-left-radius:2px;color:white;padding:4px 7px 4px 7px;position:absolute;right:0px;bottom:0px;font-size:12px;text-shadow: 0 1px 0 #000;
}
#view-cards-page .single-card.marked .mark-card{background:#CE2F2F;}

#view-cards-page .single-card .progress{font-size:12px;position:absolute;padding:5px 10px;left:0;bottom:0;font-weight:normal;}

#nav-card-view{position:absolute;bottom:0;left:30px;}
#prev-card{margin-left:0;}
#next-card{margin-right:0;}

#view-cards-page .single-card .larger-img
{
  background:  url(../../images/mobile/glyph_xtras/xtras-gray/28-circle-out.png) 50% 50% no-repeat;
  background-size:21px 21px;
  width:35px;
  height:35px;
  position:absolute;
  top:-5px;
  left:-5px; 
  opacity:.8;
}

#options-panel{z-index:1000;}
#close-options{float:right;margin-top:2px;}
#options-panel .btns a{margin:13px 0;}
#options-panel h5{margin-bottom:12px;}
#nav-display{margin-bottom:0;}

#view-cards-page #fitin img{margin-bottom:10px;max-width:100%;}

#jump-to-card{min-width:220px;padding:10px;}
#jump-to-card .ui-grid-b{margin-top:10px;}
#jump-to-card .ui-block-b div{padding:.5em; 0 0 1em;}