@charset "UTF-8";
body {
    position:absolute;
    background-image: url(../img/BkGrnd_Pap.png);
    background-repeat: x-repeat;
}

body > * {
    position:absolute;
    background-image: url(../img/BkGrnd_Pap.png);
    background-repeat: x-repeat;
}

.alphabet {
	display: flex;
	flex-direction: row;
}

.letters{
    cursor: pointer;
    position: absolute;
    left: 0px;
    margin: 2px;
    padding: 3px;
    width: 28px;
    color: #0000cc;
    background-color: #ffffff;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    border-radius: .3em;
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: linear-gradient(top,  #888,  #575757);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}

.blanks{
    position: absolute;
    left: 0px;
    /*top: 0px;*/
    border: none;
    margin: 2px;
    padding: 3px;
    color: #ccccff;
    /*background-color: #ccccff;*/
    font-family: "Courier New ", Courier, monospace; color: black; font-size: 22px;
    font-weight: bold;
}

.button {
	display: inline-block;
	/*zoom: 1; *//* zoom and *display = ie7 hack for display:inline-block */
	/**display: inline;*/
	vertical-align: baseline;
	/*margin: 0 2px;*/
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: bold 16px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
    width: 30px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.button:hover {
	text-decoration: none;
}

.button:active {
	position: relative;
	top: 1px;
}

.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: linear-gradient(left top, left bottom, #888 ,#575757);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
	background: #616161;
	background: linear-gradient(left top, left bottom, #757575, #4b4b4b);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: linear-gradient(left top, left bottom, #575757, #888);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: linear-gradient(left top, left bottom, #7db72f, #4e7d0e);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}

.green:hover {
	background: #538018;
	background: linear-gradient(left top, left bottom, #6b9d28, #436b0c);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}

.green:active {
	color: #a9c08c;
	background: linear-gradient(left top, left bottom, #4e7d0e, #7db72f);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

.app_icon_img{
    display:block;
    margin-top:15px;
    margin-right:auto;
    margin-left:auto;
}

.feedback_panel p{
    color:#FFF;
    text-align:center;
    margin:10px;
}

.feedback_panel p.version{
    padding-top:0px;
    margin-top:5px;
    font-size:12px;
    font-weight:normal;
}

.feedback_panel h1{
    text-align:center;
    font-size: 24px;
    font-weight: bold;
    margin-top:10px;
    margin-bottom:10px;
    color:#FFF;
}

.feedback_panel{
    background: rgb(0,0,0);
}

.like_button{
    width:230px;
    margin-bottom:10px;
}

.legend{
    font-size: 12px;
    margin:5px;
    margin-top:0px;
    padding:5px;
    padding-bottom:10px;
    border-top:solid 1px #c7c7c7;
}

.photoCaption{
    font-size:10px;
    background-color:rgba(242,242,242,.75);
    color:#2f3d36;
    position:absolute;
    bottom:30px;
    padding:5px;
}

.photoName{
    font-size:14px;
}

.photoSciName{
    font-size:12px;
    font-style:italic;
}

.birthdayCarousel{
    position:absolute;
    background-image: url(../img/BkGrnd_Pap.png);
    background-repeat: x-repeat;
}

.churchCarousel{
    position:absolute;
    background-image: url(../img/BkGrnd_Pap.png);
    background-repeat: x-repeat;
}

.folkCarousel{
    position:absolute;
    background-image: url(../img/BkGrnd_Pap.png);
    background-repeat: x-repeat;
}

.holidayCarousel{
    position:absolute;
    background-image: url(../img/BkGrnd_Pap.png);
    background-repeat: x-repeat;
}

.historyTabPanel{
    position:absolute;
    background-image: url(../img/BkGrnd_Pap.png);
    background-repeat: x-repeat;
}

.caption{
    font-size: 16px;
    font-weight:normal;
    width:100%;
}

.historyTabPanel img{
    width:auto; 
    /* height:26%; */
    max-height:80px;
}

.historyCarousel{
    position:absolute;
    background-image: url(../img/BkGrnd_Pap.png);
    background-repeat: x-repeat;
}

.historyCarousel div.selection{
    background-color:rgba(022,157,088,.5);
    background-repeat:repeat-x;
    z-index: 1000;
    position:absolute;
    border-radius:10px;
    padding:0px;
    margin:-13px;
}

.historyCarousel div .caption, #historyList li a .caption {
    font-size: 12px;
    font-weight:normal;
    /*width:100px;*/
    width:100%;
    /*text-align: center;*/
    /*text-overflow: ellipsis;*/
    /*overflow:hidden;*/
    /*white-space: nowrap;*/
}

.historyCarousel div, #historyList li {
    float: left;
    /*width: 31%;*/
    width: 100%;
    padding: 2px;
    margin: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

.historyCarousel div img, #historyList li a img {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    width:auto; 
    /* height:26%; */
    /*max-height:120px;*/
    max-height:80px;
}

#historyList {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    margin: 0px;
    padding: 0px;
}

.cabbageWhiteImg {
    margin: -10px;
}

.detailsPanel {
    background-image: url(../img/BkGrnd_Pap.png);
    background-repeat: x-repeat;
}

.description {
    margin-top:10px;
    margin-left:1px;
    margin-right:1px;
}

.space {
    margin-left: 10px;
}

.description img{
    margin-left:1px;
    padding-right:3px;
}

.description h2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 19px;
    font-weight: bold;
    color: #2f3d36;
    margin-left: 10px;
    margin-top:15px;
}

.phrase_day_1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 19px;
    font-weight: bold;
    font-style: italic;
    color: #2f3d36;
    margin-left: 10px;
    margin-top:15px;
}

.phrase_day_2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #2f3d36;
    margin-left: 10px;
    margin-top:15px;
}

.description p {
    font-size: 13px;
    line-height: 19px;
    margin: 10px;
    margin-right:15px;
}

.description h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #2f3d36;
    margin: 10px;
}

.actualSizeImg {
    float:left;
    margin-left:5px;
}

.actualSize {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: center;
    font-weight: bold;
    color: #2f3d36;
}

.mainImg {
    height: 130px;
    width: 130px;
    margin-left: 5px;
}

.horizontal{
    margin-top:-20px;
    margin-bottom:-20px;
}

.fourth .up {
    width:80px;
}

ul li {
    list-style-type: none;

}

.toolbar {
    height: 45px;
    background: url(../img/toolbar.png) #6d84a2 repeat-x;
}

.toolbar > h1.ui-title {
    font-weight: normal;
    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    font-size:18px;
}

#home .toolbar h1 {
    width:250px;
    margin-left:auto;
    margin-right:auto;
}

/************* x redefine *************/

ul#historyList li a{
    -webkit-tap-highlight-color: #169d55;
}

