@import url(../common.css);

/*==========================================================================
LOGIN PAGE
===========================================================================*/
#header_login
{
	background-image: url( 'images/login_header.jpg' );
	background-repeat: no-repeat;
}
#mainContent_login
{
	background-image: url( 'images/login_bg.jpg' );
	background-repeat: no-repeat;
}
.mainContent_login_right
{
	background-image: url( 'images/login_background.gif' );
	background-repeat: no-repeat;
}
#footer_login
{
	background-image: url( 'images/login_bottom.jpg' );
	background-repeat: repeat-x;
}
#poweredlogo
{
	background-image: url( 'images/powered.jpg' );
	background-repeat: no-repeat;
}
.login_icon
{
	background-image: url( 'images/login_icon.gif' );
	background-repeat: no-repeat;
}
.login_box
{
	background-image: url( 'images/form_input_field.gif' );
	background-repeat: no-repeat;
}
.login_button
{
	background-image: url( 'images/login_button.gif' );
	background-repeat: no-repeat;
}
.refresh_button
{
	background-image: url( 'images/refresh_button.gif' );
	background-repeat: no-repeat;
}

/*==========================================================================
Welcome PAGE
===========================================================================*/
#header_welcome
{
	background-image: url( 'images/header.jpg' );
	background-repeat: no-repeat;
}
#mainContent_welcome_content
{
	background-image: url( 'images/welcome_left.jpg' );
	background-repeat: no-repeat;
}
.mainContent_welcome_right
{
	background-color:Transparent;
	background-image: url( 'images/welcome_account_bg.gif' );
	background-repeat: no-repeat;
}
/*=================================================================
ACCOUNT Data
==================================================================*/
div.thebot
{
    background-color:#7CB1D9;
    background-position:bottom;
    background-image:url('images/bluetowhitefade230.jpg');
    background-repeat: repeat-x;
}
/*=================================================================
LOGOUT Buttons
==================================================================*/
#logoutbutton
{
	background-image: url( 'images/logout_button.gif' );
	background-repeat: no-repeat;
}
/*=================================================================
MENU Items
==================================================================*/
#welcomemenu
{
	background-image: url( 'images/welcome_top_menu.jpg' );
	background-repeat:repeat-x;
}
div.welcomemenu_inside
{
	background-image: url( 'images/welcome_top_menu_inside.jpg' );
	background-repeat:repeat-x;
}

.menu_main_static
{
	color:white;
}

.menu_main_static_selected
{
	color:white !Important;
}

.menu_main_dynamic
{
	background-color:#609FD2 !important;	
}

/*=================================================================
PAGES
==================================================================*/
#mainContent_pages
{
	background-image: url( 'images/pages_bg.jpg' );
	background-repeat: repeat-x;
	background-color: #7bb1d9;
}
#footer_pages
{
	background-image: url( 'images/welcome_footer.jpg' );
	background-repeat: repeat-x;
}
.titles
{
	background-image: url( 'images/title_bg.gif' );
	background-repeat: no-repeat;
}
/*=================================================================
ROUND Boxes
==================================================================*/
.rbroundbox
{ 
	background-image:url('images/nt.gif');
	background-repeat:repeat;
}
.rbtop div
{
	background-image: url( 'images/tl.gif' );
	background-repeat: no-repeat;
	background-position: top left;
}
.rbtop
{
	background-image: url( 'images/tr.gif' );
	background-repeat: no-repeat;
	background-position: top right;
}
.rbbot div
{
	background-image: url( 'images/bl.gif' );
	background-repeat: no-repeat;
	background-position: bottom left;
}
.rbbot
{
	background-image: url( 'images/br.gif' );
	background-repeat: no-repeat;
	background-position: bottom right;
}
div.account_view_full_width
{
	background-image: url( 'images/grayGradient45px.gif' );
	background-position:center;
	background-repeat: repeat-x;
}
#select
{
	background-image: url( 'images/select_bg.gif' );
	background-repeat: no-repeat;
}
/*=================================================================
UPDATE PROFILE
==================================================================*/
#profile_contact
{
	background-image: url( 'images/grayGradient45px.gif' );
	background-position:center;
	background-repeat: repeat-x;
}
#profile_contact2
{
	background-image: url( 'images/grayGradient30px.gif' );
	background-position:center;
	background-repeat: repeat-x;
}
.profile_button
{
	background-image: url( 'images/profile_button.gif' );
	background-repeat: no-repeat;
	background-color: Transparent;
}
.profile_button_120
{
	background-image: url( 'images/profile_button_120.gif' );
	background-repeat: no-repeat;
	background-color: Transparent;
}
.profile_button_220
{
	background-image: url( 'images/profile_button_220.gif' );
	background-repeat: no-repeat;
	background-color: Transparent;
}

/*=================================================================
FIELD Styles
==================================================================*/
.popUpDiv
{
	background-color: #7bb1d9;
	border: 1px solid #000; 
	padding: 10px;	
	position: absolute;
	height: 125px;
	width: 130px;
	z-index: 10; 
	text-align:center;
 }

.popUpDivGrow
{
	background-color: #7bb1d9;
	border: 1px solid #000; 
	padding: 10px;	
	position: absolute;
	z-index: 10; 
	text-align:center;
 }

/*=================================================================
CALENDAR Styles
==================================================================*/
/*=================================================================
Wizard Styles
==================================================================*/
.wizard_Highlight
{
	background-image: url( 'images/wizardRibbon.gif' );
	background-repeat: repeat-x;
	background-color: Transparent;
}
.wizard_Chevrons
{
	background-image: url( 'images/rightChevrons.png' );
	background-repeat: no-repeat;
	background-color: Transparent;
}
.wizard_Subdued
{
	background-image: url( 'images/wizardRibbonGrey.gif' );
	background-repeat: repeat-x;
	background-color: Transparent;
}
