@charset "utf-8";
/*
Theme Name: meego - Next mobile apps technology
Theme URI: http://www.mymeego.com
Description: Custom theme for meego
Version: 1.0
Author: th3rdi
Author URI: http://www.mymeego.com
*/

/*--- Table of Contents ---

0 - CSS Global Reset
1 - Common
2 - Layout
3 - Header
4 - Navigation
5 - Body
6 - Footer
--------------------------*/

/*---- 0 CSS Global Reset----*/
* {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
img{ border:none; color:#000; text-decoration:none;}
a{ border:none; color:#000; text-decoration:none;}
a:hover{ color:#000; text-decoration:underline;}


/*----1 Common----*/
.left{float:left !important}
.right{float:right !important}
.marginLeft7{margin-left:7px}
.marginLeft10{margin-left:10px}
.marginLeft30{margin-left:30px}
.marginTop20{margin-top:20px}
.width7{ width:7px; height:30px; float:left}
.width16{ width:16px; height:30px; float:left}
.paddingTop0{padding-top:0px !important}
.paddingLeft8{ padding-left:8px !important}
.absoluteRight5{ right:5px}
.absoluteLeft5{ left:5px}
.absolutetop5{ top:5px}
.topneg3{ top:-1px}
.txtAlignRight{ text-align:right; padding:0 11px 0 0}
.updateBtn2{ width:70px; height:22px; padding-bottom:4px; font-weight:bold; border:solid 1px #000; background-color:#fff;}


/*----2 Layout----*/
#mainWrapper #subWrapper{margin:0 auto;}
#subWrapper{width:722px; position:relative;}

/*----3 Header----*/
#header{
	width:722px; height:152px;
	background:url("../images/img_headerBg.gif") no-repeat;
	position:relative; 
}
#logo{
	width:422px;
	position:absolute; left:140px;
}
#bookmark{
	width:127px; height:18px;
	position:absolute; top:52px; right:9px;
}
#faqForm input, textarea{
	width:480px; height:18px;
	padding:4px 8px 0 8px;
	border:1px solid #000;
	margin:0 0 0 7px;
	clear:left;
}
#faqForm textarea{
	width:633px; height:176px;
}
#faqForm label{
	color:#000;
	padding:5px 10px 0 10px;
	font-size:16px; font-weight:bold;
}
#login{
	width:203px; height:113px;
	background:url("../images/bg_login.gif") no-repeat;
	position:absolute; top:109px; right:19px;
	padding-bottom:10px;
}
#login input{
	width:171px; height:18px;
	padding:4px 8px 0 8px;
	border:1px solid #000;
	margin:0 0 0 7px;
}
#login label{
	color:#fff;
	padding:5px 10px 0 0;
	float:right;	
}
#enterBtn{
	border:none !important;
	width:61px !important; height:22px !important;
	float:right;
}
#updateBtn{
	border:1px solid #000 !important;
	width:61px !important; height:22px !important;
	float:right;
}
#sendBtn{
	border:none !important;
	width:98px !important; height:34px !important;
	float:right;
}
#registerBtn{
	border:none !important;
	width:115px !important; height:36px !important;
	margin:0 50px 0 0;
	padding-top:10px;
	float:right !important;
}
#confirmBtn{
	border:none !important;
	width:115px !important; height:36px !important;
	margin:0 20px 0 0;
	padding-top:10px;
	float:right !important;
}
#newSignup{
	width:108px;
	position:absolute; bottom:9px; left:8px;
}
#newSignup a{
	font-size:11px;
}
/*----4 Navigation----*/
#topMenu{ 
	/*width:250px; */
	height:18px;
	position:absolute; top:80px; right:9px;
}
#topMenu ul{
	list-style-type:none; 
}
#topMenu li{
	font-size:14px; font-weight:bold; color:#ff0066;
	padding-left:3px;
	display:block;
	float:left;
}
#topMenu a{
	font-size:14px; font-weight:bold; color:#ff0066;
	text-decoration:none;
}
#topMenu a:hover{
	text-decoration:underline;
}

