/* CSS Document for MAILTXT desktop pjones */
*{
	margin:0;
	padding:0;
}
body, html{
	width:100%;
	height:100%;
	text-align:center;
	background-color: #fe6601;
}
img{
	border:0;
}
a {
	color: #350604;
	font:bold 11px/1 Arial, sans-serif;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* The terms and conditions pop up */
div.terms {
	width:90%;
	height:100%;
	margin: 0px 10px 0 10px;
	font: 12px/1 Arial, sans-serif;
	text-align:left;

}
div.terms h1 {
	font: bold 28px/1 Arial, sans-serif;
	color: #928;
	margin: 0px 0 0 0;
}
div.terms h2 {
	font: 18px/1 Arial, sans-serif;
	color: #928;
	margin: 7px 0 0 0;
}
#bodyoverall{
	margin: 10px auto;
	width: 470px;
	height: 600px;
	text-align:left;
	background-color: #ffe7d2;
}

/* The header*/

#logoContainer{
	display:block;
	float: left;
	width:108px;
	height:49px;
	margin: 10px 0 0 10px;
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
}


/* Top Navigation bar*/

div#topnav{
	clear: both;
	margin: 0px 0 0 0px;
	height: 30px;
	background-color:#fe6601;
}
div.nav1, div.nav2, div.nav3, div.nav4, div.nav5 {
	float: left;
	height: 30px;
}
div.nav1{
	width: 52px;

}
div.nav2{
	width: 49px;

}
div.nav3{
	width: 70px;

}
div.nav4{
	width: 81px;

}
div.nav5{
	width: 44px;

}
div.nav1 A, div.nav2 A, div.nav3 A, div.nav4 A, div.nav5 A {
	display: block;
	padding: 0px;
	margin: 0px;

	width: 100%;
	height: 100%;
	color: #ffe7d2;
	font: bold 12px/1 Arial;
	text-decoration: none;
}

div.nav1 A:hover, div.nav1ON a { background-color: #ffe7d2; color:#350604;}
div.nav2 A:hover, div.nav2ON a { background-color: #ffe7d2; color:#350604;}
div.nav3 A:hover , div.nav3ON a { background-color: #ffe7d2; color:#350604;}
div.nav4 A:hover , div.nav4ON a { background-color: #ffe7d2; color:#350604;}
div.nav5 A:hover , div.nav5ON a { background-color: #ffe7d2; color:#350604;}

div.nav1 span, div.nav2 span, div.nav3 span, div.nav4 span, div.nav5 span {
	display: block;
	margin: 0px;
	padding: 9px 0 0 0;
	text-align: center;
}
div.loginbox{
	float:right;
	width: 90px;
	height: 75px;
	margin: 0px 5px 0 0;
	font: bold 11px/1 Arial, sans-serif;
	color: #fe6601;
	text-align: right;
	text-decoration: none;
	line-height:120%;
}
div.loginbutton {
	float: right;
	width: 75px;
	height: 20px;
}
div.loginbutton span {
	display: block;
	padding: 4px 0 0 2px;
	text-align: center;
}
div.loginbutton a {
	display: block;
	width: 75px;
	height: 20px;
	background: url(../images/LOGIN1.jpg);
	color: #ac1;
}


/* The body of the document*/

div.bodyContainer {
	float: left;
	width:450px;
	height:336px;
	margin:0px 0 0 4px;
	background: url(../images/frontpic.jpg) no-repeat 0px 0px;
 	}
div.indexrollover {
	display: block;
	height: 95px;
	width: 96px;
	margin:205px 0 0 0;
	background: none
}
div.indexrollover a {
	display: block;
	height: 95px;
	width: 96px;
	background: none
}

div.indexrollover a:hover {	
	height: 95px;
	width: 96px;
	background: url(/mail/images/signup_over.gif);
}

div#contentmid{
	clear: both;
	float: left;
	width: 450px;
	margin: 10px 0 0 10px;
	height: 420px;
}
div.loginimage{
	width: 288px;
	height: 79px;
	background: url(/mail/images/login.gif);
}
div.loginmailey{
	width: 282px;
	height: 340px;
	background: url(/mail/images/login_mailey.gif) no-repeat;
	background-position: bottom left;
}

div#smallgap{
	background-image: url(/mail/images/contmid.gif);
	background-repeat: repeat-y;
	width: 303px;
	margin: 0px 0 0 0;
	padding-left: 12px;
	padding-right: 15px;
	height: 5px;
}
div#insidecontentbox {
	width: 448px;

}
div#insidesolverbox {
	width: 270x;
}
div#overflow {
	width: 440px;
	height: 410px;
	padding-left:6px;
	overflow: auto;
}
div#overflow2 {
        width: 280px;
        height: 330px;
        padding-left:6px;
        overflow: auto;
}

