/* @group General */
body{
font-family: Arial, sans-serif;
color: #333;
}
#numerology{
background-image:url(../images/bg/bgTexture.jpg);
-moz-background-size:320px 480px;
-o-background-size:320px 480px;
-webkit-background-size:320px 480px;
background-size:320px 480px;
}
a {
outline: none;
}

h1 .headerLogo{

}
h1 .headerLogo strong{
font-size: 1.3em;
}
@font-face {
	font-family: displayFont;
	src: url('./fonts/Ubuntu-Medium.ttf');
}
 .ui-content{
padding: 0 0 20px 0;
margin: 4px 0 0 0;
position: absolute;
top: 41px;
width: 100%;
background: none;
}
.ui-page{
background: none;
}
.clear{
clear: both;
}
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
/* @end */

/* @group Font Families */

/* @group Results Number Font */
.resultNumber, #personalTimelineLandscape tbody p{
font-family: displayFont, sans-serif;
}
.listName{
}

/* @end */

/* @group Small fonts */
.headNavIcon, .footerNav{
font-family: Helvetica, Arial, sans;
}

/* @end */



/* @end */

/* @group Global Elements */

/* @group Clear Text Shadow */

.aboutTheReport, #numerology .footerNav a, #sortListBy a, .birthAndAge, .nowSection .note, .descriptionPage p,  .descriptionPage h3, .compatibilityReport, .itemList a{
text-shadow: rgba(0,0,0,0) 0 0 0;
}
/* @end */

/* @group About the Report */
div.aboutTheReport{
height: 24px;
background-color: #fff;
/*background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#bbb));
background-image: -moz-linear-gradient(top,  #fff,  #bbb);*/
height: 24px;
line-height: 24px;
font-size: 11px;
padding: 0 14px;
color: #333;
text-transform: uppercase;
}
.ui-content .aboutTheReport span{
padding-left: 5px;
}
.ui-content .aboutTheReport strong{
display: block;
float: left;
color: #fff;
font-size: 12px;
line-height: 16px;
height: 16px;
width: 16px;
background: #375399;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
text-align: center;
margin-top: 4px;
}


/* @end */



/* @group Header */
.headerBar{
/*position: fixed;
top:0;*/
border-top: 1px solid #333;
border-top: 0;
width: 100%;
z-index: 101;
background-color: #333;
}
.headerBar .wrapper{
width: 100%;
height: 42px;
border-bottom: 1px solid #333;

}
.headerBar h1{
text-align: center;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 10px 0 0 0;
margin: 0 65px;
text-shadow: rgba(0,0,0,.5) 0 -1px 1px;
white-space: nowrap;
overflow: hidden;
}
/* @group Header Nav Icon */

/* @group Header Nav */
.headerNav{
position: absolute;
top: 5px;
z-index: 1;
}
.headerNavRight {
width: 100%;
}
.headerNavLeft {
z-index: 2;
}

.headerNav a{
margin: 0 5px;
}
.headerNavLeft a{
float: left;
}
.headerNavRight a{
float: right;
}
/* @end */
.headerNav .headNavIcon{
display: block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #222;
background-color:#44;
text-decoration: none;
color: #fff;
-moz-box-shadow:0 2px 2px 0px #111;
-webkit-box-shadow: 0 2px 2px 0px  #111;
box-shadow: 0 2px 2px 0px  #111;
background-color: #333;
}
.headerNav .headNavIcon:active, .headerNav .headNavIcon:hover{
color: #fff;
}
.descriptionPage .headerNav .headNavIcon{
background-color: #666;
}
.descriptionPage .headerNav {
position: fixed;
}
.headNavIcon span{
display: block;
border-top: 1px solid #ccc;
border-bottom: 1px solid #444;
border-left: 1px solid #777;
border-right: 1px solid #777;
border: 1px solid #444;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 13px;
line-height: 1em;
padding: 7px 6px 0 6px;
height: 21px;
text-shadow: rgba(0,0,0,.5) 0 -1px 1px;
}
.headerBar  .wrapper .headNavIcon, .headerBar .wrapper .headNavIcon:hover{
color: #fff;
}

.gearIcon span{
width: 20px;
-moz-background-size:23px 23px;
-o-background-size:23px 23px;
-webkit-background-size:23px 23px;
background-size:23px 23px;
background-position: center center;
background-repeat: no-repeat;
background-image:url(../images/icons/gearIcon.png);
}
.headerBar  .wrapper .disabled{
color: #888;
cursor: default;
}
.headerBar  .wrapper .disabled:hover{
color: #888;
}
.addIcon{

}
/* @end */

