/* GENERAL SITE TAGS*/

* {
	padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
}
h1 {
	font-size: 26px;
	color: #003366;
	margin-bottom: 0.2em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
}
h2 {
	font-size: 16px;
	color: #003366;
	margin-bottom: 0.5em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
}
h6 
{
  font-size:12px;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal
}
.home h1 {
	color: #FFF;
}
h3, h4, h5, p, ul {
	margin-bottom: 1em;	
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a:link, a:visited {
	color: #003366;
	text-decoration: none;
	font-weight:bold;
}
a:hover {
	text-decoration: underline;
}

.level
{
	color: #2255bb;

}







/* MISC CUSTOM CLASSES*/

.clear {
	clear: both;
	/* changed to 1px*/
	height: 1px;
	font-size: 0px;
	line-height: 0px;
}
.tight {
	margin-bottom: 0.2em;
}
.nobreak {
        white-space: nowrap;
}
.rule {
	background-color: #4886AB;
	height: 1px;
	margin-top: 25px;
	margin-bottom: 25px;
	clear: both;
	font-size: 0px;
}

.flyout
{
    margin-top:20px; 
    border:1px,solid,blue; 
    background-image:url(../images/flyout.jpg); 
    background-repeat: no-repeat; 
    background-color:White; 
    width:525px; 
    height:380px; 
    padding:10px;
}



/* HEADER */

#wrapper-header {
	background-color: #003366;
	background-image: url(../images/tile-header.jpg);
	background-repeat: repeat-x;
}
#header {
	height: 74px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index:201;
	background-image: url(../images/header-bg.jpg);
	background-repeat: no-repeat;
}
#header .logo {
	position: absolute;
	left: 16px;
	top: 18px;
}








/* MAIN NAVIGATION */

#navigation {
	height: 55px;
	width: 650px;
	position: absolute;
	right: 1px;
	bottom: 1px;
}
#navigation ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#navigation li {
	display: inline;
}
#navigation a {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height:55px;
	display: block;
	float: left;
}

/* currently select states, controlled by body class tag */
#enterprise a{
	width: 113px;
	height:55px;
	background-image:url(../images/jumbleme_nav4.gif);
	background-position:0 0;
}

#enterprise a:hover {
	background-position:0 -55px;
	}

#register a {
	width: 59px;
	height:55px;
	background-image:url(../images/jumbleme_nav4.gif);
	background-position:-113px 0;
}

#register a:hover {
	background-position:-113px -55px;
	}

#tour a {
	width: 46px;
	height:55px;
	background-image:url(../images/jumbleme_nav4.gif);
	background-position:-172px 0;
}

#tour a:hover {
	background-position:-172px -55px;
}

#features a {
	width: 45px;
	height:55px;
	background-image:url(../images/jumbleme_nav4.gif);
	background-position:-218px 0;
}

#features a:hover {
	background-position:-218px -55px;
}

#downloads a {
	width: 76px;
	height:55px;
	background-image:url(../images/jumbleme_nav4.gif);
	background-position:-263px 0;
}

#downloads a:hover {
	background-position:-263px -55px;
}

#faq a {
	width: 30px;
	height:55px;
	background-image:url(../images/jumbleme_nav4.gif);
	background-position:-339px 0;
}

#faq a:hover {
	background-position:-339px -55px;
}

#help a {
	width: 35px;
	height:55px;
	background-image:url(../images/jumbleme_nav4.gif);
	background-position:-369px 0;
}

#help a:hover {
	background-position:-369px -55px;
}

#support a {
	width: 62px;
	height:55px;
	background-image:url(../images/jumbleme_nav4.gif);
	background-position:-404px 0;
}

#support a:hover {
	background-position:-404px -55px;
}

#log_in a 
{
    margin-left:22px;
	width: 40px;
	height:55px;
	background-image:url(../images/jumbleme_nav4.gif);
	background-position:-480px 0;
}

#log_in a:hover {
	background-position:-480px -55px;
}

#log_out a {
	width: 43px;
	height:55px;
	background-image:url(../images/jumbleme_nav4.gif);
	background-position:-526px -110px;
}

#log_out a:hover {
	background-position:-526px -165px;
}

#contact a {
	width: 60px;
	height:55px;
	background-image:url(../images/jumbleme_nav4.gif);
	background-position:-520px 0;
}

#contact a:hover {
	background-position:-520px -55px;
	
}

#webmail a 
{
    width: 60px;
    height:55px;
    background-image:url(../images/jumbleme_nav4.gif);
	background-position:-580px 0;
}

#webmail a:hover 
{
    background-position:-580px -55px;
	
}

/* MASTER SITE WRAPPERS */