div.smsbalance {
	width: 288px;
	height: 22px;
	background: url(/mail/images/sms_strip.gif) no-repeat -4px 0;
	padding: 5px 0px 0px 9px;
	font: bold 11px/1 Arial, sans-serif;
	color: #fff;
}
div.world{
	width: 288px;
	height: 326px;
	background: url(/mail/images/send_sms_bckg.gif) no-repeat;
	background-position: bottom left;
}
div.worldmt{
	width: 288px;
	height: 326px;
	background: url(/mail/images/send_mailtxt_bckg.gif) no-repeat;
	background-position: bottom left;
}
div.moreinvitesmailey{
	width: 288px;
	height: 335px;
	background: url(/mail/images/moreinvites_mailey.gif) no-repeat;
	background-position: bottom left;
}
div.byemail{
	width: 288px;
	height: 23px;
	background: url(/mail/images/invite_byemail.gif) no-repeat -4px 0;
	margin: 3px 0 3px 0;
}
div.bytxt{
	width: 288px;
	height: 31px;
	background: url(/mail/images/invite_bytxt.gif) no-repeat -4px 0;
	margin: 3px 0 3px 0;
}
div.status{
	width: 288px;
	height: 31px;
	background: url(/mail/images/myinvites.gif) no-repeat -4px 0;
	margin: 3px 0 3px 0;
}
div#footbuts{
	width: 448px;
	margin: 0px 0 0 10px;
	height: 30px;
}

/* Buttons*/
div.butleftof2 {
	float: left;
	width: 219px;
	height: 30px;
	background-color: #fe6601;
}
div.butrightof2 {
	float: left;
	width: 219px;
	height: 30px;
	margin: 0 0 0 10px;
        background-color: #fe6601;
	}
div.butsingle {
	float: left;
        background-color: #fe6601;
	width: 448px;
	height: 30px;
}
div.butleftof2 A, div.butrightof2 A, div.butsingle A {
	display:block;
	width:100%;
	height:100%;
	font: bold 13px/1 Arial, sans-serif;
	color: #fff;
	text-decoration: none;
}
div.butleftof2 A {
	background: url(/mail/images/bottom_2b_1.gif) no-repeat 0px -43px;
}
div.butrightof2 A {
	background: url(/mail/images/bottom_2b_2.gif) no-repeat 00px -43px;
}
div.butsingle A {
	background: url(/mail/images/bottom_1b_2.gif) no-repeat 0px -43px;
}
div.butrightof2 A:hover, div.butleftof2 A:hover, div.butsingle A:hover {

	background: none;
        background-color: #ffe7d2;
	color:#350604;
}
div.butleftof2 span, div.butrightof2 span, div.butsingle span {
	display: block;
	padding: 9px 0 0 0;
	text-align: center;
}

input.butsingle {
	width: 438px;
	height: 30px;
	font: bold 13px/1 Arial, sans-serif;
	color: #fff;
        background-color: #fe6601;
	text-decoration: none;
	border: none;
}
input.butsingle:hover{
	color: #350604;
}
input.butleftof2 {
	float: left;
	width: 219px;
	height: 30px;
	font: bold 13px/1 Arial, sans-serif;
	color: #fff;
        background-color: #fe6601;
	text-decoration: none;
	border: none;
}
input.butleftof2:hover{
        background-color: #ffe7d2;
	color: #350604;
}
input.butrightof2 {
	float: left;
	margin-left: 10px;
	width: 219px;
	height: 30px;
        background-color: #fe6601;
	font: bold 13px/1 Arial, sans-serif;
	color: #fff;
	text-decoration: none;
	border: none;
}
input.butrightof2:hover{
        background-color: #ffe7d2;
        color: #350604;

}
div.inbox {
	border: 1px black solid; 
	width: 277px; 
	height: 130px; 
	overflow: auto; 
	font: 11px/1 Arial, sans-serif; 
	margin-bottom: 0px;
}
div.inbox span {
	font: 11px/1 Arial, sans-serif; 
}
/* General formatting*/