#bodyMenu{ 
	width:670px; height:47px;
	position:absolute; top:4px; right:11px;
}
#bodyMenu ul{
	list-style-type:none; 
}
#bodyMenu li {
	display:inline;
	float:left;
}
#bodyMenu a{
	width:134px !important; height:46px !important;
	font-size:25px; font-weight:bold; color:#fbfcae;
	text-decoration:none; text-align:center; padding-top:8px;
	background:url("../images/nav/menu.gif") no-repeat; 
	display:inline;	float:left;
} 
#bodyMenu a:hover{
	width:134px; height:46px;
	text-decoration:none;
	background:url("../images/nav/menu-hover.gif") no-repeat;
}
#bodyMenu .current{
	width:134px; height:46px;
	text-decoration:none;
	background:url("../images/nav/menu-hover.gif") no-repeat;
}
.menuFont{
	font-size:19px !important;
	padding-top:0px !important;
}

/*----5 Body---*/
#body{
    width:706px; height:800px;
	background:url("../images/bg_body.gif") repeat-x top;
	float:left; 
}
#body2{
    width:706px;
	background:url("../images/bg_body.gif") repeat-x top;
	float:left; padding-bottom:30px;
}
#body p{	
	font-size:25px; font-weight:bold; color:#fdfdbd;
	position: absolute; left:140px; top:110px;
}
#body2 p{	
	font-size:25px; font-weight:bold; color:#fdfdbd;
	position: absolute; left:140px; top:110px;
}
#phonebill{
	width:387px; height:250px;
	background:url("../images/bg_phonebill.gif") no-repeat;
	position:absolute;
	top:185px; left:19px;
}
#phonebill h1, h2, h3{
	color:#000099 !important; font-size:20px !important; font-weight:normal !important;
	position: relative !important;
	left:6px; top:3px;
	padding:0;
}
#phonebill span{
	color:#000099; font-size:20px; font-weight:bold;
}
#phonebill h2{
	text-align:right; padding-right:15px;
}
#phonebill h3{
	text-align:right; padding-right:45px;
}
#phonebill p{
	color:#000; font-size:17px; font-weight:bold;
	position: relative !important;
	left:6px; top:3px;
	padding:5px 8px 10px 3px;
}
#btnWrapper{
	height:24px;
	position: absolute;
	right:5px;
	bottom:5px;
}
#btnWrapperBig4{
	height:31px;
	position: absolute;
	left:5px;
	top:65px;
}
#btnWrapperBig3{
	height:31px;
	position: absolute;
	top:130px;
}
#btnWrapperBig2{
	height:31px;
	position: absolute;
	right:-390px;
	top:50px;
}
#btnConfirm{
	height:31px;
	position: absolute;
	right:-390px;
}	
#btnWrapperBig5{
	height:31px;
	position: absolute;
	right:-321px;
	top:50px;
}

#btnWrapperBig{
	height:31px;
	position: absolute;
	right:-140px;
	top:50px;
}
.bntMsgboard{
	width:130px;
	left:190px;	top:10px;
}
.btnbilltypes{
	left:2px; bottom:-30px !important;
}
#btnLeft{
	height:24px; padding:5px 10px 0 15px; 
	font-size:13px;	font-weight:bold;
	background:url("../images/bg_btn.gif") top left no-repeat;
	float:left;
}
#btnLeft a{
	text-decoration:none;
}
#btnLeft a:hover{
	color:#ff9900;
	text-decoration:none;
}
#btnRight{
	width:5px; height:24px;
	background:url("../images/bg_btn.gif") bottom right no-repeat;
	float:left;
}