/* @end */

/* @group Footer Nav */

.footerNav{
background-color: #000;
z-index: 100;
width: 100%;
height:49px;
}
.footerNav ul{
padding: 0;
margin: 0;
}
.footerNav li{
float: left;
padding: 0;
list-style: none;
margin: 0 2px;
}
.footerNav4links li{
width: 24%;;
}
.footerNav li.current{
background-color: #333;
}
#numerology .footerNav a{
display: block;
color: #999;
text-shadow: 0;
font-size: 12px;
padding-top: 34px;
height: 18px;
text-align: center;
text-decoration: none;
font-weight: bold;
background-position: center top;
background-repeat: no-repeat;
-moz-background-size:  64px 37px;
-o-background-size: 64px 37px;
-webkit-background-size: 64px 37px;
background-size: 64px 37px;
}
#numerology .footerNav .current a{
color: #fff;
}

#overviewLink{background-image: url(../images/icons/footOverviewIconOff.png);}
.current #overviewLink{background-image: url(../images/icons/footOverviewIconOn.png);}

#nowLink{background-image: url(../images/icons/footNowIconOff.png);}
.current #nowLink{background-image: url(../images/icons/footNowIconOn.png);}

#compatLink{background-image: url(../images/icons/footCompatIconOff.png);}
.current #compatLink{background-image: url(../images/icons/footCompatIconOn.png);}

#timelineLink{background-image: url(../images/icons/footTimelineIconOff.png);}
.current #timelineLink{background-image: url(../images/icons/footTimelineIconOn.png);}

/* @end */

/* @group Lists */

/* @group Item List */
.itemList{
padding: 0;
margin: 0 5px 20px 5px;
border-top: 1px solid #999;
-moz-box-shadow:0 0 0 0 #666;
-webkit-box-shadow: 0 0 0 0  #666;
box-shadow: 0 0 0 0  #666;

}
.itemList .ui-corner-top, .itemList .ui-corner-bottom, #viewCategoryList .ui-corner-all, #home .ui-corner-all{
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
}


.itemList li{
list-style: none;
padding: 0;
margin: 0;
background: none;
/*background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
background-image: -moz-linear-gradient(top,  #fff,  #eee);*/
border-bottom: 1px solid #999;
background-image:url(../images/bg/whiteBgOverlay.png);
-moz-background-size:auto 100%;
-o-background-size:auto 100%;
-webkit-background-size:auto 100%;
background-size:auto 100%;
}
.itemList a{
display: block;
text-decoration: none;
color: #333;
font-weight:bold;
}
.itemList li.active{
background: #5f84e2;
background-image: url(../images/bg/dividerBgOverlay.png);
-moz-background-size:  auto 100%;
-o-background-size: auto 100%;
-webkit-background-size: auto 100%;
background-size: auto 100%;
}
.itemList li.active a,  .itemList li.active a.profileLink,  .itemList li.active .listBirthdate{
color: #fff;
}

.itemList li.listDivider{
font-weight: bold;
color: #fff;
padding: 0 14px;
font-size: 13px;
line-height: 24px;
height: 24px;
text-shadow: rgba(0,0,0,.5) 0 -1px 1px;
border-bottom: 1px solid #666;
border-top: 0;
}
.itemList a.profileLink{
padding: 7px 15px 7px 14px;
text-decoration: none;
color: #333;
}

.itemList a.catLink{
padding: 7px 15px 7px 14px;
}

.itemList li .cat-count{
display: block;
float: right;
background: #fff;
font-size: 11px;
font-weight: bold;
padding: 0 5px;
height: 16px;
line-height: 16px;
border: 1px solid #ccc;
color: #333;
}

