@charset "utf-8";
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

*{margin:0;padding:0;}
body{margin:0;padding:0;font-family:'Roboto Condensed',sans-serif!important;overflow-x: hidden;}
a{text-decoration:none}
img{border:none}
.clearBoth{clear:both}
.floatLeft{float:left}
.floatRight{float:right}

.wrapper{width:100%;height:auto;}
.header{background:#ededed;height:70px;width:100%;position:fixed;top:0;left:0;z-index:3;}
.logo{width:80px;height:70px;background:#0ea362 url(../images/iconsSprite.png) -537px -83px no-repeat;display:block;float:left;}
.logoText{color:#0ea362;font-size:24px;font-weight:bold;float:left;margin:20px 0 0 20px;display:block}
.mainContent{position:absolute;width:100%;top:71px;overflow-x:hidden;}
.nav{width:80px;height:100%;position:fixed;left:0;top:70px;background:#0ea362;text-align:center;}
.nav li span{position:relative;top:20px;left:-5px;font-size:14px;}
.nav li{width:80px;border-top:1px solid #FFF;}
.nav li a{padding:30px 0;text-align:center;border-bottom:0px solid #FFF;display:block;color:#FFF;}
.nav li a.active{background:#FFF;color:#0ea362;}
/*height:70px;.nav li{background:url(../images/iconsSprite.png) -220px -233px no-repeat;}*/

.fbNav{position:fixed;bottom:60px;}
.fbNav a{background:url(../images/fbIcon.png) center center no-repeat;}
.twtNav{position:fixed;bottom:0px;}
.twtNav a{background:url(../images/twtIcon.png) center center no-repeat;}

.height30{height:30px;}
.login_fb{padding:14px 43px!important;margin:0 0 0 48px;}
.marginNone{margin-left:0!important;}

.nav li a.user{background:url(../images/iconsSprite.png) 12px -141px no-repeat;}
/*.nav li a.user:hover{background:url(../images/iconsSprite.png) -62px -135px no-repeat;}*/
.nav li a.user.active{background:#FFF url(../images/iconsSprite.png) -71px -141px no-repeat;;color:#0ea362;}

.nav li a.role{background:url(../images/iconsSprite.png) 13px -242px no-repeat;}
/*.nav li a.role:hover{background:url(../images/iconsSprite.png) 19px -182px  no-repeat;}*/
.nav li a.role.active{background:#FFF url(../images/iconsSprite.png) -65px -237px no-repeat;;color:#0ea362;}

.student .nav li a.role{background:url(../images/iconsSprite.png) 12px -316px no-repeat;}
.first-job .nav li a.role{background:url(../images/iconsSprite.png) -152px -316px no-repeat;}
.sal-proffesional .nav li a.role{background:url(../images/iconsSprite.png) -308px -316px no-repeat;}
.entrepreneur .nav li a.role{background:url(../images/iconsSprite.png) -68px -316px no-repeat;}
.homemaker .nav li a.role{background:url(../images/iconsSprite.png) -228px -316px no-repeat;}
.senior-citizen .nav li a.role{background:url(../images/iconsSprite.png) -383px -316px no-repeat;}

.nav li a.cat{background:url(../images/iconsSprite.png) -233px -233px no-repeat;}
/*.nav li a.cat:hover{background:url(../images/iconsSprite.png) -140px -233px no-repeat;}*/
.nav li a.cat.active{background:#FFF url(../images/iconsSprite.png) -150px -232px no-repeat;;color:#0ea362;}

.right-content{width:100%;margin-left:80px;position:relative;color:#0ea362;}
.menuRight{float:right;width:30%;}
.menuRight ul{position:absolute;right:0;top:0;list-style:none;}
.menuRight li{float:left;width:auto;height:70px;}
.menuRight li a{border-left:1px solid #999;}
/*.menuRight li a:first-child{border:none}*/
.menuRight li a img{margin:12px 18px 0 0;}
.saveBut{width:80px;height:70px;background:url(../images/iconsSprite.png) -220px -135px no-repeat;display:block;}
.artclBut{width:80px;height:70px;background:url(../images/iconsSprite.png) -300px -135px no-repeat;display:block;}
/*
.menuRight li{-webkit-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-moz-transition: all 0.5s ease;
  transition: all 0.5s ease;}

.menuRight li:hover {
    -moz-transform: translate(-200px, 0px);
    -ms-transform: translate(-200px, 0px);
    -o-transform: translate(-200px, 0px);
    -webkit-transform: translate(-200px, 0px);
    transform: translate(-200px, 0px);
	background:#FFF;
}
.menuRight .saveBut*/

/*#headbar-search{  padding: 6px 10px;}*/
.menuRight .socShareBut{width:80px;height:70px;background:url(../images/shareIcon.png) 25px center no-repeat;-webkit-transition:width .2s ease-out;cursor:pointer;position:relative;border-left:1px solid #999;overflow:hidden;}
.menuRight .socShareBut ul{display:none;}

.menuRight .socShareBut ul li a{border-left:0px solid #999;}
.menuRight .socShareBut.selected{width:325px;height:70px;background:#f9f9f9 url(../images/shareIcon.png) 30px center no-repeat;-webkit-transition:width .3s ease-out;}
.menuRight .socShareBut.selected li{float:left;}
.menuRight .socShareBut.selected li a{height:40px;margin:15px 0;display:block;border-left:1px solid #999}
.menuRight .socShareBut.selected li a.fbBut{background:url(../images/fbIcon.png) center center no-repeat}
.menuRight .socShareBut.selected li a.twtBut{background:url(../images/twtIcon.png) center center no-repeat}
.menuRight .socShareBut.selected li a.lnBut{background:url(../images/linkedIcon.png) center center no-repeat}


.menuRight .saveBut{width:179px;height:70px;background:url(../images/nav-logout.png) 10px center no-repeat;-webkit-transition:width .2s ease-out;cursor:pointer;position:relative;overflow:hidden;}
/*.menuRight .saveBut ul{display:none;}border-left:1px solid #999;*/

.saveBut p span{color:#0ea362;text-transform:capitalize;}
.menuRight .saveBut a{color:#424242!important;padding:13px 0 7px 60px;display:block}
.logout{padding-top:5px!important;}
/*.menuRight .saveBut p{display:block;}*/

/*.menuRight .saveBut.selected{width:235px;height:70px;background:#f9f9f9 url(../images/nav-logout.png) 30px center no-repeat;-webkit-transition:width .3s ease-out;border-left:0px!important;}*/
.menuRight .saveBut li{float:left;}
.menuRight .saveBut.selected p{width:150px;height:40px;margin:20px 0 0 75px;float:left;border-left:0px solid #999;}


.socShareBut ul{list-style:none;position:absolute;right:0;top:0;}
.socShareBut li{float:left;width:80px;height:70px;}

.gridBlock .totRes{position:absolute;right:20px;top:12px;color:#424242;width:200px;}
/*.gridBlock .totRes{position:absolute;left:2px;top:3px;color:#424242;width:200px;}*/
.grandTotal{color:#FFF;}
.grandTotal .oldTotRes{position:relative;margin:15px 0 0 10px;}
.grandTotal label{float:left;color:#424242;margin:14px 0 0 5px;}
.grandTotal .totalGrnd{position:relative;margin:22px 0 0 0;padding:10px;background:#CCC;height:40px;}
.grandTotal .newTotRes{position:relative;margin:10px 0 0 10px;}
.grandTotal .resIcon{float:left;color:#424242;width:20px;height:20px;margin:1px 0 0 0;}

.grandTotal.totRed .totalGrnd{background:#e93539;}
.grandTotal.totGreen .totalGrnd{background:#00a651;}

.grandTotal .oldTotRes .rsHead{margin-top:14px;color:#FFF;}
.grandTotal .oldTotRes .oldTotal{margin-top:14px;color:#FFF;}

.grandTotal .totalGrnd .rsHead{margin-top:4px;color:#FFF;font-size:22px;}
.grandTotal .totalGrnd .grndTotal{margin-top:4px;color:#FFF;margin-left:10px;}

.grandTotal .newTotRes .rsIcon{margin-top:1px;}
.grandTotal .newTotRes .rsHead{margin-top:4px;color:#FFF;}
.grandTotal .newTotRes .newTotal{margin-top:4px;}

.grandTotal.totRed .totalGrnd .resIcon{background:url(../images/upArw.png) 8px 8px no-repeat}
.grandTotal.totRed .totalGrnd label{color:#FFF;font-size:22px;}
.grandTotal.totRed .newTotRes .resIcon{background:url(../images/whtEqls.png) 10px 6px no-repeat}
.grandTotal.totRed .newTotRes label{color:#FFF;}

.grandTotal.totGreen .totalGrnd .resIcon{background:url(../images/downArw.png) 8px 8px no-repeat}
.grandTotal.totGreen .totalGrnd label{color:#FFF;font-size:22px;}
.grandTotal.totGreen .newTotRes .resIcon{background:url(../images/whtEqls.png) 10px 6px no-repeat}
.grandTotal.totGreen .newTotRes label{color:#FFF;}


.resultBlck.red .resultAmt .difA.resIcon{background:#CCC url(../images/redUp.png) 10px 33px no-repeat}
.resultBlck.red .resultAmt .cTv.resIcon{background:url(../images/redEql.png) 10px 13px no-repeat}

.resultBlck.green .resultAmt .difA.resIcon{background:#CCC url(../images/grnDwn.png) 10px 33px no-repeat}
.resultBlck.green .resultAmt .cTv.resIcon{background:url(../images/grnEql.png) 10px 13px no-repeat}


.grandTotal h2{margin:0!important;padding:20px 0;}
.student .toggleClass .grandTotal h2{background:#bb4325;color:#FFF;text-transform:uppercase;}
.first-job .toggleClass .grandTotal h2{background:#0065a6;color:#FFF;text-transform:uppercase;}
.homemaker .toggleClass .grandTotal h2{background:#bc0f44;color:#FFF;text-transform:uppercase;}
.senior-citizen .toggleClass .grandTotal h2{background:#bbc023;color:#FFF;text-transform:uppercase;}
.sal-proffesional .toggleClass .grandTotal h2{background:#c5332c;color:#FFF;text-transform:uppercase;}
.entrepreneur .toggleClass .grandTotal h2{background:#71279f;color:#FFF;text-transform:uppercase;}
.totalGrnd .totHead{text-transform:uppercase;}
.totHead{width:100%;/*float:left;font-weight:bold;*/}
.rsHead{width:20px;float:left;color:#424242;margin:14px 0 0 5px;}
.totHead label{width:100%;float:left;}
.totRes .red label{color:;}
.newTotal.totRed{color:#e93539;}
.newTotal.totGreen{color:#00a651;}

#switchTab{position:relative;}

#switchTab .tabs{text-align:center;position:absolute;margin-top:160px;margin-left:50px;display:none;}
#switchTab .tabs > div{text-align:center;text-indent:-20000px;cursor:pointer;display:inline-block;margin-right:-4px;color:#000;background:#ededed;width:40px;height:40px;}
#switchTab .tabs > div.active{cursor:auto;/*background:url(../images/tabBg.png) center top no-repeat;*/color:#FFF;background:#999;}
#switchTab .tabs > div:hover{background:url(../images/tabBg.png) center top no-repeat;color:#FFF;background:#999;}
#switchTab .tabs > div:last-child{border-right:none}

.tabDesk{background:#ededed url(../images/iconsSprite.png) -401px -54px no-repeat!important;}
.tabDesk.active{background:#999 url(../images/iconsSprite.png) -442px -54px no-repeat!important;}

.tabMob{background:#ededed url(../images/iconsSprite.png) -281px -54px no-repeat!important;}
.tabMob.active{background:#999 url(../images/iconsSprite.png) -241px -54px no-repeat!important;}

/*#budgetInfo li.testClass .editing{background:#5cafe1 url(../images/editing-gif-b.gif) center center no-repeat!important;}
#budgetInfo li.testClass .refresh{background:#bfbfbf url(../images/refresh-gif.gif) center center no-repeat!important;}
#budgetInfo li.testClass .complete{background:#52be78 url(../images/complete-gif.gif) center center no-repeat!important;}*/

#budgetInfo li.testClass .complete{}
#budgetInfo li.testClass .editing{}
#budgetInfo li.testClass .refresh{}
#budgetInfo li.testClass .complete{}

.student #budgetInfo li span.foood{background:#bb4325 url(../images/iconsSprite.png) -80px -13px no-repeat;}
.student #budgetInfo li span.transprt{background:#bb4325 url(../images/iconsSprite.png) -40px -13px no-repeat;}
.student #budgetInfo li span.apparel{background:#bb4325 url(../images/iconsSprite.png) 0px -13px no-repeat;}
.student #budgetInfo li span.entrtnmt{background:#bb4325 url(../images/iconsSprite.png) -120px -13px no-repeat;}
.student #budgetInfo li span.edu{background:#bb4325 url(../images/iconsSprite.png) -160px -13px no-repeat;}

.first-job #budgetInfo li span.taxIncome{background:#0065a6 url(../images/iconsSprite.png) -200px -13px no-repeat;}
.first-job #budgetInfo li span.savBenf{background:#0065a6 url(../images/iconsSprite.png) -240px -13px no-repeat;}
.first-job #budgetInfo li span.transprt{background:#0065a6 url(../images/iconsSprite.png) -40px -13px no-repeat;}
.first-job #budgetInfo li span.entrtnmt{background:#0065a6 url(../images/iconsSprite.png) -120px -13px no-repeat;}
.first-job #budgetInfo li span.foodHH{background:#0065a6 url(../images/iconsSprite.png) -280px -13px no-repeat;}

.homemaker #budgetInfo li span.foodHH{background:#bc0f44 url(../images/iconsSprite.png) -280px -13px no-repeat;}
.homemaker #budgetInfo li span.savBenf{background:#bc0f44 url(../images/iconsSprite.png) -240px -13px no-repeat;}
.homemaker #budgetInfo li span.edu{background:#bc0f44 url(../images/iconsSprite.png) -160px -13px no-repeat;}
.homemaker #budgetInfo li span.health{background:#bc0f44 url(../images/iconsSprite.png) -320px -13px no-repeat;}

.senior-citizen #budgetInfo li span.taxIncome{background:#bbc023 url(../images/iconsSprite.png) -200px -13px no-repeat;}
.senior-citizen #budgetInfo li span.transprt{background:#bbc023 url(../images/iconsSprite.png) -40px -13px no-repeat;}
.senior-citizen #budgetInfo li span.pension{background:#bbc023 url(../images/iconsSprite.png) -360px -13px no-repeat;}
.senior-citizen #budgetInfo li span.foodHH{background:#bbc023 url(../images/iconsSprite.png) -280px -13px no-repeat;}
.senior-citizen #budgetInfo li span.edu{background:#bbc023 url(../images/iconsSprite.png) -160px -13px no-repeat;}

.sal-proffesional #budgetInfo li span.incomeTax{background:#c5332c url(../images/iconsSprite.png) -400px -13px no-repeat;}
.sal-proffesional #budgetInfo li span.savBenf{background:#c5332c url(../images/iconsSprite.png) -240px -13px no-repeat;}
.sal-proffesional #budgetInfo li span.entrtnmt{background:#c5332c url(../images/iconsSprite.png) -120px -13px no-repeat;}
.sal-proffesional #budgetInfo li span.travel{background:#c5332c url(../images/iconsSprite.png) -440px -13px no-repeat;}
.sal-proffesional #budgetInfo li span.apparel{background:#c5332c url(../images/iconsSprite.png) 0px -13px no-repeat;}

.entrepreneur #budgetInfo li span.incomeTax{background:#71279f url(../images/iconsSprite.png) -400px -13px no-repeat;}
.entrepreneur #budgetInfo li span.corpTax{background:#71279f url(../images/iconsSprite.png) -480px -13px no-repeat;}
.entrepreneur #budgetInfo li span.savings{background:#71279f url(../images/iconsSprite.png) -520px -13px no-repeat;}
.entrepreneur #budgetInfo li span.entrtnmt{background:#71279f url(../images/iconsSprite.png) -120px -13px no-repeat;}

.newTotalGreen{}
.newTotalRed{}

.p_tab{transition: all .4s;}

.toggleClass{float:left;position:relative;/*width:100%;*/margin-top:180px;margin-left:64px;height:425px;border:0px solid red;}

.intro-text{position:absolute;top:25px;left:70px;width:625px;}
.intro-text h2{font-size:20px;}
.intro-text p{color:#363636;width:320px;margin:25px 0 0 15px;font-size:18px;float:left;line-height:22px; }

#tggleSwitch{background:none;}
.diffTggle{position:relative;width:220px;height:80px;float:right;border:0px solid red;margin:25px 0 0 0!important;color:#424242;background:#FFF!important;top:-10px;}
.diffText{float:left;margin:5px 0 0 10px;}
.diffTextHover{width:90%;height:100%;background:#ededed;}
.diffTextHover p{text-transform:none !important;margin:0 0 0 36px!important;}
.diffText img{float:left;}
.diffTggle p{margin:7px 0 0 5px;text-transform:uppercase;width:66%;}
.diffTggle ul{list-style:none;margin:0;padding:0;}
.diffTggle li{position:absolute;right:0;}

.gridBlock .statusBlck{position:relative;left:-100px;top:210px;}
.gridBlock .statusBlck li{position:absolute!important;top:0;left:0;width:42px!important;height:42px !important;border-radius:100%;-o-border-radius:100%;-wekit-border-radius:100%;-moz-border-radius:100%;float:none;}
.gridBlock .statusBlck li.editing{background:#5cafe1 url(../images/editing-gif-b.gif) center center no-repeat;}
.gridBlock .statusBlck li.refresh{background:#bfbfbf url(../images/refresh-gif.gif) center center no-repeat;}
.gridBlock .statusBlck li.complete{background:#52be78 url(../images/complete-gif.gif) center center no-repeat;}

.listBlock .statusBlck{position:relative;right:-600px;top:-65px;}
.listBlock .statusBlck li{position:absolute!important;top:0;left:0;width:42px!important;height:42px !important;border-radius:100%;-o-border-radius:100%;-wekit-border-radius:100%;-moz-border-radius:100%;float:none;}
.listBlock .statusBlck li.editing{background:#5cafe1 url(../images/editing-gif-b.gif) center center no-repeat;}
.listBlock .statusBlck li.refresh{background:#bfbfbf url(../images/refresh-gif.gif) center center no-repeat;}
.listBlock .statusBlck li.complete{background:#52be78 url(../images/complete-gif.gif) center center no-repeat;}

.toggleClass{transition: transform 600ms,opacity 300ms;}
.toggleClass.temp{transform:translateY(10px);opacity:0;}

#catgryBlck ul{list-style:none;margin:0;padding:0;}
#catgryBlck li{margin:10px;overflow:hidden;}
#catgryBlck h2{margin-top:10px;font-size:16px;text-transform:uppercase;width:80%;font-weight:bold;}
#catgryBlck span{width:40px;height:40px;background:#0ea362;border-radius:100%;-o-border-radius:100%;-wekit-border-radius:100%;-moz-border-radius:100%;display:block;}

#catgryBlck.gridBlock{width:70%;}

.gridBlock{/*width:40%;*/opacity:1;}
.gridBlock li{width:155px;height:110px;background:#ededed;/*display:inline-block;*/float:left;}
.gridBlock h2{margin:0 auto;text-align:center;}
.gridBlock span{display:block;margin:10px auto 0;}

#catgryBlck.listBlock{width:100%;}
#catgryBlck.listBlock li{width:366px;height:60px;background:#ededed;display:block;}
#catgryBlck.listBlock h2{float:left;margin:20px 0 0 10px!important}
#catgryBlck.listBlock span{float:left;margin:10px 0 0 20px;}

.student{color:#bb4325}
.student h2{color:#bb4325}
#catgryBlck .student span{background:#bb4325 url(../images/iconsSprite.png) -2px -324px no-repeat;}
.student .nav{background:#bb4325}
.student #catgryBlck span{background:#bb4325}
.student .nav li a.cat.active{background:#FFF url(../images/iconsSprite.png) -226px -188px no-repeat;color:#bb4325;}

.first-job{color:#0065a6}
.first-job h2{color:#0065a6}
#catgryBlck .first-job span{background:#0065a6 url(../images/iconsSprite.png) -166px -324px no-repeat;}
.first-job .nav{background:#0065a6}
.first-job #catgryBlck span{background:#0065a6}
.first-job .nav li a.cat.active{background:#FFF url(../images/iconsSprite.png) -146px -188px no-repeat;color:#0065a6;}

.homemaker {color:#bc0f44}
.homemaker h2{color:#bc0f44}
#catgryBlck .homemaker span{background:#bc0f44 url(../images/iconsSprite.png) -243px -324px no-repeat;}
.homemaker .nav{background:#bc0f44}
.homemaker #catgryBlck span{background:#bc0f44}
.homemaker .nav li a.cat.active{background:#FFF url(../images/iconsSprite.png) -550px -188px no-repeat;color:#bc0f44;}

.senior-citizen{color:#bbc023}
.senior-citizen h2{color:#bbc023}
#catgryBlck .senior-citizen span{background:#bbc023 url(../images/iconsSprite.png) -397px -324px no-repeat;}
.senior-citizen .nav{background:#bbc023}
.senior-citizen #catgryBlck span{background:#bbc023}
.senior-citizen .nav li a.cat.active{background:#FFF url(../images/iconsSprite.png) -466px -188px no-repeat;color:#bbc023;}


.sal-proffesional{color:#c5332c}
.sal-proffesional h2{color:#c5332c}
#catgryBlck .sal-proffesional span{background:#c5332c url(../images/iconsSprite.png) -324px -324px no-repeat;}
.sal-proffesional .nav{background:#c5332c}
.sal-proffesional #catgryBlck span{background:#c5332c}
.sal-proffesional .nav li a.cat.active{background:#FFF url(../images/iconsSprite.png) -310px -188px no-repeat;color:#c5332c;}

.entrepreneur{color:#71279f}
.entrepreneur h2{color:#71279f}
#catgryBlck .entrepreneur span{background:#71279f url(../images/iconsSprite.png) -83px -324px no-repeat;}
.entrepreneur .nav{background:#71279f}
.entrepreneur #catgryBlck span{background:#71279f}
.entrepreneur .nav li a.cat.active{background:#FFF url(../images/iconsSprite.png) -390px -188px no-repeat;color:#71279f;}

#rolesBlck{/*width:100%;*/}

#rolesBlck ul{list-style:none;margin:0;padding:0;}
#rolesBlck li{margin:7px;position:relative}
#rolesBlck h2{margin:20px 0 10px 0;font-size:16px;width:100%;font-weight:bold;}
#rolesBlck span{width:40px;height:40px;border-radius:100%;-o-border-radius:100%;-wekit-border-radius:100%;-moz-border-radius:100%;display:block!important;}

.gridBlock#rolesBlck li .borderBottom{height:10px;width:100%;position:absolute;bottom:0px;}
.gridBlock#rolesBlck li .borderBottom.red{background:#e93539;}
.gridBlock#rolesBlck li .borderBottom.green{background:#00a651;}


.student .gridBlock .grandTotal{background:rgba(187, 67, 37, 0.6);}
.first-job .gridBlock .grandTotal{background:rgba(0, 101, 166, 0.6);}
.sal-proffesional .gridBlock .grandTotal{background:rgba(197, 51, 44, 0.6);}
.entrepreneur .gridBlock .grandTotal{background:rgba(113, 39, 159, 0.6);}
.homemaker .gridBlock .grandTotal{background:rgba(188, 15, 68, 0.6);}
.senior-citizen .gridBlock .grandTotal{background:rgba(187, 192, 35, 0.6);}


.gridBlock#rolesBlck li{height:325px;}
.gridBlock .infoBlck{position:absolute;left:10px;width:120px;height:auto;bottom:20px;display:none;}
.gridBlock .infoBlck p{font-size:12px;font-style:italic;color:#999;line-height:14px;}

.gridBlock#rolesBlck li .inputBlck{margin:15px 0 0 0;}
.gridBlock#rolesBlck li .inputBlck h2{margin:10px auto;}
.gridBlock#rolesBlck li .inputBlck p{float:left;color:#999;width:20px;font-size:16px;margin:0 0 5px 25px;}
.gridBlock#rolesBlck li .textInput{float:left;outline:none;border:none;color:#424242;border-bottom:1px solid #999;background:none;width:86px;font-size:16px;margin-left:5px;font-family:'Roboto Condensed',sans-serif!important;margin-top:-3px;}

.incomeResult{width:100%;}

.gridBlock#rolesBlck li .resultBlck{/*margin-top:10px;clear:both;*/}
.gridBlock#rolesBlck li .resultBlck .resultAmt{margin:0;width:100%;color:#424242;position:absolute;top:140px;}
.gridBlock#rolesBlck li .resultBlck .resultAmt .difA{margin:0;/*background:#CCC;*/padding:30px 25px 14px 25px;}
.gridBlock#rolesBlck li .resultBlck .resultAmt .cTv{margin:19px 0 0 0;padding:10px 25px;}

.gridBlock#rolesBlck li .resultBlck .resultAmt label{}
.gridBlock#rolesBlck li .resultBlck.red label{color:#e93539;}
.gridBlock#rolesBlck li .resultBlck.green label{color:#00a651;}
 
 
 .width100{width:90%!important;margin:0 0 6px 25px!important;font-size:12px!important;}
 .tds{margin:-5px 0 0 25px!important;color:#999;font-size:14px!important;}
.articleBlock{width:270px;height:90%;border-left:1px solid #CCC;position:fixed;right:0;padding:20px 0 0 20px;background:#f9f9f9;z-index:3;overflow-y:scroll;/*display:none!important;*/}
.articleHead{margin:0;font-size:22px;color:#0ea362;font-weight:bold;}

.articleBlock li{padding:30px 0;clear:both;margin:10px 0;border-bottom:1px solid #999;display:block;min-height:125px;}
.articleHead h2{float:left;color:#0ea362;}
.articleHead .padLeft{padding-left:15px;}
.artcleImg{width:52px;height:52px;border-radius:100%;-o-border-radius:100%;-wekit-border-radius:100%;-moz-border-radius:100%;float:left;}
.artcleHead{font-size:16px;color:#424242;float:left;width:180px;margin:0 0 0 10px;}
.artcleHead p{line-height:20px;}
.artcleHead p:first-letter {text-transform:capitalize;}
.artclAdmin{font-style:italic;font-size:14px;color:#999;margin:;clear:both;margin:10px 0 0 0;}
.learnMoreBut{margin:20px 0 0 0;}
.learnMoreBut a{border-radius:10px;-o-border-radius:10px;-wekit-border-radius:10px;-moz-border-radius:10px;padding:10px;background:#0ea362;text-transform:uppercase;text-align:center;width:120px;color:#FFF;font-size:14px;font-weight:normal;}

label.green {color:#00a651!important;}

.intro-text h2{float:left;}
.intro-text h2.introHead{width:90%;margin-left:10px;}
#catgryBlck{margin-top:150px;margin-left:60px;}
.catgryHome .intro-text p{margin-left:20px;}
.loginHome  .intro-text p{margin-left:20px;}
.loginHome{overflow-x:visible;}
.loginHome  .intro-text a{background:#0ea362;color:#FFF;padding:20px;border-radius:10px;-o-border-radius:10px;-wekit-border-radius:10px;-moz-border-radius:10px;font-size:12px;}
.loginHome  .intro-text {width:auto;}
.loginFB{width:450px;height:320px;float:left;border-right:1px solid #CCC;}
.loginUser{width:295px;float:left;padding:10px 0 0 105px;}
.loginHome  .intro-text span{text-transform:uppercase;}
.loginHome  .intro-text img{position:relative;top:5px;margin-right:10px;}
.loginUser input{border-radius:10px;-o-border-radius:10px;-wekit-border-radius:10px;-moz-border-radius:10px;border:1px solid #0ea362;outline:none;padding:13px 0 13px 20px;color:#0ea362;z-index:11;font-size:14px;width:220px;}
.loginUser span{}
.loginUser p{float:right;}
.userName span{background:url(../images/iconsSprite.png) -80px -250px no-repeat;width:40px;height:40px;float:left;margin-right:10px;}
.userEmail{clear:both;margin-top:10px;}
.userEmail span{background:url(../images/iconsSprite.png) -320px -258px no-repeat;width:40px;height:40px;float:left;margin-right:10px;}
.loginSubmit{/*margin:30px 17px 0 0;float:right;*/text-align:center;}
.loginSubmit a{padding:15px 40px!important;}
.loginUser .submit{background:#0ea362;color:#FFF;text-transform:uppercase;width:154px;height:44px;cursor:pointer;font-size:14px;margin:22px 5px 0 55px;font-family:'Roboto Condensed',sans-serif!important;padding:10px 25px;}
.error_register{font-size:12px;margin-top:10px;margin-left:50px;}

.loginTogglBut{position:relative;top:50px;text-transform:uppercase;display:none;}
.loginUser .userName span{display:block;}
.loginUser .userEmail span{display:block;}
.FBTogglBut{display:none;}
/*#rolesBlck #socialBotButs{display:none!important;}

#rolesBlck #socialBotButs li{background:none;}position:absolute;right:80px;width:200px;*/
.saveBudgBut{margin:20px 0 50px 10px;}
.saveBudgBut a{border-radius:10px;-o-border-radius:10px;-wekit-border-radius:10px;-moz-border-radius:10px;padding:13px;background:#0ea362;text-transform:uppercase;text-align:center;width:120px;color:#FFF;font-size:14px;font-weight:normal;}
.saveBudgBut img{position:relative;top:5px;margin-right:5px;}
.disclaimer p{float:left;width:600px;font-size:10px;color:#999;margin-left:10px;line-height:14px;margin-bottom:20px;position:fixed;bottom:10px;}
.submitRight{float:right;margin-right:7px;}
.loginHome..disclaimer p{width:500px;margin-bottom:20px;margin-left:20px;}
.loginTextDesk{padding:0 0 25px 50px;text-align:center;}


@media screen and (min-width:900px) and (max-width:1360px){
#rolesBlck.gridBlock{display:block;}
.rolePage #switchTab .tabs{display:none !important;}
.rolePage .intro-text{left:23px}
.rolePage .toggleClass{margin-left:20px}
.catgryHome #switchTab .tabs{display:block!important;}
#rolesBlck.gridBlock li{width:140px;}
.gridBlock#rolesBlck li .inputBlck p{margin-left:10px;}
.loginHome .intro-text{left:20px;}
.disclaimer p{width:560px;margin-bottom:20px;margin-left:10px;bottom:-35px;position:absolute;}
}
@media screen and (min-width:701px) and (max-width:899px){
	.mainContent{min-height:850px;}
	.right-content{margin-left:50px;}
	.loginFB{border:none}
	.loginUser {width:295px;float:left;padding:10px 0 0 15px;}
	#rolesBlck{margin-top:20px;width:73%;}
	.gridBlock#rolesBlck li.grandTotal{width:175px;height:325px!important;position:absolute;right:-8px;}
	
	#rolesBlck.gridBlock{margin-top:160px;}
	.gridBlock#rolesBlck li{width:175px;/*height:150px;margin-top:80px;*/}
	.gridBlock#rolesBlck li:first-child{/*margin-top:20px;*/}
	.gridBlock .totRes{position:relative;left:10px;top:30px;padding-bottom:30px;}
	.gridBlock#rolesBlck hr{display:none;}
	#rolesBlck #socialBotButs{display:block!important;}
	.gridBlock #socialBotButs .socShareBut{border-top:1px solid #999;background:transparent;height:35px;padding-top:20px;}
	.gridBlock #socialBotButs .saveBudgBut{margin:20px 0 50px 10px;}
	.gridBlock #socialBotButs .saveBudgBut a{border-radius:10px;-o-border-radius:10px;-wekit-border-radius:10px;-moz-border-radius:10px;padding:10px;background:#0ea362;text-transform:uppercase;text-align:center;width:120px;color:#FFF;font-size:16px;font-weight:normal;}
	.gridBlock #socialBotButs .saveBudgBut img{position:relative;top:5px;margin-right:5px;}
	.gridBlock .infoBlck p{right:10px;}
	.gridBlock #socialBotButs .socShareBut ul{position:relative;}
	.gridBlock #socialBotButs .socShareBut li {width:40px;height:40px;background:transparent;float:left;display:block;margin:0 9px;}
	.gridBlock #socialBotButs .socShareBut li a{width:40px;height:40px;background:transparent;float:left;display:block;}
	.gridBlock #socialBotButs .socShareBut li a.fbBut{background:url(../images/fbIcon.png) center center no-repeat}
	.gridBlock #socialBotButs .socShareBut li a.twtBut{background:url(../images/twtIcon.png) center center no-repeat}
	.gridBlock #socialBotButs .socShareBut li a.lnBut{background:url(../images/linkedIcon.png) center center no-repeat}
	.articleBlock {width:81%;padding-left:15px;left:60px;right:auto;display:none}
	.nav , .nav li{width:60px;}
	.submitRight{position:relative;top:-350px;}
}
@media screen and (min-width:300px) and (max-width:700px){
.para1{display:none;}
.login_fb{margin:0;}
.submitRight{float:none;}
.disclaimer p{width:200px;margin-bottom:20px;margin-left:10px;position:relative;bottom:initial;}
.logo{width:60px;background-position:-545px -85px;}
#catgryBlck.gridBlock{display:block;}
#catgryBlck{margin-top:165px;margin-left:10px;}
#catgryBlck li{width:175px;height:120px;}
#catgryBlck li span{margin:20px auto 0;}
#catgryHome #switchTab .tabs{display:block!important;}
#switchTab .tabs{display:none;}

/*#budgetInfo .editing{}*/
#budgetInfo li.testClass .editing{background:#5cafe1 url(../images/editing-gif-b.gif) center center no-repeat!important;}
#budgetInfo li.testClass .refresh{background:#bfbfbf url(../images/refresh-gif.gif) center center no-repeat!important;}
#budgetInfo li.testClass .complete{background:#52be78 url(../images/complete-gif.gif) center center no-repeat!important;}

#rolesBlck ul#budgetInfo{margin-top:90px;}
.intro-text{width:70%;left:20px;}
.intro-text p{margin:15px 0 0 0;width:80%}
.catgryHome .intro-text p{margin:15px 0 0 0;}
#rolesBlck{margin-left:10px;width:200px;}
#rolesBlck.gridBlock{margin-top:160px;}
.gridBlock#rolesBlck li{width:175px;/*margin-top:80px;*/}
.gridBlock#rolesBlck li:first-child{/*margin-top:20px;*/}
.gridBlock .totRes{position:relative;left:10px;top:30px;padding-bottom:30px;}
.gridBlock#rolesBlck hr{display:none;}
#rolesBlck #socialBotButs{display:block!important;}
.gridBlock #socialBotButs .socShareBut{border-top:1px solid #999;background:transparent;height:35px;padding-top:20px;}
.gridBlock #socialBotButs .saveBudgBut{margin:20px 0 50px 10px;}
.gridBlock #socialBotButs .saveBudgBut a{border-radius:10px;-o-border-radius:10px;-wekit-border-radius:10px;-moz-border-radius:10px;padding:10px;background:#0ea362;text-transform:uppercase;text-align:center;width:120px;color:#FFF;font-size:16px;font-weight:normal;}
.gridBlock #socialBotButs .saveBudgBut img{position:relative;top:5px;margin-right:5px;}
.gridBlock .infoBlck p{right:10px;}
.gridBlock #socialBotButs .socShareBut ul{position:relative;}
.gridBlock #socialBotButs .socShareBut li {width:40px;height:40px;background:transparent;float:left;display:block;margin:0 9px;}
.gridBlock #socialBotButs .socShareBut li a{width:40px;height:40px;background:transparent;float:left;display:block;}
.gridBlock #socialBotButs .socShareBut li a.fbBut{background:url(../images/fbIcon.png) center center no-repeat}
.gridBlock #socialBotButs .socShareBut li a.twtBut{background:url(../images/twtIcon.png) center center no-repeat}
.gridBlock #socialBotButs .socShareBut li a.lnBut{background:url(../images/linkedIcon.png) center center no-repeat}
.gridBlock#rolesBlck li.grandTotal{width:175px;height:310px!important;}
.articleBlock {width:81%;padding-left:15px;left:60px;right:auto;display:none}
.nav , .nav li{width:60px;}

.artcleHead{width:60%}
.articleBlock li{min-height:175px;}
.nav li a.user{background-position:8px -135px}
/*.nav li a.role{background-position:8px -242px}
/*.nav li a.cat{background-position:-390px -183px}*/

.nav li a.user{background-position:8px -140px}
.nav li a.role.active{background-position:-71px -240px}
.nav li a.cat{background-position:-230px -233px;}

.student .nav li a.cat.active{background-position:-230px -188px;}
.first-job .nav li a.cat.active{background-position:-150px -188px;}
.homemaker .nav li a.cat.active{background-position:-550px -188px}
.senior-citizen .nav li a.cat.active{background-position:-470px -188px}
.sal-proffesional .nav li a.cat.active{background-position:-310px -188px}
.entrepreneur .nav li a.cat.active{background-position:-390px -188px}

.student .nav li a.role{background-position:8px -316px;}
.first-job .nav li a.role{background-position:-156px -316px;}
.homemaker .nav li a.role{background-position:-233px -316px;}
.senior-citizen .nav li a.role{background-position:-387px -316px;}
.sal-proffesional .nav li a.role{background-position:-314px -316px;}
.entrepreneur .nav li a.role{background-position:-73px -316px;}


.diffTggle p{margin:7px 0 0 5px!important;width:165px!important}
/*.menuRight .socShareBut, .menuRight .saveBut{display:none!important;}*/
.widthAuto{width:auto;}
.loginSubmit{margin:-15px 15px 0 0; float:right;width:225px}
.loginUser .submit{width:97%;/*padding:20px;*/margin-left:0;}
.login_fb {padding:14px 30px!important;}

.loginUser input{padding:13px 22px;width:172px;}
.loginHome .intro-text p{float:none;width:200px;margin:35px 0 0 0;}
.loginFB{width:220px;border-right:0;position:relative;left:0px;}
.loginBlck{display:none;position:absolute;top:13px;background:#FFF;}
.loginUser{padding:20px 0 0 0;width:240px;position:absolute;left:0px;top:180px;background:#FFF;z-index:1111;}
.loginHome{width:80%;}
.loginTogglBut{position:relative;top:-60px;text-transform:uppercase;display:block;font-size:14px;z-index:111;text-align:center;}
.loginUser .userName span{display:none;}
.loginUser .userEmail span{display:none;}

.FBTogglBut{position:absolute;top:370px;text-transform:uppercase;display:none;padding:0 0 30px 0;width:250px;font-size:14px;}

.loginTextDesk{display:none;}
#budgetInfo li{height:155px!important;}
.testClass{-webkit-transition:all .5s;transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;}
#budgetInfo li.heightClass{height:325px!important;}
.menuRight .saveBut a{display:none}
.logoText{width:40%;margin:10px 0 0 20px;}
.menuRight li{width:60px;}
.menuRight .saveBut{width:60px;}
.nav li span{left:0px;font-size:12px;}
.artclBut{background-position:-310px -135px;width:60px;}
.menuRight li a img{display:none;}
.right-content{margin-left:60px;}
}