#wrapper {
/*	background-image: url(../images/tile-bg.jpg); */
	background-image: url(../images/page-gradient.jpg);
	background-repeat: repeat-x;
	min-height:180px; 
}
.home #wrapper {
	background-image: url(../images/tile-bg-home.jpg);
}

.corp #wrapper {
	background-image: url(../images/corp_bg.jpg);
}

#wrapper-content {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
/*	background-image: url(../images/page-gradient.jpg); */
	background-repeat: no-repeat; 
	position: relative;
	min-height: 500px;
}
.home #wrapper-content {
	background-image: url(../images/page-gradient-home.jpg);
}

.corp #wrapper-content {
	background-image: url(../images/page-gradient-corp.jpg);
	background-position:top;
}


/* MEMBER LOGIN BAR */

#loginbar {
	background-image: url(../images/login-tab.gif);
	background-repeat: no-repeat;
	height: 29px;
	background-position: 301px 0px;
	position:relative;
	z-index:202;
}
.home #loginbar {
	background-image: url(../images/login-tab.gif);
}
#login {
	font-size: 11px;
	color: #FFF;
	position: absolute;
	left: 330px;
	top: 5px;
	z-index:202;
}
#login .accent {
	font-weight: bold;
	color: #D4E300;
	margin-right: 7px;
}
.login-field {
	border: 1px solid #003366;
	width: 115px;
	font-size: 10px;
	padding: 1px;
	margin-right: 7px;
}







/* HOMEPAGE BANNER */

#banner {
	position: relative;
	padding-top: 30px;
	padding-right: 405px;
	padding-bottom: 0px;
	padding-left: 30px;
}
#banner .screenshot {
	position: absolute;
	top: 10px;
	right: 35px;
}
#banner p {
	line-height: 17px;
	font-size:12px;
}


#banner ul {
	line-height: 20px;
	padding-left:40px;
	font-size:12px;
	list-style-image:url(../images/Check-bullet.png);
}
#banner li 
{
    font-weight:bold;
    padding-left:20px;
    line-height:150%;
    font-size:small;
}

.carousel_container{
height:420px;
overflow:hidden;
position:absolute;
right:-30px;
top:-120px;
width:450px;
z-index:2;
	}

.carousel_container img{
z-index:-1;
position:absolute;
}

/* HOMEPAGE SPOTLIGHTS */

#spotlights {
	height: 157px;
	width: 850px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #4886AB;
	background-image: url(../images/spotlights-panel-home.jpg);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding: 25px;
	font-size: 12px;
}
#spotlight01 {
	float: left;
	margin-right:30px;
	width:180px;
	background-image: url(../images/icon-talking-head.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	height: 160px;
	position: relative;
}
#spotlight02 {
	float: left;
	margin-right:30px;
	width:190px;
	background-image: url(../images/icon-envelope-globe.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	height: 160px;
	position: relative;
}
#spotlight03 {
	float: left;
	margin-right:30px;
	width:205px;
	background-image: url(../images/icon-lock.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	height: 160px;
	position: relative;
}
#spotlight04 {
	float: left;
	width:180px;
	background-image:url(../images/key_chain.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	height: 160px;
	position: relative;
}
#spotlight01 h2 {
	margin-left: 65px;
	margin-top: 17px;
	margin-bottom: 17px;
}
#spotlight02 h2 {
	margin-left: 55px;
	margin-top: 17px;
	margin-bottom: 17px;
}
#spotlight03 h2 {
	margin-left: 50px;
	margin-top: 17px;
	margin-bottom: 17px;
}
#spotlight04 h2 {
	margin-left: 40px;
	margin-top: 17px;
	margin-bottom: 17px;
}
#spotlights .more {
	position: absolute;
	bottom: 0px;
	left: 0px;
}






/* MAIN CONTENT AREA */

#content {
	padding-top: 30px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 30px;
}

#content ul, #content ol{
	padding-left:20px;
	margin-bottom:10px;
}

#content ul li, #content ol li{
	margin-bottom:10px;
}

#content-left {
	float: left;
	width: 520px;
}
#content-right {
	float: right;
	width: 254px;
	background-image: url(../images/sidebar-panel.jpg);
	background-repeat: no-repeat;
	padding: 20px;
}

.corp #content-right {
	background-image: url(../images/corp-sidebar-panel.jpg);
}

#content-left p {
	line-height: 1.3em;
}

#content-left h2 {
	margin-bottom: 1em;
}

#content-left ul{
	padding-left:20px;
}


#content-left ul li, #content-left ol li{
	margin-bottom:10px;
}

/* SERVICES LIST */