/*-------------big button--------------*/
#btnBigLeft{
	height:31px; padding:5px 10px 0 15px; 
	font-size:13px;	font-weight:bold;
	background:url("../images/bg_btnBig.gif") top left no-repeat;
	float:left;
}
#btnBigLeft a{
	text-decoration:none;
	font-size:15px
}
#btnBigLeft a:hover{
	color:#ff9900;
	text-decoration:none;
}
#btnBigRight{
	width:5px; height:31px;
	background:url("../images/bg_btnBig.gif") bottom right no-repeat;
	float:left;
}
/*-------------gray button--------------*/

#btnGrayLeft{
	height:24px; padding:5px 10px 0 15px; 
	font-size:13px;	font-weight:bold;
	background:url("../images/bg_btnGray.gif") top left no-repeat;
	float:left;
}
#btnGrayLeft a{
	color:#fff;
	text-decoration:none;
	cursor:default;
}
#btnGrayLeft a:hover{
	color:#fff;
	text-decoration:none;
}
#btnGrayRight{
	width:5px; height:24px;
	background:url("../images/bg_btnGray.gif") bottom right no-repeat;
	float:left;
}

#freeTrial{
	width:288px; height:201px;
	background:url("../images/bg_freeTrial.gif") no-repeat;
	position:absolute;
	top:234px; right:19px;
}
#freeTrial h1{
	color:#000099; font-size:32px; font-weight:normal;
	position: relative !important;
	left:6px; top:3px;
	padding:0;
}
#freeTrial span{
	color:#000099; font-size:32px; font-weight:bold;
}
#freeTrial p{
	color:#000; font-size:24px; font-weight:normal;
	position: relative !important;
	left:6px; top:3px;
	padding:0;
}
#whatYouDo{
	width:339px; height:370px;
	background:url("../images/bg_whatYouDo.gif") no-repeat;
	position:absolute;
	top:441px; left:19px;
}
#whatYouDo h1{
	color:#000; font-size:22px; font-weight:normal;
	position: relative !important;
	left:9px; top:13px;
	padding:0;
}
#whatYouDo ul{
	list-style-type:decimal;
	margin-top:20px !important;
}
#whatYouDo li{
	color:#000; font-size:18px; font-weight:normal;
	padding:15px 10px 0 0;
	margin-left:32px;
}

#whatWeDo{
	width:341px; height:370px;
	background:url("../images/bg_whatWeDo.gif") no-repeat;
	position:absolute;
	top:441px; right:19px;
}
#whatWeDo h1{
	color:#000; font-size:22px; font-weight:normal;
	position: relative !important;
	left:9px; top:13px;
	padding:0;
}
#whatWeDo ul{
	list-style-type:decimal;
	margin-top:20px !important;
}
#whatWeDo li{
	color:#000; font-size:18px; font-weight:normal;
	padding:15px 10px 0 0;
	margin-left:32px;
}
#demo ul{
	list-style-type:none;
}
#demo li a{
	width:683px; height:33px;
	padding-top:0px;
	position:absolute;
	top:816px; right:20px;
	padding-top:3px;
}
#demo2 li a{
	width:683px; height:33px;
	margin:5px 0 0 10px;
	top:816px; right:20px;
	padding-top:3px;
	float:left;
}
#demo2 ul{
	list-style-type:none;
}
.demobox, .demobox2{
	width:683px; height:33px;
	font-size:26px; color:#000; font-weight:bold; 
	background:url("../images/bg_demo.gif") top center no-repeat;
	text-align:center;
	text-decoration:none;
}
.demobox:hover, .demobox2:hover{
	width:683px; height:33px;
	font-size:26px; text-align:center;
	background:url("../images/bg_demo.gif") bottom center no-repeat;
	text-decoration:none;
}