.itemList li .arrow-icon{
display: block;
float: right;
height: 18px;
width: 18px;
margin-left: 6px;
background-color: #999;
background-image: url(../images/icons/icons-36-white.png);
background-position: 	-108px 50%;
-moz-background-size: 776px 18px;
-o-background-size: 776px 18px;
-webkit-background-size: 776px 18px;
background-size: 776px 18px;

}
.itemList li .cat-count, .itemList li .arrow-icon{
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
.profileList li .arrow-icon{
margin-top: 8px;
}
/* @end */

/* @group Profile List */
#numerology .ui-listview{
margin: 0 0 10px 0;
}
.profileList .listName {
font-size: 16px;
display: block;
font-weight: normal;
line-height: 1em;
white-space: nowrap;
overflow: hidden;
padding-bottom: 2px;
}
.profileList .listBirthdate{
font-size: 12px;
color: #888;
display: block;
padding: 0  0 0 0;
font-weight: normal;
font-style: normal;
}
.deleteListItem{
position: absolute;
width: 100%;
}
.deleteListItem .deleteBtn{
float: right;
margin: 4px 10px;
}
/* @end */

.categoryProfilesListPg{
padding: 0 0 20px 0;
}
.categoryProfilesListPg .profileList, .compatibilityForm .profileList{
margin: 10px 0 0 0;
}
.ui-listview-filter {
margin: 7px 8px;
}
#noCatProfiles{
padding: 20px 15px;
display: none;
}

/* @group Sorty By nav */

div#sortListBy{
font-family: arial;
margin: 10px 0 0 0;
width: 100%;
float: left;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
background-color: #eee;
}
#sortListBy a{
display: block;
float: left;
font-size: 13px;
text-decoration: none;
color: #333;
text-align: center;
width: 33%
}
#sortListBy span{
padding: 6px 0;
display: block;
text-shadow: 0;
border-left: 1px solid #bbb;
}
#sortListBy .current{
color: #fff;
}
#sortListBy .first span{
border: 0;
}
/* @end */

/* @end */

/* @group ResultNumber */

.resultNumber{
font-size: 32px;
line-height: 1em;
text-align: center;
color: #fff;
padding: 8px 0;
background-color: #999;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
border: 1px solid #999;
float: left;
width: 150px;
text-shadow: rgba(0,0,0,.2) 0 1px 3px;
font-weight: 700;
}
.num1, .poor .resultNumber{
background-color: #c23e5a;
border: 1px solid #c23e5a;
border-bottom: 0;
}
.num2, .average .resultNumber{
background-color: #c15f3f;
border: 1px solid #c15f3f;
border-bottom: 0;
}
.num3, .good .resultNumber{
background-color: #aeae36;
border: 1px solid #aeae36;
border-bottom: 0;
}
.num4, .excellent .resultNumber{
background-color: #54ad4d;
border: 1px solid #54ad4d;
border-bottom: 0;
}
.num5{
background-color: #25bd7c;
border: 1px solid #25bd7c;
border-bottom: 0;
}
.num6{
background-color: #2a9f9f;
border: 1px solid #2a9f9f;
border-bottom: 0;
}
.num7{
background-color: #4e7cb6;
border: 1px solid #4e7cb6;
border-bottom: 0;
}
.num8{
background-color: #4956b4;
border: 1px solid #4956b4;
border-bottom: 0;
}
.num9{
background-color: #9e4e99;
/*background-image: -webkit-gradient(linear, left top, left bottom, from(#eb9be6), to(#9e4e99));
background-image: -moz-linear-gradient(top,  #eb9be6,  #9e4e99);*/
border: 1px solid #9e4e99;
border-bottom: 0;
}

/* @group Box shadow numbers */
.personOverResults .resultNumber, .nameNumbersSection .resultNumber, .nowSection li.current .resultNumber, .compatScore .resultNumber, .scoreScale{
-moz-box-shadow:0 2px 5px 0px #888;
-webkit-box-shadow: 0 2px 5px 0px  #888;
box-shadow: 0 2px 5px 0px  #888;
}



/* @end */


/* @end */

/* @group Buttons */
a.actionBtn{
display: block;
color: #fff;
border-radius: 6px;
border: 1px solid #555;
text-decoration: none;
line-height: 1em;
font-size: 15px;
font-weight: bold;
background-color: #5f84e2;
}
a.actionBtn span{
display: block;
padding: 8px 8px;
text-align: center;
border-radius: 6px;
background-color: #5f84e2;
text-shadow: rgba(0,0,0,.6) 0 -1px 1px;
color: #fff;
}
a.actionBtn span strong{
font-size: 20px;
}
a.deleteBtn{
border: 1px solid #8f0606;
}
a.deleteBtn span{
background-color: #be0a0a;
}

/* @end */



/* @end */


/* @group Home Screen */
.homeFunctions ul{
margin: 0;
padding: 0;
}