.service-list {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 55px;
	font-weight: bold;
	margin-bottom:20px;
}
.service-list.service01 {
	background-image: url(../images/icon-locked-envelope.gif);
	background-position:left center;
	padding-top:7px;
}
.service-list.service02 {
	background-image: url(../images/icon-computer.gif);
	background-position:left center;
	padding-top:7px;
}
.service-list.service03 {
	background-image: url(../images/icon-calendar.gif);
	background-position:left center;
}
.service-list.service04 {
	background-image: url(../images/icon-sheild.gif);
	background-position:left center;
	padding-top:7px;
}







/* FEATURES LIST */

.feature-list {
	margin-left: 21px;
	list-style-image: url(../images/bullet-arrow.gif);
	margin-bottom: 35px;
}
.feature-list li {
	margin-bottom: 1em;
}








/* UNORDERED LISTS (that aren't a part of navigation) */

ul.list {
	margin-bottom: 1em;
	margin-left: 15px;
	list-style-type: disc;
}
.list li {
	margin-bottom: 0.5em;
}
ul.list ul {
	margin-left: 20px;
}







/* FOOTER */

#footer-wrapper {
	font-size: 10px;
	color: #666;
	padding-top: 15px;
	padding-bottom: 50px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #4886AB;
}
#footer-left {
	float: left;
	width: 550px;
	margin-left: 10px;
}
#footer-right {
	text-align: right;
	float: right;
	width: 250px;
	margin-right: 15px;
}
#footer-wrapper a:link, #footer-wrapper a:visited {
	font-weight: normal;
	color: #666;
}
#footer-left a:link, #footer-left a:visited {
	margin-left:5px;
	margin-right:5px;
}


/*******
********
********

ADDED FOR THE NEW LOGIN PAGES

*******
********
********/

/* used to push down content on the login pages */
.login #content {
	padding-top: 60px; 
}

.login #login_form{
	width:240px;
	float:left; 
	
}

.login #login_form label{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#656565;
	float:left;
	clear:left;
}


.login #login_form input{
	float:left;
	border:solid 1px #656565;
	clear:left; 
	padding:3px; 
	width:194px;
	margin-bottom:10px;
	font-size:16px;
	color:#333333;
}

.login #login_form .login_but{
	float:right;
	border:none;
	clear:left;
	width:auto;
}

.forgot_pass{
	font-size:10px;
	clear:left;
	float:left;
	text-decoration:underline !important;
	}
	
.login #login_comments{
	position:relative;
	width:300px;
	float:right;
	height:250px;
	top: 0px;
	left: 0px;
}
	
.error{
	position:absolute;
	top:105px;
	}
	
.error p{
	display:block;
	padding:20px;
	background-color:#FFE672;
	border:solid 1px #FF0000;
	color:#333333;
	line-height:14px !important;
	margin-left:18px;
}



.login_nav{
	list-style:none;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	margin-left:20px;
}

.login_nav li{
	line-height:30px;
	}
	
.login_nav li a{
	font-weight:normal;
}

/*******
********
********

Compose PAGES

*******
********
********/
.compose .leftpanel
{
	left:0px;
	top:100px;
	position:absolute;
	width:200px;
}
.compose .rightpanel
{
	left:200px;
	top:100px;
	position:absolute;
}

.compose .inputpanel
{
	float:left;
	border:solid 1px #656565;
	clear:left;
	padding:3px;
	width:600px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	font-size:16px;
	color:#333333;
}

.compose .inputstyle
{
	float:left;
	border:solid 1px #656565;
	clear:left;
	width:294px;
	font-size:16px;
	color:#333333;
}
.compose .tableleft
{
	width:100px;
}
.compose .optionstable
{
	width:600px;
	padding:3px;
	background-color:#e0e0e0;
	border:solid 1px #656565;
	font-size:10px;
	color:#333333;
	margin-bottom:20px;
	position:absolute;
	top:149px;

}
.compose .optionstable td
{
	text-align:center;
	padding:10px;
	vertical-align:top;

}
.compose .encrsection
{
	width:606px;
    position:absolute;
    top:500px;

}
.compose .encrbox
{
padding:3px;
	border:solid 2px #cc6666;
	font-size:12px;
	color:#333333;
	margin-bottom:20px;

}
.compose .filesection
{
    position:absolute;
    top:950px;
}
.compose .filebox
{

    border:solid 1px blue;
    width:605px;
    height:80px;
}

.compose .filename
{
    font-size:small;
    font-weight:normal;
    display:none;
}
.compose .close
{
    margin-top:5px;
    padding-left:5px;
    width:15px;
    height:15px;
}
.compose .uploadbutton
{
    margin:10px;
}
.compose .filebox td
{
    padding-left:10px;
    vertical-align:middle;
}