#homeLogin{
	width:692px; height:472px;
	margin-left:6px;
	background:url("../images/bg_homeLogin.gif") no-repeat;
	position:relative;
}
#homeLoginContent{
	width:660px; height:407px;
	position:absolute; bottom:5px; right:22px;
	overflow-y:auto;
	overflow-x:hidden;
}
#homeLoginContent ul{
	width:550px;
	margin-left:10px;
	list-style-type:none;
}
#homeLoginContent li{
	font-size:15px; font-weight:bold;
	list-style:none;
}
#billtypes{
	width:159px; height:126px;
	background:url("../images/img_billtypes.gif") no-repeat;
	margin:10px 0 0 10px; position:relative;
}
.manageChores{
	background:url("../images/img_chores.gif") no-repeat !important;
}
.invoices{
	background:url("../images/img_invoices.gif") no-repeat !important;
}
#billtypesContent{
	width:143px; height:90px;
	position:absolute; bottom:7px; right:8px;
	overflow-y:auto;
	
}
#CreditsWrapper{
	width:316px; position:relative;
	float:left;
}
#wrapperBg{
	width:316px;
	background:url("../images/home/img_bg.gif") repeat-y;
	float:left; position:relative;
}
.text2{
	width:200px !important;
	padding:3px 20px 3px 0px;
	margin-left:10px;
	font-size:13px; font-weight:bold; 
}