.homeFunctions li{
list-style: none;
padding: 10px;
}
.homeFunctions ul li a.actionBtn{
margin: 0 auto;
width: 160px;
}
.homeFunctions ul li a.actionBtn span{
}
#noProfiles{
padding: 10px 15px;
margin: 0;
display: none;
}
#noProfiles h1{
font-size: 20px;
}
#noProfiles h2{
font-size: 16px;
}
#home .ui-listview-filter{
padding: 20px 10px 5px 10px;
}
#homeProfilesLists{
padding: 0 0;
}
/* @end */

/* @group Overview Results */

.personOverResults {
padding: 0 10px;
margin: 0 auto;
width: 300px;
}
.personOverResults li{
list-style: none;
clear: both;
margin: 0;
float: left;
height: 60px;
}
.personOverResults h3{
float: left;
width: 130px;
margin: 6px 0 0 0;
color: #333;
padding: 0 5px;
line-height: 38px;
height: 38px;
font-size: 21px;
font-weight: normal;
}
div.resultBlock{
margin:  0 auto;
}
.personOverResults .resultNumber{
position: absolute;
margin-left: 140px;
}

/* @group YearAndAge */

/*.birthAndAge{
color:#333;
background-color: #fff;
border: 1px solid #ccc;
border: 0;
border-radius: 5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
width: 300px;
margin: 10px auto 15px auto;
-moz-box-shadow:0 2px 5px 0px #666;
-webkit-box-shadow: 0 2px 5px 0px  #666;
box-shadow: 0 2px 5px 0px  #666;
}*/
.birthAndAge{
color:#333;
background-color: #aaa;
border: 1px solid #ccc;
border: 0;
margin: 0 0 15px 0;
border-top: 1px solid #999;
border-bottom: 1px solid #555;
}


.birthAgeSection{
float: left;
width: 60%;
font-size: 12px;
}
.ageSection{
width: 40%;
}

.birthAndAge .birthAgeSection h3{
margin: 0;
border-bottom: 1px solid #555;
}
.birthAgeSection p{
padding: 6px 8px;
margin: 0;
font-size: 16px;
font-weight: bold;
text-align: center;
color: #fff;
text-shadow: rgba(0,0,0,.3) 0 1px 1px;
}



/* @end */
/* @end */

/* @group Name Screen */
.nameNumbersSection{
clear: both;
float: left;
width: 100%;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
background-image: -moz-linear-gradient(top,  #fff,  #ddd);
padding: 0 0 15px 0;
}
.nameNumbersSection h2{
}
.nameNumbersSection ul{
margin: 0 10px;
padding: 0;
clear: both;
}
.nameNumbersSection li{
list-style: none;
padding: 4px 0 0 0;
margin: ;
float: left;
width: 50%;

}
.nameNumbersSection3 li {
width: 33%;
}
.nameNumbersSection  li h3{
margin: 0 0 4px 0;
font-size: 15px;
text-align: center;
font-weight: normal;
}
.nameNumbersSection .resultNumber{
float: none;
width: auto;
margin: 0 5px;
padding: 6px 0;
}


/* @end */

/* @group Now Screen */
.nowSection{
clear: both;
float: left;
width: 100%;
}
.nowSection h2, .nameNumbersSection h2, .compatScore h2, .birthAgeSection h3{
text-align: center;
font-size: 13px;
padding:5px 0;
margin: 0 0 4px 0;
text-transform: uppercase;
color: #fff;
text-shadow: rgba(0,0,0,.3) 0 1px 1px;
border: 0;
clear: both;
}
.nowSection ul{
margin: 0;
padding: 1px 0 3px 10px ;
float: left;
}
.nowSection li{
float: left;
list-style: none;
}
.nowSection ul li h3{
text-transform: uppercase;
font-size: 12px;
text-align: center;
padding: 3px 0 0 0;
margin: 0;
clear: both;
}
.nowSection li .resultNumber{
width: 51px;
font-size: 18px;	
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
margin: 7px 0 0 0;
padding: 6px 0 6px 0;
border-right-width: 0;
border-left-width: 0;
border-bottom-width: 1px;
}
.nowSection li.current{
width: 95px;
}
.nowSection li.current .resultNumber{
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
font-size: 32px;
line-height: 32px;
width: 95px;
padding: 5px 0 6px 0;
margin: 0 0 0 0;
border-right-width: 1px;
border-left-width: 1px;
position: absolute;
-moz-box-shadow:0 2px 5px 0px #444;
-webkit-box-shadow: 0 2px 5px 0px  #444;
box-shadow: 0 2px 5px 0px  #444;
}
.nowSection3 li .resultNumber{
width:92px;
}
.nowSection3 li.current{
width:115px;
}
.nowSection3  li.current .resultNumber{
width: 115px;
}
.nowSection ul li.current h3{
padding: 49px 0 0 0;
}
.nowSection li.first .resultNumber{
-webkit-border-radius: 6px 0 0 6px;
-moz-border-radius:  6px 0 0 6px;
border-left-width: 1px;
}
.nowSection li.last .resultNumber{
-webkit-border-radius: 0 6px 6px 0;
-moz-border-radius:  0 6px 6px 0;
border-right-width: 1px;
}

.nowSection li.current h3{
font-size: 15px;
}
.nowSection .note{
clear: both;
font-size: 11px;
padding: 0 15px;
line-height: 1.3em;
}

#nowNotAvailable {
display: none;
}
#nowNotAvailable h3{
padding: 20px 15px;
}
/* @end */