.compose #Attachments1__Progress
{
    top:-50px;
    left:150px;
    position:absolute;
    border:1px,solid,red;
    background-image:url(../images/downback.gif);
    background-position:left,top;
    padding-top:5px;
    padding-left:10px;
    background-repeat:no-repeat;
}

.compose .commandbox
{
    position:absolute;
    top:1080px;
}
.compose #passwordbox
{
	padding-top:3px;
	padding-left:10px;
    margin-bottom:-3px;
}
.compose #Readlimitlist
{
	font-size:10px;
	height:20px;
}
.compose #Calendar1
{
	margin-top:30px;
	z-index:500;
    
}
.compose .upgradeprompt
{
	top:100px;
	width:170px;
	padding:10px;
	position:absolute;
    background-color:Blue;
    color:White;
    font-size:14px;
}
.compose .plainhint
{
	
	top:250px;
	width:170px;
	padding:10px;
	position:absolute;
    background-color:Blue;
    color:White;
    font-size:14px;
}
.compose .browserwarn
{
	
	top:1px;
	width:170px;
	padding:10px;
	position:absolute;
    background-color:Blue;
    color:White;
    font-size:14px;
}

.compose .encrhint
{
	display:none;
	top:600px;
	width:170px;
	padding:10px;
	position:absolute;
    background-color:Blue;
    color:White;
    font-size:14px;
}
.compose .filehint
{
	display:none;
	top:990px;
	width:170px;
	padding:10px;
	position:absolute;
    background-color:Blue;
    color:White;
    font-size:14px;
}
.compose .filewarn
{
    display:none;
	top:100px;
	left:5px;
	position:absolute;
    background-color:Red;
    color:White;
    font-size:12px;
}
.compose .passhint
{
	display:none;
	top:500px;
	width:170px;
	padding:10px;
	position:absolute;
    background-color:Blue;
    color:White;
    font-size:14px;
}
.compose #SendNow
{
    border-style:solid;
    border-color:Red;
    border-width:thin;
}

.compose .help{
	position:relative;
}

.compose .help a{
background:url(../images/question_icon.gif);
height:20px;
width:19px;
display:block;
margin-top:-20px;
float:right;
}

.compose .help a span{
	display:none;
	}
	
.compose .disablecheck
{
    margin-top:33px;
}

.compose .tab
{
    font-size:16px; 
    padding-left:3px;
    padding-right:3px;
    padding-top:3px;
}
.compose .calclose
{
    margin-bottom:-7px;
    padding-left:70px;
}
	
.compose .menu
{
   border-bottom-style: solid; 
   border-bottom-width: medium; 
   border-bottom-color: #C0C0C0;
   height:42px;
   padding-left:0px;
   display:none;

}
.compose .menu .menubutton
{
	background-image: url('../images/tab1.gif');
	background-position: center;
	background-repeat: no-repeat;
	background-color:Transparent;
	width:100px;
	height:30px;
	padding-top:15px;
	text-align:center;
	vertical-align:middle;
	color:White;
	font-size:16px;
	text-decoration:none;
	
}
.compose .menu .selectedbutton
{
    background-image: url('../images/tab2-2.gif');
	background-position: center;
	background-repeat: no-repeat;
	background-color:Transparent;
	width:100px;
	height:30px;
	padding-top:15px;
	text-align:center;
	vertical-align:middle;
	color:Black;
	font-size:16px;
	text-decoration:none;
}

/*******
********
********

ADDED FOR THE NEW SIGNUP PAGES

*******
********
********/

#progress{
	margin:0 109px 20px 109px;
	}

/* used to push down content on the login pages */
.signup #content {
	padding-top: 60px;
}

.signup #content-left{
	margin:0 auto;
	float:none;
}

.signup #login_form{
	width:240px;
	float:left;
}
.signup .checkboxtext
{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#656565;
	
}
.signup .checkbox
{
	float:left;
}
.signup label{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#656565;
	width:200px;
	float:left;
	clear:left;
}

.signup .jumble_email{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#656565;
	width:auto;
	float:none;
	clear:none;
	margin-left:10px;
	line-height:22px;
}

.signup .inputstyle{
	float:left;
	border:solid 1px #656565;
	clear:left;
	padding:3px;
	width:194px;
	margin-bottom:10px;
	font-size:16px;
	color:#333333;
}

.signup textarea{
	width:200px;
	padding:3px;
	width:194px;
	border:solid 1px #656565;
	float:left;
	color:#333333;
	clear:left;
}

.signup select{
	float:left;
	border:solid 1px #656565;
	clear:left;
	padding:3px;
	margin-bottom:10px;
}

.signup .login_but{
	float:right;
	border:none;
	clear:left;
	width:auto;
    margin-bottom:10px;
}

.signup fieldset{
	border:none;
	margin-bottom:20px;
	}

