/* Website: MobileNet Workout Application Login --- */
/* Website Designed by: Newleaders.com ------------ */
/* CSS Authored by: Patrick Alcisto --------------- */
/* Created on: Dec 9, 2008 ------------------------ */
/* Modified on: Dec 13, 2008 ----------------------- */


body                         { background: #badfcd url(/images/bg.png) 0 0 repeat-x; color: #000; font-size:62.5%; font-family: Helvetica, Arial, Verdana, sans-serif; }
a:link                       { color: #005f87; }
a:visited                    { color: #ff1e00; }
a:hover                      { color: #005f87; text-decoration: none; }
acronym                      { border-bottom: 1px dashed #f60; color: #f60; }
dd                           {}
dd p                         { margin: 5px 0 10px; }
dl                           {}
dt                           { color: #363636; font: 600 1.4em/1.1em Helvetica; margin: 10px 0 0; }
p                            { color: #464646; font: 1.4em/1.3em Helvetica, Arial; margin: 18px 0; }
li                           { color: #414141; }
sup                          { font-size: 0.5em; vertical-align: super; }

h1,h2,h3,h4,h5,h6,strong { color: #414141; font-weight: bold; }
h1 { color: #fff; font: 6em/1.1em 'Calibri', Helvetica, Arial; letter-spacing: -2px; }
h2 { color: #e41a00; font: 4.8em/1.1em 'Calibri', Helvetica, Arial; letter-spacing: -2px; }
h3 { margin: 5px 0; }

#loginContainer        { margin:  0 auto; width: 484px; padding-top:100px;}
#logo                  { text-align: center; margin-bottom: 1em;}
#loginBox              { background: url(/images/loginBox.png) 0 0 no-repeat; height: 370px; width: 484px; }

#loginForm             { padding: 110px 0 0;}

/* Flash Notice Bar =========== */
div#flashNotice {
	margin: 0 auto;
  text-align: center;
  background: #3f3f3f;
}

div#flashNotice p {
	font: bold 1.5em/1.6em 'Lucida Grande', 'Lucida Sans Unicode', Arial;
  color: #ff9797;
}

div#flashNotice p img { float: left; margin-right: 8px; }
/* End Flash Notice Bar ====== */

#loginForm label,
#loginForm input { float: left; vertical-align: middle; }
#loginForm label { clear: left;	color: #7a7a7a;	font: normal 1.4em/2em 'Lucida Grande', 'Lucida Sans Unicode', Arial;	text-align: right; margin-right: 15px; text-shadow: #fff 1px 1px 1px; vertical-align: baseline; width: 70px; }

div.username { margin: 0 0 16px 72px; }
div.password { margin: 0 0 15px 72px; }
div.privacy {  margin: 0 0 15px 72px; }
div.half     { clear: both; }
div.username:after { clear: both; content:'.'; display: block; height: 0; visibility: hidden; }
div.password:after { clear: both; content:'.'; display: block; height: 0; visibility: hidden; }

#loginForm div.username input { border: 1px solid #9d9e9e; color: #000; font: bold 1.4em/1.1em 'Lucida Grande', 'Lucida Sans Unicode', Arial; height: 17px; margin: 1px; padding: 4px 4px 2px; vertical-align: middle; width: 199px; }
#loginForm div.username input:focus { border: 2px solid #aa1d23; color: #333; margin: 0; }
#loginForm div.password input { border: 1px solid #9d9e9e; color: #000; font: bold 1.4em/1.1em 'Lucida Grande', 'Lucida Sans Unicode', Arial; height: 17px; margin: 1px; padding: 4px 4px 2px; vertical-align: middle; width: 199px; }
#loginForm div.password input:focus { border: 2px solid #aa1d23; color: #333; margin: 0; }
#loginForm div.privacy label { width: auto; clear: none; vertical-align: baseline; }

/* -[ Submit/Remember Me ]- */
div.submit        { display: block; clear: both; width: 100%; }
#submit           { width: 88px; display: inline; margin-left: 200px; }

p#loginLinks      { display: block; font: 1.1em/1.1em 'Lucida Sans', 'Lucida San Unicode', Arial, Verdana; margin: 16px 0 0 180px; }
a#loginHelp       { color: #0e4055; height: 14px; margin-right: 6px; }

	a#loginHelp:hover  { color: #333; }
	a#loginHelp:active { }

/* -[ Footer ]- */
#footer                      { margin-bottom: 15px; text-align: center; }
#footer ul                   { margin: 18px auto 0; text-align: left; width: 459px; }
#footer li                   { display: inline; float: left; font: 1.1em/1.1em Helvetica, Arial; letter-spacing: -1px; margin-left: 13px; }
#footer li a                 { color: #456d7b; font-weight: bold; text-decoration: none; text-transform: uppercase; }
#footer li a:hover,
#footer li.current a         { text-decoration: underline; }


.clear { clear: both; display: block; font-size: 0; height:0; line-height: 0; margin:0; visibility: hidden; }
.cB:after { clear: both; content: '.'; display: block; height: 0; visibility: hidden; }
.cB { display: inline-block; }
/* Hide from IE/Mac \*/
* html .cB { height: 1%; }
.cB { display: block; }
/* End Hide */


/*
top navigation
*/
#top {
	margin:0 auto;
    margin-top: 19px;
	padding:0px;
	width:750px;

	}
	#logo {
	margin:0px;
	padding:0px;
	width:140px;
	float:left;
	}
#menu {
	margin:0px;
	padding:0px;
	width:600px;
	float:right;
	}
#menu a{
	margin:0px;
	padding:40px 5px 0px 5px;
	float:right;
	color:#456d7b;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	}
#menu a:hover{
	color:#a8c4b6;
	}