/* @group Timeline */
#personTimelineScreen .ui-content {
padding: 0;
}
#personTimelineScreen{
}
.personTimeline{
width:  auto;
color:#444;
border-collapse: collapse;
border-spacing: 0;
}

.personTimeline td{
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #777;
margin: 0;
text-align: center;
font-weight: bold;
color:#fff;
text-shadow: rgba(0,0,0,.7) 0 1px 1px;
line-height: 1em;
}
.personTimeline tbody td p{
padding: 0;
}
.personTimeline p{
margin: 0;
}

.personTimeline tbody td.tlLabel{
text-align: left;
font-weight: normal;
background-color: #bbb;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#bbb));
background-image: -moz-linear-gradient(top,  #ddd,  #bbb);
color:#444;
text-shadow: rgba(0,0,0,.4) 0 0 0;
}

/* @group Timeline Header */

.personTimeline thead td{
text-transform: uppercase;
font-weight: normal;
border: 1px solid #777;
background-color: #fff;
font-size: 12px;
text-align: center;
color:#444;
text-shadow: rgba(0,0,0,.5) 0 0 0;
}
.personTimeline thead tr.row1 td{
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
background-image: -moz-linear-gradient(top,  #fff,  #ddd);	
}
.personTimeline thead tr.row2 td{
background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#bbb));
background-image: -moz-linear-gradient(top,  #ddd,  #bbb);
}
#personalTimelineLandContent  thead td p{
width: 42px;
}


/* @end */

/* @group Landscape Fixed Labels */
#personalTimelineLandLabels{
position: absolute;
z-index: 10;
margin-left: -1px;
width: 77px;
} 
#personalTimelineLandLabels table{
width: 76px;
}
#personalTimelineLandLabels thead td.tlLabel{
line-height: 1em;
}
#personalTimelineLandLabels  td.tlLabel{
font-size: 12px;
line-height: 18px;
text-transform: uppercase;
font-weight: bold;
text-align: right;
}
#personalTimelineLandLabels  td.tlLabel p{
width: 67px;
padding: 0 5px;
}
#personalTimelineLandLabels  .oneYearRow td.tlLabel p p{
width: auto;
}

/* @end */

/* @group Table Content */
#ptLandWrapper{
padding-left: 78px;
}
#personalTimelineLandscape{
width: 3887px;
margin-left: -1px;
}

#ptLandscapeDisplay  thead td{
padding: 4px 0 4px 0;
}


/* @end */

/* @group Size Results Fonts */
#personalTimelineLandscape .oneYearRow td p{
font-size: 14px;
}
#personalTimelineLandscape .multiYearRow td{
font-size: 22px;
}

/* @end */

/* @group Match Row Heights */
#ptLandscapeDisplay p{
}
#ptLandscapeDisplay .oneYearRow td p{
line-height: 39px;
height:39px;
}
#ptLandscapeDisplay .multiYearRow td p{
line-height: 60px;
height:60px
}
/* @end */

/* @group OverlayCurrent Year */
.yearOverlay {
position: absolute;
z-index: 10;
-moz-box-shadow: 0 0 4px 0px #333;
-webkit-box-shadow: 0 0 4px 0px  #333;
box-shadow: 0 0 4px 0px  #333;

}
#ptLandscapeDisplay .yearOverlay .multiYearRow td p{
font-size: 17px;
width: 42px;
}