.signup fieldset p{
	font-size:12px;
	color:#656565;
	clear:left;
	}

.signup .help{
	position:relative;
}

.signup .help a{
background:url(../images/question_icon.gif);
height:20px;
width:19px;
	display:block;
	float:right;
	margin-top:20px;
}

.signup .help a span{
	display:none;
	}
	
.comment
{
    
	position:absolute;
	right:-310px;
	top:20px;
	width:290px;
	}

*html .comment{
	right:-110px;
}

.comment p
{
    font-weight:bold;
	display:block;
	padding:20px;
	background-color:#11AFF4;
	color:#FFFFFF !important;
	line-height:14px !important;
	margin-left:18px;
	width:190px;
	clear:none !important;
	}
	
.signup #login_comments{
	position:relative;
	width:260px;
	float:right;
	height:250px;
	}
	
.captcha
{
    position:relative;
    width:19px;
    height:19px;
    margin-right:0px;
    padding-bottom:10px;
	background-image:url(../images/Redo.png);
	background-repeat:no-repeat;
	float:right;
	}
	
.signup .terms label{
	font-size:12px;
	float:left;
	width:190px;
	}
	
.signup .terms input{
	float:left;
	border:none;
	clear:right;
	width:auto;

}

.signup .check_now{

	width:76px;
	height:18px;
	display:block;
	float:right;
	margin:0px 0px 0 10px;
	}

.signup .check_now span{
	display:none;
	}

.red{
	color:#FF0000;
	font-style:italic;
	}
	
	.signup .freecommment
{
    left:260px;
    position:absolute;
}
.signup .freecommment p
{
    font-weight:bold;
	display:block;
	padding:20px;
	margin-top:-20px;
	background-color:#11AFF4;
	color:#FFFFFF !important;
	line-height:14px !important;
	margin-left:18px;
	width:190px;
	clear:none !important;
}

/*******
********
********

ADDED FOR THE NEW CONTACT PAGES

*******
********
********/


/* used to push down content on the login pages */
.contact #content-left {
	padding-top: 60px;
}

.contact #content-left{
	margin:0 auto;
	float:left;
}

.contact #contact_form{
	width:440px;
	float:left;
}

.contact  #contact_form label{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#656565;
	width:200px;
	float:left;
	clear:left;
}

.contact #contact_form input{
	float:left;
	border:solid 1px #656565;
	clear:left;
	padding:3px;
	width:194px;
	margin-bottom:10px;
	font-size:16px;
	color:#333333;
}

.contact #contact_form textarea{
	width:200px;
	padding:3px;
	width:194px;
	border:solid 1px #656565;
	float:left;
	color:#333333;
	clear:left;
}

.contact #contact_form select{
	float:left;
	border:solid 1px #656565;
	clear:left;
	padding:3px;
	margin-bottom:10px;
}

.contact #contact_form .contact_but{
	float:left;
	border:none;
	clear:left;
	width:auto;
}

.contact #contact_form fieldset{
	border:none;
	margin-bottom:20px;
	}

.contact #contact_form fieldset p{
	font-size:12px;
	color:#656565;
	clear:left;
	}

	
.contact #contact_form #contact_comments{
	position:relative;
	width:260px;
	float:right;
	height:250px;
	}
	
.contact_errorbox 
{
	display:none;
	border: medium groove #0000FF; 
	padding-left:20px; 
	padding-right:20px; 
	margin-left:30px; 
	width:200px; 
	text-align:center; 
	background-color: #FFFF00; 
	position:absolute; 
	top:350px; left:300px;
}
	
/*******
********
********

ADDED FOR THE NEW CONTACT PAGES

*******
********
********/


/* used to push down content on the login pages */
.how_to #content-left {
	/*padding-top: 60px;*/
}

.how_to #content-left{
	margin:0 auto;
	float:left;
}

/* Reader */
.decodedbox
{
    width:600px; 
    height:500px; 
    overflow: auto;

}
.decodedsecure
{
    width:600px; 
    height:500px; 
    overflow: auto;
}

/* Compose */


.statusbox
{
	display:none; 
	overflow:hidden;
	border: medium groove #0000FF; 
	background-position: grey; 
	position:fixed; z-index:2000; 
	top:30%; width:320px; height:200px; 
	background:grey; background-color: #CCCCCC; 
	left: 30%;
}	

#statusbox 
{
    display:none; 
	overflow:hidden;
	border: medium groove #0000FF; 
	background-position: grey; 
	z-index:2000; 
    width:320px; height:200px; 
	background:grey; background-color: #CCCCCC; 
}
* html #statusbox { /*\*/position: absolute; top: expression((100 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); right: expression((200 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ } 

#divwrapper2 > #statusbox { position: fixed; top: 20%; right: 30%; } 