p.small{
	font:11px/1 Arial, sans-serif;
	line-height:100%;
	margin-bottom: 5px;
	margin-top: 5px;
}
p.smallnm{
	font:11px/1 Arial, sans-serif;
	line-height:100%;
	margin-bottom: 0px;
	margin-top: 0px;
}
p.smallp{
	font:11px/1 Arial, sans-serif;
	line-height:100%;
	margin-bottom: 2px;
	margin-top: 2px;
	font:bold 11px/1 Arial, sans-serif;
	color: #928;
}
p.smallgb{
	font:11px/1 Arial, sans-serif;
	line-height:100%;
	margin-bottom: 0px;
	margin-top: 0px;
	font:bold 13px/1 Arial, sans-serif;
	color: #ac1
}
p.smallg{
	font:bold 11px/1 Arial, sans-serif;
	line-height:100%;
	margin-bottom: 2px;
	margin-top: 2px;
	color: #ac1
}
ul {
	list-style-image: url("/mail/images/bullet.gif") ;
	margin-left: 20px;
	font:11px/1 Arial, sans-serif;
	line-height:100%;
	margin-bottom: 5px


}

p.medblack{
	font:13px/1 Arial, sans-serif;
	color: #350604;
	line-height:100%;
	margin-bottom: 5px;
	font-weight: bold;
}
p.medOK{
	font:12px/1 Arial, sans-serif;
	color: #ac1;
	line-height:100%;
	margin-bottom: 5px;
	margin-top 5px;
	font-weight: bold;
}
p.medFAIL{
	font:12px/1 Arial, sans-serif;
	line-height:100%;
	color: #f22;
	margin-bottom: 5px;
	margin-top 5px;
	font-weight: bold;
}
div.downloadform span {
	font:11px/1 Arial, sans-serif;
}

input.smallin {
font-size: 8pt;
margin:1px;
}

select.smallin {
font-size: 8pt;
margin:1px;
}

textarea.contact {
font:11px/1 Arial, sans-serif; width:140px; height:60px;
margin: 2px 0 0 1px;
}

textarea.one {
font-size:11px; width:277px; height:80px; border: #000000 solid 1px;
}
textarea.two {
	font:11px/1 Arial, sans-serif; 
	width:330px; 
	height:60px;

}
div.footnotes {
	margin: 10px 0 0 10px;
	clear: both;	
	float: left;
}
div.footnotes span {
	font: bold 9px/1 Arial, sans-serif;
	color: #888;
}
div.footnotes a {
	font: bold 9px/1 Arial, sans-serif;
	color: #888;
	text-decoration: none;
}
div.footseal {
	float: right;
	margin: 5px 0 0 0 ;
}
.collapseblock {display:none}
.expandblock {display:inline}

iframe.solverFrame {
	width: 440px;
	height: 410px;
	border: 0px;
	padding-left: 6px;
}


/* for the invite page */
div#email_Container {
	font:11px/1 Arial, sans-serif;
}

div#email_Container input{
	font-size: 8pt;
}

div#sms_Container {
	font:11px/1 Arial, sans-serif;
}

div#sms_Container input{
	font-size: 8pt;
}

/* for the profiles page*/
.profile_strip  {
        background: url(/ke/images/backg_green_strip_prof.gif) no-repeat;
        margin: 5px 0 0 0px;
        height: 22px;
        width: 235px;
        overflow: hidden;
}
.profile_strip  span {
        display: block;
        padding: 3px 0 0 4px;
        font-size: 14px;
        color:#fff;
}

.prof_but a {
        margin: 5px 0 0 120px;
        display: block;
        background: url(/ke/images/backg_green_strip_prof_b1.gif) no-repeat;
        height: 22px;
        width: 87px;
        text-decoration: none;
        border: none;
        color:#fff;
        font-size: 12px;
}
.prof_but a:hover {
        background: url(/ke/images/backg_green_strip_prof_b2.gif) no-repeat;
        color:#fff;
}
.prof_but span {
	text-align: center;
        display: block;
        padding-top: 5px;
}