body {
	font-family: Segoe UI, Arial;
	font-size: 1em;
	color: white;
	background: #E4E4E4;
}

a {
    color: #55801c;
    font-size: .9em;
}

a:hover 
{
    color: #71a827;
}

#main {
	width: 800px;
	margin: 0 auto;
	background: url('../images/bg-main.png') top left repeat-y white;
}

#cutout_corner {
	height: 24px;
	background: url('../images/bg-yab_cutout_corner.jpg') 152px 0px no-repeat white;
}
	
#header {
	font-family: Arial Narrow;
	width: 100%;
	height: 96px;
	background: url('../images/header.jpg') top left no-repeat;
}
	#header .bullet {
		font-family: Trebuchet MS, Arial;
		font-weight: bold;
		color: #f08a1e;
		vertical-align: bottom;
	}
	#header #left {
		float: left;
		margin: 15px 0px 0px 200px;
		width: 275px;
		line-height: 80px;
	}
	#header #right {
		float: left;
		margin: 15px 0px 0px 0px;
		width: 325px;
		line-height: 80px;
		text-align: right;
	}
		#header #right a {
			font-size: .9em;
			padding: 4px 15px 4px 15px;
			color: white;
			font-weight: bold;
		}
		#header #right a:hover {
			color: #f08a1e;
			background: url('../images/bg-header_link.png') center center no-repeat #005aad;
		}

#watermark {
	background: url('../images/bg-yab_logo.jpg') bottom right no-repeat;
}
		
#sidebar {
	float: left;
	width: 152px;
	min-height: 300px;
	background: url('../images/bg-yab_sidebar.gif') top left no-repeat #cdeda4;
}
	#sidebar #sidebar_content {
		margin-top: 45px;
	}
		#sidebar_content .header {
			display: block;
			width: 152px;
			height: 21px;
			cursor: pointer;
		}
		#sidebar_content #nav-ap {
			background: url('../images/nav-ap_down.png') 0px 0px;
		}
		#sidebar_content #nav-ap:hover {
			background: url('../images/nav-ap_down.png') 0px 21px;
		}
		#sidebar_content #nav-ap.up {
			background: url('../images/nav-ap_up.png') 0px 0px;
		}
		#sidebar_content #nav-ap.up:hover {
			background: url('../images/nav-ap_up.png') 0px 21px;
		}
		
		#sidebar_content .container {
			margin: 3px 0px 0px 6px;
			font-size: .9em;
		}
			#sidebar_content .container .step {
				margin-bottom: 6px;
				background: #8cc63e;
				text-align: center;
			}		
				#sidebar_content .container div.step.on {
					background: #f08a1e;
				}
					#sidebar_content #ap-container div.step.on  {
						background: url('../images/step_on.png') center center no-repeat #f08a1e;
						width: 160px;
					}
					
				#sidebar_content .container .step .num {
					float: left;
					width: 20px;
					border-right: 1px solid #cdeda4;
					height: 30px;
					color: white;
					font-weight: bold;
					line-height: 30px;
				}				

				#sidebar_content .container .step .text {
					float: left;
					width: 125px;
					line-height: 30px;
					height: 30px;
				}		
		
#container {
	float: left;
}
	#container #padding {
		width: 648px;
		padding-bottom: 10px;
	}
	#container #padding #page_content {
		color: black;
		margin: 0px 10px 0px 18px;
	}

.create_account {
    display: block;
    width: 161px;
    height: 31px;
    margin: 0 auto;
    background: url('../images/create-account-button.png') center center;
}
    .create_account:hover {
        background: url('../images/create-account-button_over.png') center center;
    }
    
a.send_password 
{
    display: block;
    width: 161px;
    height: 31px;
    margin: 30px auto;
    background: url('../images/send-password-button.png') center center;
}
    a.send_password:hover 
    {
        background: url('../images/send-password-button_over.png') center center;
    }

/* Would've used an id for the login button, but couldn't :( */
/*************************************************************/
.fancy_login_button 
{
    display: block;
    width: 161px;
    height: 31px;
    margin: 0 auto;
    background: url('../images/sign-in-button.png') center center;  
}
    .fancy_login_button:hover 
    {
        background: url('../images/sign-in-button_over.png') center center;
    }
/**************************************************************/

.side_by_side 
{
    border-style: solid;
	border-width: 1px 1px 4px 4px;
	padding: 10px;
	border-color: #f08a1e;
}
    .side_by_side-left 
    {
        float: left; 
        width: 290px; 
        padding: 10px 5px 10px 0px; 
        border-right: 2px solid #CDEDA4; 
        margin-right: -2px;
        height: 300px;
    }
    .side_by_side-right
    {
        float:left; 
        width: 290px; 
        padding: 10px 0px 10px 5px; 
        border-left: 2px solid #CDEDA4;
        height: 300px;
    }
    
textfield 
{
    border: 1px solid 
}

fieldset  {
	border-style: solid;
	border-width: 1px 1px 4px 4px;
	padding: 3px;
	border-color: #f08a1e;
	margin-bottom: 20px;
}
legend  {
	height: 18px;
	font-family: Arial;
	font-size: .9em;
	color: white;
	font-weight: bold;
	padding: 0px 15px 2px 15px;
	margin: 0px 0px 0px -7px;
	background: #f08a1e;
}
	fieldset.blue legend  {
		background: #006699;
	}
	fieldset.blue  {
		border-color: #006699;
	}

.label, label {
	font-size: .8em;
}

input[type=text], input[type=password], select {
	font-size: .9em;
	border: 1px solid #4c9ac1 !important;
	padding: 1px;
}

textarea 
{
    border: 1px solid #4c9ac1 !important;
    height: 75px;
    width: 100%;
}
    textarea:hover, textarea:focus
    {
        border: 1px solid #ffc98f !important;
    }

input[type=text]:hover, input[type=password]:hover, table td input[type=text]:focus, table td input[type=password]:focus, select:hover, select:focus {
	border: 1px solid #ffc98f !important;
}
input[type=text][disabled=disabled], input[type=password][disabled=disabled] {
	background: #EEE !important;
	color: #999 !important;
}

h1 {
	color: #006699;
	font-size: 1.25em;
	margin-bottom: 1.0em;
}
h2 {
	color: #f08a1e;
	font-size: 1.25em;
	margin-bottom: 1.0em;
}
h3 {
	color: #006699;
	font-size: 1.0em;
	margin-bottom: 1.0em;
}
h4 {
	color: #f08a1e;
	font-size: 1.0em;
	margin-bottom: 1.0em;
}

p 
{
    margin-bottom: .5em;
}

input[type=button], input[type=submit], input[type=reset] {
	font-size: .9em;
	padding: 1px 10px 1px 10px;
	cursor: pointer;
}

input[type=button].sm_btn, input[type=submit].sm_btn, input[type=reset].sm_btn {
	padding: 1px 5px 1px 5px;
	cursor: pointer;
	font-size: .7em;
}

ul {
	margin-left: 15px;
	list-style-position: outside;
	list-style-image: url('../images/bullet.png');
}

ul li {
	vertical-align: 0;
}

.info 
{
    color: #f08a1e;
    font-size: .75em;
    margin-bottom: .5em;
}

.legal
{
    color: #676767;
    font-size: .75em;
    margin-top: .5em;
}

#footer {
	font-size: .8em;
	text-align: right;
	padding: 1px 10px 1px 0px;
	background: #EF841A;
}


.tabPage{
    border: 1px solid #828282;
}