/* Telecom h20  2009 */

@import "reset.css";

/* Global elements */

html,
body					{ height: 100%; }
h1 						{ font: 18px normal Arial, Helvetica, sans-serif; color: #154787; display: block; width: 100%;}
a						{ cursor: pointer; }
a.external				{ }
a:active, 
a:focus, 
button:active, 
button:focus			{ outline: none; }
input.button			{ cursor: pointer; }
strong					{ font-weight: bold; }
em						{ font-style: italic; }
.hidden					{ display: none; }

/* h20 Login screen */

body#page-login 		{ background: url(/images/global/bg-repeat.jpg) top left repeat-x #4a71a9;}

div.wrapper				{ width: 463px; margin: 0 auto; padding: 71px 0 0 0; }
div.container			{ width: 397px; height: 207px; padding: 33px 33px 33px 33px; background: url(/images/global/box-gradient.jpg) top left repeat-x #fff; }
div.container h1		{ padding: 0 0 21px 0; }

div#js-warning			{ width: 443px; margin: 10px auto 0px auto; padding: 10px; background: #fad87b; border: 1px solid #fda347; font-size: 12px; }

div.logo-container		{ width: 183px; height: 160px; line-height: 160px; float: right; }
div.logo-container a	{ display: block; overflow: hidden; }
div.login-shadow		{ height: 41px; background: url(/images/login/box-shadow.jpg) top left no-repeat; }
span.footer				{ display: block; width: 370px; float: left; }
span.footer span		{ height: 30px; line-height: 30px; }
span.footer img			{ vertical-align: middle; }
a.link-overgroup		{ display: block; width: 90px; height: 40px; float: left; overflow: hidden; background: url(/images/logo/tag-orange-small.jpg) top left no-repeat; } 
a.link-switch			{ margin-left: 5px; text-decoration: none; color: #fff; border-bottom: 1px dotted #fff; }
a.link-switch:hover		{ border-bottom: 1px solid #fff; }

/* h20 Login screen navigation */

ul.navigation 			{ height: 35px; width: 100%; background:url(/images/navigation/navigation-bg.gif) top left repeat-x; }
ul.navigation li		{ float: left; margin: 0px 2px 0 0; }
ul.navigation li a 		{ display: block; height: 35px; padding: 0 10px 0 0; background: url(/images/navigation/login-button-repeat.jpg) 0px -0px repeat-x;}
ul.navigation li a.selected 		{ background-position: 0px -35px; }
ul.navigation li a.selected:hover 	{ background-position: 0px -35px; }
ul.navigation li a:hover 			{ background-position: 0px -70px; }
ul.navigation li a span				{ display: block; height: 100%; padding: 0 0 0 32px; }
ul.navigation li a.tab-login span	{ background: url(/images/icon/nav-icon-sprites.png) 0px -1px no-repeat; }
ul.navigation li a.tab-reset span	{ background: url(/images/icon/nav-icon-sprites.png) 0px -36px no-repeat;}
ul.navigation li a.tab-selection span	{ background: url(/images/icon/nav-icon-sprites.png) 0px -108px no-repeat;}

/* h20 login forms */

fieldset			{ width: 183px; float: left; }
fieldset ul li		{ padding: 0 0 2px 0; }
input				{ width: 177px; border: 1px solid #bfc2c5; height: 18px; padding: 3px 1px 1px 3px; margin: 0 0 10px 0; background: url(/images/form/input-gradient.jpg) top left repeat-x; }
input:focus			{ border: 1px solid #154787; }
span.checkbox input { width: auto; padding: 0; margin: 3px 4px -2px 0; border: none; }
span#lblError		{ display: block; position: relative; top: -30px; left: 0px; padding: 10px 0 10px 10px; background: #fad87b; border: 1px solid #fda347; }

/*h2o input buttons */

input.button		{ width: auto; margin: 10px 0 0 10px; height: 24px; padding: 0 8px 2px 8px; border: 1px solid #bfc2c5; float: right; background: url(/images/form/button-plain.jpg) top right no-repeat;  }
input.button:hover	{ border: 1px solid #154787; }
input.button-login 	{ padding-right: 23px; background: url(/images/form/button-lock.jpg) top right no-repeat; }
input.button-reset 	{ padding-right: 23px; background: url(/images/form/button-check.jpg) top right no-repeat; }
input.button-save 	{ padding-right: 23px; background: url(/images/form/button-check.jpg) top right no-repeat; }
input.button-cancel	{ padding-right: 23px; background: url(/images/form/button-cancel.jpg) top right no-repeat; }

/* h20 Login screen font */

body				{ font: 11px normal Arial, Helvetica, sans-serif; color: #343434; }
fieldset ul li		{ font: 11px normal Arial, Helvetica, sans-serif; color: #343434; }
input				{ font: 12px normal Arial, Helvetica, sans-serif; color: #343434; }
input.button		{ font: 11px normal Arial, Helvetica, sans-serif; color: #343434; }
ul.navigation li a span				{ font: 13px normal Arial, Helvetica, sans-serif; font-weight: bold; line-height: 35px; color: #fff; }
ul.navigation li a.selected span 	{ color: #154787; }
span#lblError		{ font: 12px normal Arial, Helvetica, sans-serif; color: #343434; }
span.footer			{ font: 10px normal Verdana, Geneva, sans-serif; color: #fff; text-align: center; }
a.link-switch		{ font: 10px normal Verdana, Geneva, sans-serif; }