.yearOverlay .personTimeline thead td{
font-weight: bold;
background-color: #666;
color: #fff;
}
.yearOverlay .personTimeline thead .row1 td{
background-image: -webkit-gradient(linear, left top, left bottom, from(#777), to(#555));
background-image: -moz-linear-gradient(top,  #777,  #555);
}
.yearOverlay  .personTimeline thead .row2 td{
background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333));
background-image: -moz-linear-gradient(top,  #555,  #333);
}


/* @end */

/* @end */

/* @group Compatibility */

/* @group Select Person */

#compareProfilesList{
margin-bottom: 40px;
}



/* @end */
.compatibilityReport{
padding: 0;
}

/* @group Overview */

.compatOverview{
padding: 10px 0;
}
.compareProfileName{
font-size: 20px;
text-align: center;
padding: 0;
font-weight: bold;
}
p.compatibleWith{
text-align: center;
text-transform: uppercase;
margin:3px 0;
font-size: 14px;
}



/* @end */

/* @group Scores */

.compatibilityForm h2{
padding: 14px 0 0 0;
font-size: 16px;
font-weight: bold;
text-align: center;
margin: 0 0 3px 0 ;
}

.compatScore{
width: 100%;
padding: 0 0 25px 0;
height: 85px;
}
.compatScore h2{
font-size: 14px;
margin: 0 0 10px 0;
}
.compatScore .resultNumber{
font-size: 20px;
line-height: 1em;
float: none;
width: 100%;
}
.resultsWrapper{
position: absolute;
width: 33%;
-moz-background-size:  81px 22px;
-o-background-size: 81px 22px;
-webkit-background-size: 81px 22px;
background-size: 81px 22px;
background-image: url(../images/bg/compatibilityPointerBg.png);
background-position: center bottom;
background-repeat: no-repeat;
height: 58px;
}
.poor .resultsWrapper{margin-left: 2%;}
.average .resultsWrapper{margin-left: 23%;}
.good .resultsWrapper{margin-left: 43%;}
.excellent .resultsWrapper{margin-left: 65%;}

.compatScore p{
	display: none;
}


/* @group score Scale */
.scoreScale{
margin: 58px 17% 0 17%;
-moz-background-size:  100% 100%;
-o-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
background-image: url(../images/bg/compatScaleGradient.gif);
}
.scoreScale div{
height: 8px;
}
.scoreScale, .scoreScale div{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.scoreScale span{
display: block;
font-size: 20px;
margin-top: -9px;
text-shadow: rgba(256,256,256,.6) 0 1px 1px;
color: #333;
}
.scalePlus{
float: right;
margin-right: -18px;
}
.scaleMinus{
float: left;
margin-left: -16px;
}
/* @end */



/* @end */
/* @end */

/* @group Number Descriptions */
.descriptionPage{
padding: 0;
}
.descriptionPage .ui-content{
margin: 0;
}

.aboutNumType{
border-bottom: 1px solid #999;
padding: 10px;
margin: 0;
}

.aboutNumType h2{
	font-size: 14px;
	padding: 0;
margin: 0;
}

/* @group numberDescription */
.numberDescription{
margin: 0;
}
.numDescriptHeader{
position: fixed;
width: 100%;
top: 0;
border-bottom: 1px solid #666;
}
.numDescriptHeader .resultNumber{
width: auto;
float: none;
-webkit-border-radius:  0;
-moz-border-radius:  0;
font-size: 20px;
padding: 10px 0;
}
.numDescriptBody{
padding: 15px 15px;
clear: both;
}
.numDescriptBody p{
padding: 0 0 10px 0;
line-height: 1.3em;
margin: 0;
font-size: 15px;
}
.numDescriptBody h3{
padding:  10px 0 4px 0;
margin: 0;
}
/* @end */


/* @end */

/* @group Profile Form */
.profileForm {
padding: 0 10px 20px 10px;
}

.profileForm fieldset{
margin: 0;
padding: 0;
}
.birthdayFields .ui-controlgroup-label{
display: none;
}
.profileForm .birthdayFields .ui-select{
	margin: 0;
float: left;
}
.profileForm h2{
text-align: center;
font-size: 14px;
padding: 14px 0 6px 0;
margin: 0;
}
.profileForm .categoryFields h2{
}
.ui-field-contain {
padding: 0 0 6px 0;
border: 0;
}
.profileForm ul{
padding: 0;
margin: 0;
}
.profileForm li{
padding: 0;
margin: 0;
list-style: none;
}
.profileForm input{
display: block;
margin: 0;
}
.ui-controlgroup-controls .ui-select .ui-btn-inner{
padding-left: 12px;
padding-right: 40px;
}
.profileForm .ui-select{
margin: 0;
font-size: 14px;
}
/* @group Name Fields */
.nameFields .first input{
-webkit-border-radius:  9px 9px 0 0;
-moz-border-radius:  9px 9px 0 0;
}
.nameFields .middle input{
-webkit-border-radius:  0;
-moz-border-radius:  0;
border-top: 0;
border-bottom: 0;
}
.nameFields .last input{
-webkit-border-radius:  0 0 9px 9px;
-moz-border-radius: 0 0  9px 9px;
}

/* @end */

.deleteProfile{
padding: 0 10px;
}
/* @end */

/* @group Texture Overlays */

/* @group Gradient Subheadings */
.itemList li.listDivider, .nowSection h2, .nameNumbersSection h2, #sortListBy .current, #sortListBy, .aboutTheReport, .compatScore h2, .birthAgeSection h3{
background: #5f84e2;
background-image: url(../images/bg/dividerBgOverlay.png);
-moz-background-size:  auto 100%;
-o-background-size: auto 100%;
-webkit-background-size: auto 100%;
background-size: auto 100%;
}

.scoreScale div, .birthAndAge{
background-image: url(../images/bg/dividerBgOverlay.png);
-moz-background-size:  auto 100%;
-o-background-size: auto 100%;
-webkit-background-size: auto 100%;
background-size: auto 100%;
}
/* @end */

/* @group Full Height Overlays */
.headerBar, .headerNav .headNavIcon, a.actionBtn span, a.deleteBtn span, .birthAndAge, 
.resultNumber, #personalTimelineLandContent tbody td, .nowSection li.current .resultNumber, 
.footerNav li.current, .footerNav,  .birthAgeSection{
-moz-background-size:  auto 100%;
-o-background-size: auto 100%;
-webkit-background-size: auto 100%;
background-size: auto 100%;
}
.headerBar, .headerNav .headNavIcon, .footerNav, .footerNav li.current, .birthAgeSection{
background-image: url(../images/bg/headerAndFooterOverlay.png);
}

a.actionBtn span, a.deleteBtn span, .nowSection li .resultNumber{
background-image: url(../images/bg/textureOverlay66.png);
}
#personalTimelineLandContent tbody td{
background-image: url(../images/bg/textureOverlay80.png);
}
.resultNumber, .nowSection li.current .resultNumber{
background-image: url(../images/bg/textureOverlay98.png);
}
#personalTimelineLandContent tbody .multiYearRow td{
background-image: url(../images/bg/textureOverlay124.png);
}
#personalTimelineLandContent tbody td, #currentAgeOverlay tbody td, #personalTimelineLandContent tbody .multiYearRow td{
-moz-background-size:  auto 200%;
-o-background-size: auto 200%;
-webkit-background-size: auto 200%;
background-size: auto 200%;
background-image: url(../images/bg/buttonShadowOverlay.png);
background-position: left bottom;
}




/* @end */


/* @end */

/* @group DEBUGGER */
#debugger{
	padding: 10px 20px;
}
#debugger p{
font-size: 14px;
padding: 3px 0;
margin: 0;
}
.compateDebug{
padding: 6px 10px;
font-size: 13px;
clear: both;
}
.compateDebug span{
padding: 0 0 6px 0;
font-size: 13px;
clear: both;
display: block;
}

/* @end */

/* @group Load all Graphics */
.graphic1{background-image: url(../images/bg/textureOverlay66.png);}
.graphic2{background-image: url(../images/bg/textureOverlay80.png);}
.graphic3{background-image: url(../images/bg/textureOverlay98.png);}
.graphic4{background-image: url(../images/bg/textureOverlay124.png);}
.graphic5{background-image: url(../images/bg/buttonShadowOverlay.png);}
.graphic6{background-image: url(../images/bg/whiteBgOverlay.png);}
.graphic7{background-image: url(../images/bg/dividerBgOverlay.png);}


/* @end */