#homeMsgboard{
	width:692px; height:227px;
	margin:6px 0 0 5px;
	background:url("../images/img_msgboard.gif") no-repeat;
	float:left; position:relative;
}
#homeMsgboardContent textarea{
	width:660px; height:163px;
	position:absolute;
	bottom:14px; left:15px;
	overflow-y:auto;
}
#homeMsgboardContent textarea{
	width:640px;
	border:0;
}
#chorePlanner textarea{
	width:390px; height:163px;
	position:absolute;
	bottom:-214px; left:215px;
	overflow-y:auto;
	background-color:transparent;
}
.choresSpan{
	position:absolute;
	top:150px; right:-453px;
}
#manageRoommatesLeft{
	width:267px;
	margin-left:-10px;
	float:left;
}
#manageRoommatesLeft ul{
	list-style-type:none;
}
#manageRoommatesLeft li a{	
	display:inline;
	float:left;
	text-indent:-999999px;
	margin-top:4px;
}
.removeRoommates{
	width:265px; height:55px;
	background:url("../images/img_removeRommates.gif") top no-repeat;
	text-decoration:none;
}
.removeRoommates:hover{
	width:265px; height:55px;
	background:url("../images/img_removeRommates.gif") bottom no-repeat;
	text-decoration:none;
}
.addRoommates{
	width:265px; height:55px;
	background:url("../images/img_addRommates.gif") top no-repeat;
	text-decoration:none; clear:left;
}
.addRoommates:hover{
	width:265px; height:55px;
	background:url("../images/img_addRommates.gif") bottom no-repeat;
	text-decoration:none; clear:left;
}
.updateRoommates{
	width:265px; height:55px;
	background:url("../images/img_updateRoommates.gif") top no-repeat;
	text-decoration:none; clear:left;
}
.updateRoommates:hover{
	width:265px; height:55px;
	background:url("../images/img_updateRoommates.gif") bottom no-repeat;
	text-decoration:none; clear:left;
}
#manageRoommatesRight{
	width:358px;
	height:200px;
	position:absolute; top:5px; right:5px;
}
#roommate{
	width:348px; 
	background:url("../images/img_roommate.gif") left top no-repeat;
	padding:10px 10px 0 10px; overflow:hidden;
}
#roommateBottom{
	width:358px; height:10px;
	margin-top:-5px;
	background:url("../images/img_roommate.gif") right bottom no-repeat;
}
#roommate input{
	width:300px; height:18px;
	padding:4px 8px 0 8px;
	border:1px solid #000;
	margin:4px 0 4px 7px; 
}
#roommate .btn{
	border:none;
	padding:0px 2px 0 2px;
	width:70px; height:24px;
}
#roommate label{
	color:#000;
	font-size:14px; font-weight:bold;
	padding:5px 10px 0 7px; 
}
.btnCancelAdd{
	padding-right:21px;
}
#chooseRoommate{
	width:210px; height:86px;
	overflow-y:auto;
	border:1px solid #000;
	margin:5px 0 5px 5px;
}
#registerTextTop{
	width:682px; height:182px;
	margin:0 0 0 11px;
	background:url("../images/bg_registerTextTop.gif") right bottom no-repeat;
}
#registerTextTop h1{
	font-size:26px; color:#000099;
	margin:8px 0 0 14px;
	float:left;
}
#registerTextTop p {
	width:631px;
	color:#000000; font-size:14px; font-weight:bold;
	position:relative !important;
	left:13px; top:8px;
	float:left;
}
#registerTextBottom2{
	width:682px; height:471px;
	margin-top:5px;
	padding:5px 0 0 10px;
	background:url("../images/bg_registerTextBottom2.gif") right top no-repeat;
	position:relative; float:left;
}
#registerTextBottom2 h1{
	font-size:26px; color:#000099;
	width:640px;
	margin:8px 0 0 14px;
	float:left;
}
#registerTextBottom2 p {
	color:#000000;
	float:left;
	font-size:14px;
	font-weight:bold;
	left:13px;
	position:relative !important;
	top:8px;
	width:611px;
}
#registerTextBottom{
	width:682px; height:471px;
	padding:5px 0 0 10px;
	background:url("../images/bg_registerTextBottom.gif") right bottom no-repeat;
	position:relative; float:left;
}
#registerTextBottom h1{
	font-size:26px; color:#000099;
	width:640px;
	margin:8px 0 0 14px;
	float:left;
}
#contact{
	width:682px; height:349px;
	padding:5px 0 0 10px;
	background:url("../images/bg_contact.gif") right bottom no-repeat;
	position:relative; float:left;
}
#faq{
	width:682px; height:650px;
	padding:5px 0 0 10px;
	background:url("../images/bg_faq.gif") right bottom no-repeat;
	position:relative; float:left;
}
#faq ul{
	width:652px;
	padding-top:15px;
	list-style-type:decimal;
}
#faq li{
	margin-left:35px;
	font-size:18px; font-weight:bold;
}
.faqFont{
	font-size:15px; font-weight:bold;
}
#freeTrialBox{
	width:275px; height:280px;
	position:absolute;
	top:77px; right:34px; 
}
#freeTrialBox h1, h2{
	font-size:37px; font-weight:bold; 
	color:#000;
}
#freeTrialBox h1{
	width:300px;
}
#freeTrialBox h2{
	font-size:38px !important;
	font-weight:normal;
	text-align:center; 
}
#formWrapper{
	width:340px; height:400px;
	float:left;
	padding:10px 0 0 20px;
}
#formWrapper input{
	margin-left:3px !important;
}
.inputWidth2{
	width:241px !important;
}
.inputWidth3{
	width:127px !important;
}
.txt2{
	font-weight:bold;
}
.paddingLeft3{
	padding-left:3px;
}
.paddingbottom3{
	padding-bottom:3px;
}
.skipEmail{
	text-decoration: underline;
	font-style:italic;
}
.skipEmail:hover{
	text-decoration: none;
	font-style:italic;
}
#txtboxLeft{
	background:url("../images/bg_txtbox.gif") left top no-repeat;
	float:left;
	font-size:13px;
	font-weight:bold;
	height:23px;
	padding:0 0 0 10px;

}
#formWrapper input, select{
	border:0px solid #fff;
	margin-top:3px;
	float:left;
}
.selectTop{
	border:1px solid #000;
	width:261px !important; height:22px;
	margin-top:1px;
}
#formWrapper p{
	color:#000;
	font-size:12px;
	font-weight:normal;
	position:relative;
	top:0; left:0; 
}
#txtboxRight{
	background:url("../images/bg_txtbox.gif") right bottom no-repeat;
	float:left;
	height:23px;
	width:8px;
}