.previewbox
{
    padding:5px;
	overflow:hidden;
	border: medium groove #0000FF; 
	position:fixed; z-index:2000; 
	width:700px;

	
}

#previewbox { overflow:hidden; padding:5px; background-color:White; border:medium groove #0000FF; width:700px;  z-index: 2000; } 

* html #previewbox { /*\*/position: absolute; top: expression((50 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); right: expression((100 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ } 

#divwrapper > #previewbox { position: fixed; top: 50px; right: 100px; } 



.previewbox .hrsm
{
    color:#00C;background-color:#00C;height:1px;border:none;width:80%;margin-left:auto;margin-right:auto;
}
.helpbox
{
}
.helpbox p
{
    padding:5px;
    background-color:Yellow;
    border:solid 1px blue;
}
.compose .help
{
    background-color:#d7e4ec;
}
    
/* Grey out code */
 #PopUpBackGround
{
    z-index: 1400;
    height: 100%;
    width: 100%;
    filter: alpha(opacity=20);
    opacity: 0.2;
    display: none;
    background: #333;
    padding-top: 15%;
    padding-left: 15%;
    position: fixed; top:0px; right: 0px;

}


#PopUpBackGroundImage
{
    z-index: 1500;
    position: fixed;
    top:40%;
    margin-bottom:auto;
    left:20%;
    margin-right:auto;
    height: 70px;
    width: 150px;
    text-align:center;
    display: none;
    padding-left:20%;
    padding-top:10%;
  

}
#offerbox 
{
    display:none; 
	overflow:hidden;
	border: medium groove #0000FF; 
	z-index:2000; 
    width:320px; height:200px; 
    background-color:Gray;
    color:White;
	
}
* html #offerbox { /*\*/position: absolute; top: expression((100 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); right: expression((200 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ } 

#divwrapper2 > #offerbox { position: fixed; top: 20%; right: 30%; } 


/* Corp */
.Fieldbox
{
    margin-top:50px;
}
.readerbox
{
    padding:5px;
	overflow:auto;
	border: medium groove #0000FF; 
	background-position: grey; 
	position:fixed; z-index:2000; 
	width:700px;
	display:none;
	background:grey; background-color: #C0C0C0; 
	position: fixed; top: 15%; left:10%; 
	height:400px;
}

/* Myaccount */
.myaccount
{
    font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#656565;
}

.myaccount #maindash
{
    height:700px;
}
.myaccount .menu
{
   border-bottom-style: solid; border-bottom-width: thin; border-bottom-color: #C0C0C0;
   height:42px;
   padding-left:30px;
   display:none;

}
.myaccount .menu .menubutton
{
	background-image: url('../images/tab1.gif');
	background-position: center;
	background-repeat: no-repeat;
	background-color:Transparent;
	width:100px;
	height:30px;
	padding-top:15px;
	text-align:center;
	vertical-align:middle;
	color:White;
	font-size:16px;
	text-decoration:none;
	
}
.myaccount .menu .selectedbutton
{
    background-image: url('../images/tab2-2.gif');
	background-position: center;
	background-repeat: no-repeat;
	background-color:Transparent;
	width:100px;
	height:30px;
	padding-top:15px;
	text-align:center;
	vertical-align:middle;
	color:Black;
	font-size:16px;
	text-decoration:none;
}

.myaccount #panel1
{
	top:150px;
	position:absolute;
	width:400px;
	left:50px;
	height:190px;
	border-right-style:groove;
	border-right-width:thin;
    font-size:18px;
    font-weight:bold;

}
.myaccount #panel2
{
	top:150px;
	position:absolute;
	width:400px;
	left:450px;
	height:190px;
    padding-left:20px;
}
.myaccount #panel3
{
	top:360px;
	position:absolute;
	width:380px;
	left:50px;
	height:430px;
	border-right-style:groove;
	border-right-width:thin;
	padding-top:0px;
	padding-right:10px;
	padding-left:10px;
	overflow:auto;
}

.myaccount #panel4
{

	top:360px;
	position:absolute;
	width:400px;
	left:450px;
	height:430px;
	padding-left:40px;
}
.myaccount #breaker
{
	top:347px;
	left:75px;
	position:absolute;
	height:3px;
	width:750px;
	border-bottom-style:groove;
	border-bottom-width:thin;
	border-color:#C0C0C0;
}