.tab_holiday,.x-button img.x-icon-mask.tab_holiday {
	mask-image: url(../img/ic_tab_holiday.png)
}

.tab_church,.x-button img.x-icon-mask.tab_church {
	mask-image: url(../img/ic_tab_church.png)
}

.tab_folk,.x-button img.x-icon-mask.tab_folk {
	mask-image: url(../img/ic_tab_folk.png)
}

.tab_birthday,.x-button img.x-icon-mask.tab_birthday {
	mask-image: url(../img/ic_tab_birthday.png)
}

.tab_history,.x-button img.x-icon-mask.tab_history {
	mask-image: url(../img/ic_tab_history.png)
}

.bug_picture,.x-button img.x-icon-mask.bug_picture {
	mask-image: url(../img/ic_menu_gallery.png)
}

.heart_circle,.x-button img.x-icon-mask.heart_circle {
	mask-image: url(../img/ic_menu_send.png)
}

.info_heart,.x-button img.x-icon-mask.info_heart {
	mask-image: url(../img/ic_menu_info_details.png)
}

.info_phrase,.x-button img.x-icon-mask.info_phrase {
	mask-image: url(../img/ic_menu_phrase.png)
}

.warning_black,.x-button img.x-icon-mask.warning_black {
	mask-image: url(../img/ic_menu_notifications.png)
}

.mail,.x-button img.x-icon-mask.mail {
	mask-image: url(../img/ic_menu_send.png)
}

.like_button span.x-button-label{
    text-align:left;
    margin-left:10px;
}

.x-fullscreen{
    background: rgb(242,242,242);
}

.x-toolbar-title{
    font-weight:normal; 
}

.x-toolbar-title{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #3aa256;
}

.x-list-round .x-list-container {
    background-image: url(../img/BkGrnd_Pap.png);
    background-repeat: repeat;
}

.x-list-round.x-list-ungrouped .x-list-item-label {
    border: solid #1985d0;
    border-width: 1px 1px 0 1px;
    background: #1985d0;
    background-image: url(../img/BkGrnd_Pap.png);
    background-repeat: repeat;
}

.x-list-normal .x-list-item .x-list-item-label {
    border-top: 1px solid #1985d0;
}

.x-scroll-container {
    background-image: url(../img/BkGrnd_Pap.png);
    background-repeat: repeat;
}

.x-sheet.x-picker .x-sheet-inner {
    border: 2px solid #1985d0;
    border-radius: 0;
}