@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------
LOGIN.CSS
(Tidy, FF3+, IE8, CHROME, SAFARI compatable)

	version: 1.0
	author: sean smith
	date: 12.01.09
	font-base: 12px
	template style: login form for online banking
	validates: yes, tidy
--------------------------------------------- */

/* SIDEBAR LOGIN WRAP 
----------------------------------------------------------- */
#sidebar_login_wrap {text-align:left; width:220px; margin:10px 0px 0px 25px;}
#sidebar_login_container {margin:0px;}
#sidebar_login_container .login_form {background: #FAA61A !important; height:100%; margin:0px;}
#sidebar_login_wrap .top_image {background: url(../images/login-top-image.gif) no-repeat top; vertical-align:top; width:220px; height:11px; margin:0px; padding:0px;}
#sidebar_login_wrap .base_image {background:url(../images/login-base-image.gif) no-repeat bottom; vertical-align:bottom; width:220px; height:11px; margin:0px; padding:0px;}

/* SIDEBAR LOGIN FORM ELEMENTS 
----------------------------------------------------------- */
#sidebar_login_wrap fieldset {border:0px; margin:0px; padding:0px;}
#sidebar_login_wrap .user_id, #sidebar_login_wrap .password {width:170px; height:18px; text-align:left; padding:5px; font-size:14px; line-height:18px; vertical-align:middle;}
#sidebar_login_wrap .login_button {width:183px; height:32px; text-align:left; font-size:1.25em; line-height:18px; font-weight:bold; vertical-align:middle; color:#355061; cursor:pointer; margin:0px;}

/* TEXT STYLES FOR SIDEBAR LOGIN FORM 
----------------------------------------------------------- */
#sidebar_login_wrap .login_form h1 {color:#FFF; font-size:1.5em; letter-spacing:-0.05em; line-height:.9em; padding:0px; margin:0px 0px 7px 15px; padding-top:5px;}
#sidebar_login_wrap .login_form h2 {color:#355061; font-size:1.25em; letter-spacing:-0.05em; line-height:.9em; padding:0px 0px 0px 10px; margin:-15px 0px 0px 10px; border:0px; outline:none;}
#sidebar_login_wrap #accordion h2 a{color:#355061; text-decoration:none; border:0px; outline:none;}
#sidebar_login_wrap #accordion h2 a:hover{color:#FFF; text-decoration:none; border:0px; outline:none;}
#sidebar_login_wrap #accordion ul {margin:10px 0px 0px 0px;}
#sidebar_login_wrap .login_form small {font-size:.9em; display:block; color:#355061; padding:7px; padding-top:5px; margin:0px 5px 2px 10px;}
#sidebar_login_wrap .login_form small a{ text-decoration:underline; color:#355061;}
#sidebar_login_wrap .login_form small a:hover { text-decoration:none; color: #FFF;}
#sidebar_login_wrap .login_form ul {font-size:.9em; padding:0px 0px 5px 0px;}
#sidebar_login_wrap .login_form li {padding-left:35px; line-height:1.5em;}
#sidebar_login_wrap .login_form a { text-decoration:underline; color:#355061;}
#sidebar_login_wrap .login_form a:hover { text-decoration:none; color: #FFF;}
#sidebar_login_wrap .login_form hr {width:180px; height:0px; color:#FFF; margin:0px 0px 5px 0px; border:1px thin solid;}

/* FANCY FORM STYLES FOR SIDEBAR LOGIN FORM 
----------------------------------------------------------- */
form#login {position:relative; margin-left:15px;}
div#username, div#password {position:relative;}
input#username-field, input#password-field {background:url(../images/login-input.png) no-repeat top left; width:196px; height:28px; padding:6px 0px 2px 5px; border:0px;}
input#login_button {background:url(../images/login-submit.png) no-repeat top left; border:0px; width:196px; height:28px;color:#FFF; font-weight:bold; font-size:1.25em; text-align:left; margin-bottom:10px; padding:0px 0px 0px 5px;}
input#login_button:hover {background:url(../images/login-submit.png) no-repeat bottom left; border:0px; width:196px; height:28px; color:#FFF; font-weight:bold; font-size:1.25em; text-align:left; margin-bottom:0px; padding:0px 0px 0px 5px;}
label.overlabel {color:#666; text-indent:-1000px;} /* text indent hides the labels when javascript is not enabled */
label.overlabel-apply {position:absolute; top:7px; left:7px; z-index:1; color:#666; font-weight:normal;}

/* Accordion
----------------------------------*/
.ui-accordion {background: #faa61a; border:1px solid #Faa61a; margin:-5px 0px 0px 0px; padding:0px;}
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 0px; zoom: 1; background:#faa61a;line-height:1em; }
#accordion h2 {margin:20px; 0px 0px 0px; padding-top:10px;}
#accordion h2 a {color:#355061; font-size:1em; letter-spacing:-0.05em; line-height:1em; padding:2px 0px 2px 0px; margin:0px 0px 0px 0px; border:0; outline:none; background:#faa61a; text-decoration:none; border-bottom: 0 !important;line-height:1em;}
#accordion h2 a:hover {color:#FFF; font-size:1em; letter-spacing:-0.05em; line-height:1em; padding:2px 0px 2px 0px; margin:0px 0px 0px 0px; border:0; outline:none; background:#faa61a; text-decoration:none; border-bottom: 0 !important;line-height:1em;}
#accordion ul {margin:0px 0px 0px 0px; background:#faa61a; padding:0px;}
.ui-accordion .ui-accordion-li-fix { display: inline;  background:#faa61a;}
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; background:#faa61a; line-height:1em;}
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; background:#faa61a; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: -.5em; top: 50%; margin-top: -8px; display:none; visibility:hidden; background:#faa61a; }
.ui-accordion .ui-accordion-content { padding: 0em 0em 0em 0em; border-top: 0; margin-top: 0px; position: relative; top: 2px; margin-bottom: 0px; overflow: hidden; display: none; background:#faa61a;}
.ui-accordion .ui-accordion-content-active { display: block; background:#faa61a; }