.myaccount .reciplist
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#656565;
	width:auto;
	float:none;
	clear:none;
	margin-left:10px;
	background-color:White;
	line-height:25px;
	border-collapse:collapse;
}
.myaccount .sendbutton
{
    padding-left:10px;
    padding-right:15px;
    float:right;
}
.myaccount .listtable {
    border-collapse: collapse;
    top:80px;
    position:absolute;
    left: 10px;
}
.myaccount .listtable td
{
    padding-left:3px;
}
.myaccount .pager 
{
    top:390px;
    position:absolute;
    left:10px;
}
.myaccount .errortext
{
    top:120px;
    text-align:center;
    position:absolute;
}
.myaccount th, td {
    padding: 0;
}

.myaccount .emailview td {
padding:5px;
}
.myaccount .emailbiew table
{
border:solid 1px blue;
}

.myaccount .emailview {
width:800px;
font-size:14px;
}

/* Tour Class */
.tour
{
    font-size:16px;
}
.tour em
{
    font-size:16px;
    font-weight:bold;
    font-style:normal;
}
.tour .co
{
    color:Maroon;
    font-weight:bold;
}
.tour #Selected
{
font-weight:bolder;
width:210px;
border:solid 1px blue;
 background-color:#cde4ee;
}

.tour #menu a:hover
{
 font-weight:bolder;
width:210px;
 background-color:#cde4ee;
}

.tour #list li
{
 padding-bottom:30px;

 }
 .tour #list p
 {
 line-height:1.5em;
 }

vml\:* {
behavior: url(#default#VML);display:inline-block
}

.overview
{
	font-size: x-small; border:solid 1px black; border-collapse:collapse;
}
.overview td
{
	border: solid 1px black;
	padding:3px;
}

.landing
{
}
.landing #content {

	padding-top: 30px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 30px;
}


.landing #content-left {
    left:450px;
    position:absolute;
    width:280px;
	float: left;

}
.landing #content {
	padding-top: 60px;
}

.landing #content-left{
	margin:0 auto;
	width:550px;
	float:none;
}

.landing #login_form{
	width:240px;
	float:left;
}
.landing .checkboxtext
{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#656565;
	
}
.landing .checkbox
{
	float:left;
}
.landing label{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#656565;
	width:200px;
	float:left;
	clear:left;
}

.landing .jumble_email{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#656565;
	width:auto;
	float:none;
	clear:none;
	margin-left:10px;
	line-height:22px;
}

.landing .inputstyle{
	float:left;
	border:solid 1px #656565;
	clear:left;
	padding:3px;
	width:194px;
	margin-bottom:10px;
	font-size:16px;
	color:#333333;
}

.landing textarea{
	width:200px;
	padding:3px;
	width:194px;
	border:solid 1px #656565;
	float:left;
	color:#333333;
	clear:left;
}

.landing select{
	float:left;
	border:solid 1px #656565;
	clear:left;
	padding:3px;
	margin-bottom:10px;
}

.landing .login_but{
	float:right;
	border:none;
	clear:left;
	width:auto;
    margin-bottom:10px;
}

.landing fieldset{
	border:none;
	margin-bottom:20px;
	}

.landing fieldset p{
	font-size:12px;
	color:#656565;
	clear:left;
	}

.landing .help{
	position:relative;
}

.landing .help a{
background:url(../images/question_icon.gif);
height:20px;
width:19px;
	display:block;
	float:right;
	margin-top:20px;
}

.landing .help a span{
	display:none;
	}
	
.landing .comment
{
    
	position:absolute;
	left:300px;
	top:20px;
	width:290px;
	}

.landing *html .comment{
	right:-110px;
	
}
	.landing .freecommment
{
    left:300px;
    position:absolute;
}
.landing .freecommment p
{
    font-weight:bold;
	display:block;
	padding:20px;
	margin-top:-20px;
	background-color:#11AFF4;
	color:#FFFFFF !important;
	line-height:14px !important;
	margin-left:18px;
	width:190px;
	clear:none !important;
}

.landing #login_comments{
	position:relative;
	width:260px;
	float:right;
	height:250px;
	}
	
.landing #landing
{
width:386px;
left:10px;
position:absolute;
    top: 108px;
}
.landing #landing-med
{
width:386px;
left:10px;
position:absolute;
    top: 90px;
}
.landing ul
{
list-style-type:none;
padding-top:10px;
padding-left:0px;
margin:0px;
}

.landing li
{
background-image: url(../images/check-sm.gif);
background-repeat:no-repeat;
background-position:0em -.1em;
padding-top:10px;
padding-bottom:10px;
padding-left:2.6em;
font-size:14px;
}
.landing .top ul
{
list-style-type:circle;
 color:Red;
}
.landing .top li
{
background-image:none;

}

.demo
{
    font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	padding-top:20px;
	height:900px;
}
.demo fieldset
{
	padding:3px;
	border:none;
}
.demo label{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#656565;
	width:100%;
	float:left;
	clear:left;
}
.demo .box
{
	height:20px;
	width:200px;
	margin-bottom:20px;
}
.demo .ErrorBox
{
    display:none;
	left:90px;
	top:620px;
	position:absolute;
	background-color:#a04040;
	width:250px;
	height:auto;
	color:White;
	font-size:large;
	font-weight:bold;
	padding:10px;
}
.demo #left
{
	
	float:left;
	top:180px;
	position:absolute;
}
.demo #right
{
    float:right;
    width:300px;
    left:500px;
    position:absolute;
    top:150px;
    }
.demo .help{
	position:relative;
}

.demo .help a{
background:url(../images/question_icon.gif);
height:20px;
width:19px;
display:block;
margin-top:-30px;
float:right;
}

.demo .help a span{
	display:none;
	}
.demo .help p {
font-weight:bold;
	display:block;
	padding:20px;
	background-color:#11AFF4;
	color:#FFFFFF !important;
	line-height:14px !important;
	margin-left:18px;
	width:190px;
	clear:none !important;
	}

	
.videolink a
{
color:blue;
 text-decoration:underline;
 
}

/******
files added for the corp landing
******/

#enterpriseteaser {
	width: 200px;
	height: 100px;
	background-image: url(../images/background_enterprise_teaser.gif);
	background-repeat: no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003366;
	padding: 15px;
	margin:20px 0;
	text-align:center; 

}	

#enterprisebutton { 
	margin-left: 400px;
	margin-top:10px;
	width: 153px;
	height: 30px !important;
	display:block;
	background:url(../images/button_jm_enterprise.gif);
}

#enterprisebutton:hover { 
	background:url(../images/button_jm_enterprise_over.gif);
}

#enterprisebutton span{
	display:none;
	} 

.adminbutton {
	margin-bottom: 20px;
	
}	

.adminbutton a{
	width:120px;
	height:34px;
	display:block;
}

.adminbutton a span, .jm_enterprise_but span{
	display:none;
	}
	
.corp_enroll{
	background:url(../images/enroll.gif) no-repeat;
	}

.corp_new{
	background:url(../images/but_newacct.gif) no-repeat;
	}
	
.corp_login{
	background:url(../images/admin.gif) no-repeat;
	}
	
.corp_enroll:hover{
	background:url(../images/enroll_over.gif) no-repeat;
	}

.corp_new:hover{
	background:url(../images/but_newacct-over.gif) no-repeat;
	}
	
.corp_login:hover{
	background:url(../images/admin_over.gif) no-repeat;
	}
	
.jm_enterprise_but{
	background:url(../images/button_jme_teaser.gif) no-repeat;
	width:174px;
	height:43px;
	display:block;
	margin:20px 10px 10px 10px;
	}
	
.jm_enterprise_but:hover{
	background:url(../images/button_jme_teaser_over.gif) no-repeat;
	}
	
.corpfiltersheader
{ 
 border-bottom:solid 1px blue;
 padding:5px; 
  padding-bottom:20px;
}
.corpfilters
{
height:100px;
padding:5px;
}

.upgradetable td
{
	padding:5px;

}
.upgradetable
{

}
.pricing .div1
{
	top:130px;
	left:150px;
	height:150px;
	width:220px;
	position:absolute;
	background-image:url(../images/background_enterprise_teaser.gif);
	background-position:center;
	background-repeat:no-repeat;

}
.pricing .div2
{
	top:130px;
	right:150px;
	height:150px;
	width:220px;
	position:absolute;
	background-image:url(../images/background_enterprise_teaser.gif);
	background-position:center;
	background-repeat:no-repeat;
}
.pricing .div3
{
	top:350px;
	left:150px;
	height:150px;
	width:220px;
	position:absolute;
	background-image:url(../images/background_enterprise_teaser.gif);
	background-position:center;
	background-repeat:no-repeat;
}
.pricing .div4
{
	top:350px;
	right:150px;
	height:150px;
	width:220px;
	position:absolute;
	background-image:url(../images/background_enterprise_teaser.gif);
	background-position:center;
	background-repeat:no-repeat;
}
.pricing .subdiv
{
	padding:30px;
}
.price .div1
{
top:125px;
left:10%;
position:absolute;
height:400px;
width:300px;
background-image:url(../images/pricebox.gif);
background-position:center;
background-repeat:no-repeat;
 float:left;
}
.price .div2
{
top:125px;
right:10%;
position:absolute;
height:400px;
width:300px;
background-image:url(../images/pricebox.gif);
background-position:center;
background-repeat:no-repeat;
float:right;
}
.price .subdiv
{
 padding:10px;
 margin-left:20px;
 font-size:14px;
 line-height:1.5em;
}

.readhelp
{ padding:10px;
}
.readhelp img
{
	padding-left:20px;
}