.login_table_banner
{
	height: 72px;
	background-image: url(webmail_login_banner.png);
}
.login_table
{
	background: #fff url(login_table_background.png) repeat-y;
}

.LoginContent
{
	margin: 0 20px 0 20px;
	width: 350px;
}

.bannerImage
{
	width: 521px; height: 66px;
	background-image: url(get_access_to_your_email_anywhere_anytime.png);
	text-indent: -5000px;
}

.standardMail 
{
	display: inline-block;
	height: 45px;
	width: 250px;
	background-image: url(logon_to_standard_mail.png);
}
.standardMail:hover
{
	background-position: 0px -45px;
}

body
{
	text-align: center;
	font-family: "Segoe UI",Arial,Geneva,Sans-Serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background-color: #fff;
	z-index: 5;
}
input
{
	font-family: "Segoe UI",Arial,Geneva,Sans-Serif;
}

#top_panel
{
	width: 952px;
	height: 80px !important;
	height: 78px;
}

#top_panel_left
{
	float: left;
	width: 302px;
	height: 80px !important;
	height: 78px;
}
#logo
{
	display: inline-block;
	float: left;
	width: 300px; 
	height: 80px !important;
	height: 78px;
	background: url('images.png') -516px 0px no-repeat;
	cursor: pointer;	
}
#top_panel_right
{
	float:left;
	width: 650px;
	height: 80px !important;
	height: 78px;
	padding: 0;

}
#top_panel_right_top
{
	width: 650px;
	height: 49px !important;
	height: 47px;
	padding: 0;
}
#country
{
	display: inline-block;
	float: left;
	width: 634px;
	height: 47px;
	text-align: right;
}

.countryList
{
	width: 136px;
	color: #000;
	background: #fff;
	font-family: "Segoe UI",Arial,Geneva,Sans-Serif;
	font-size: 0.9em;
	border: 1px solid #ff9703;
}

#country a
{
	color: Blue;
	font-size: 0.85em;
}

#country a:visited
{
	color: Blue;
}

#top_panel_right_bottom
{
	float: left;
	width: 650px;
	height: 31px !important;
	height: 29px;
	padding: 0;
}

.bold
{
	font-weight: bold;
}

.largeBold
{
	font-size: 1.5em;
	font-weight: bold;
}

.hide 
{
	display: none;
}

#master_page
{
	margin: 8px auto 8px auto;
	width: 952px;
}

#pageborder_top
{
	display: block;
	clear: both;
	width: 952px; 
	height: 11px;
	font-size: 1px; /* IE6 hack */
	background: url('images.png') 0 -102px no-repeat;
}

#master_content
{
	display: block;
	clear: both;
	width: 932px;
	background: url('page_background.png') repeat-y;
	padding: 0 10px 0 10px;
	text-align: left;
}

#pageborder_bottom
{
	display: block;
	clear: both;
	width: 952px;
	height: 11px;
	font-size: 1px; /* IE6 hack */
	background: url('images.png') 0 -114px no-repeat;
}

#pagefooter
{
	display: block;
	clear: both;
	width: 952px;
	font-size: 0.9em;
	padding-top: 8px;
	line-height: 20px;
}

#pagefooter a
{
	font-weight: normal;
	color: #000;
	margin: 10px;
	font-weight: bold;
}
#pagefooter a:hover
{
	color: #7a00a5;	
}

#pagefooter a:active
{
	color: #ff9300; 
}

	
#top_navigation
{
	float: left;
	width: 650px; 
	height: 34px;
    margin: 0; padding: 0;
    position: relative;
    list-style: none;text-indent: -5000px;
    _top: 3px;
}

#top_navigation li {
    margin: 0; padding: 0 1px 0 0; 
    position: relative; top: 0;
    float: left;
    }
    
#top_navigation li, #top_navigation a {
    height: 33px;
    display: block;
    outline: none;
    }
    
#topnav_home
{
	width: 94px;
	background: url('images.png') 0px -0px no-repeat;
}
#topnav_home a:hover
{
	background: url('images.png') 0px -34px no-repeat;
}
#topnav_home.selected, #topnav_home.selected a:hover
{
	background: url('images.png') 0px -68px no-repeat;
}

#topnav_products
{
	width: 94px;
	background: url('images.png') -95px -0px no-repeat;
}
#topnav_products a:hover
{
	background: url('images.png') -95px -34px no-repeat;
}
#topnav_products.selected, #topnav_products.selected a:hover
{
	background: url('images.png') -95px -68px no-repeat;
}

#topnav_members
{
	width: 94px;
	background: url('images.png') -190px -0px no-repeat;
}
#topnav_members a:hover
{
	background: url('images.png') -190px -34px no-repeat;
}
#topnav_members.selected, #topnav_members.selected a:hover
{
	background: url('images.png') -190px -68px no-repeat;
}

#topnav_support
{
	width: 94px;
	background: url('images.png') -285px -0px no-repeat;
}
#topnav_support a:hover
{
	background: url('images.png') -285px -34px no-repeat;
}
#topnav_support.selected, #topnav_support.selected a:hover
{
	background: url('images.png') -285px -68px no-repeat;
}

#topnav_webmail
{
	left: 118px;
	width: 135px;
	background: transparent url('images.png') -380px -0px no-repeat;
}
#topnav_webmail a:hover
{
	background: transparent url('images.png') -380px -34px no-repeat;
}
#topnav_webmail.selected, #topnav_webmail.selected a:hover
{
	background: transparent url('images.png') -380px -68px no-repeat;
}



#banner_container {
	CLEAR: both; DISPLAY: block; WIDTH: 928px; HEIGHT: 60px
}
#banner_tab {
	FLOAT: left; WIDTH: 187px; HEIGHT: 60px
}
#banner_tab IMG {
	LEFT: 12px; POSITION: relative; TOP: 28px
}
#banner_title {
	LEFT: 70px; FLOAT: left; WIDTH: 600px; POSITION: relative; HEIGHT: 60px
}
#cluetip-close IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
#cluetip-title {
	OVERFLOW: hidden
}
#cluetip-title #cluetip-close {
	FLOAT: right; POSITION: relative
}
#cluetip-waitimage {
	BACKGROUND-IMAGE: url(wait.gif); WIDTH: 43px; POSITION: absolute; HEIGHT: 11px
}
.cluetip-arrows {
	BACKGROUND-POSITION: 0px 0px; DISPLAY: none; LEFT: -11px; WIDTH: 11px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; TOP: 0px; HEIGHT: 22px
}
#cluetip-extra {
	DISPLAY: none
}
.cluetip-default {
	BACKGROUND-COLOR: #fff; TEXT-ALIGN: left
}
.cluetip-default UL {
	MARGIN: 10px; LIST-STYLE-TYPE: square
}
.cluetip-default #cluetip-outer {
	MARGIN: 0px; POSITION: relative; BACKGROUND-COLOR: #fff
}
.cluetip-default H3#cluetip-title {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 1.1em; PADDING-BOTTOM: 4px; MARGIN: 0px 0px 5px; COLOR: #fff; PADDING-TOP: 8px; BACKGROUND-COLOR: #ffa002
}
.cluetip-default #cluetip-title A {
	FONT-SIZE: 0.95em; COLOR: #fff
}
.cluetip-default #cluetip-inner {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
.cluetip-default DIV#cluetip-close {
	MARGIN: 0px 5px 5px; COLOR: #900; TEXT-ALIGN: right
}
.cluetip-jtip {
	BACKGROUND-COLOR: transparent
}
.cluetip-jtip #cluetip-outer {
	BORDER-RIGHT: #ccc 2px solid; BORDER-TOP: #ccc 2px solid; BORDER-LEFT: #ccc 2px solid; BORDER-BOTTOM: #ccc 2px solid; POSITION: relative; BACKGROUND-COLOR: #fff
}
.cluetip-jtip H3#cluetip-title {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 16px; PADDING-BOTTOM: 2px; MARGIN: 0px 0px 5px; COLOR: #333; PADDING-TOP: 2px; BACKGROUND-COLOR: #ccc
}
.cluetip-jtip #cluetip-inner {
	PADDING-RIGHT: 5px; DISPLAY: inline-block; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 0px
}
.cluetip-jtip DIV#cluetip-close {
	MARGIN: 0px 5px 5px; COLOR: #900; TEXT-ALIGN: right
}
.cluetip-rounded #cluetip-title {
	ZOOM: 1
}
.cluetip-rounded #cluetip-inner {
	ZOOM: 1
}
.notepad {
	CLEAR: both; PADDING-RIGHT: 7px; DISPLAY: block; PADDING-LEFT: 9px; FONT-SIZE: 0.95em; PADDING-BOTTOM: 8px; WIDTH: 167px; PADDING-TOP: 8px
}
.notepad STRONG {
	FONT-WEIGHT: bold; COLOR: #fb6208
}
.notepad P {
	WIDTH: 150px; TEXT-ALIGN: justify
}
.notepad .right {
	TEXT-ALIGN: right
}
.notepad IMG {
	WIDTH: 150px
}
.notepad A {
	COLOR: #000; TEXT-DECORATION: underline
}
.notepadTop {
	DISPLAY: block; BACKGROUND: url(../images/widgets/notepad_header.png) 0px 0px; WIDTH: 167px; HEIGHT: 17px
}
.notepadMiddle {
	PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 8px; BACKGROUND: url(../images/widgets/notepad_middle.png) repeat-y; PADDING-BOTTOM: 8px; WIDTH: 167px; PADDING-TOP: 8px
}
.notepadBottom {
	DISPLAY: block; BACKGROUND: url(../images/widgets/notepad_header.png) 0px -17px; WIDTH: 167px; HEIGHT: 9px
}
#top_container {
	
}
#body_container {
	CLEAR: both; DISPLAY: block
}
#body_container_header {
	FONT-SIZE: 1px; HEIGHT: 13px
}
#body_container_middle {
	
}
#body_container_top {
	LEFT: 6px; WIDTH: 918px; POSITION: relative
}
#body_container_bottom {
	CLEAR: both; DISPLAY: block; LEFT: 6px; WIDTH: 918px; POSITION: relative
}
#body_container_left {
	LEFT: 6px; FLOAT: left; WIDTH: 181px; POSITION: relative
}
#body_container_right {
	RIGHT: 8px; FLOAT: right; WIDTH: 735px; POSITION: relative
}
#body_container_footer {
	FONT-SIZE: 1px; HEIGHT: 13px
}
#bottom_container {
	
}
.content {
	PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 8px; FLOAT: left; PADDING-BOTTOM: 8px; WIDTH: 702px; PADDING-TOP: 8px
}
#panel_main {
	DISPLAY: block; LEFT: 8px; WIDTH: 719px; POSITION: relative
}
#panel_top {
	CLEAR: both; DISPLAY: block; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 1.2em; FLOAT: left; WIDTH: 719px; COLOR: #fff; LINE-HEIGHT: 38px; HEIGHT: 38px
}
#panel_content {
	CLEAR: both; DISPLAY: block; FLOAT: left; WIDTH: 719px; HEIGHT: auto; BACKGROUND-COLOR: #fff
}
#panel_bottom {
	CLEAR: both; DISPLAY: block; FONT-SIZE: 1px; BACKGROUND: url(panels.png) no-repeat 0px -58px; FLOAT: left; WIDTH: 719px; HEIGHT: 7px
}
.header_panel {
	
}
.header_none {
	DISPLAY: block; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 1px; BACKGROUND: url(panels.png) no-repeat 0px 0px; FLOAT: left; WIDTH: 718px; COLOR: #000; HEIGHT: 7px
}
.header_black {
	DISPLAY: block; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 1.2em; BACKGROUND: url(panels.png) no-repeat 0px -222px; FLOAT: left; WIDTH: 718px; COLOR: #fff; LINE-HEIGHT: 38px; HEIGHT: 38px
}
.header_blue {
	DISPLAY: block; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 1.2em; BACKGROUND: url(panels.png) no-repeat 0px -300px; FLOAT: left; WIDTH: 718px; COLOR: #fff; LINE-HEIGHT: 38px; HEIGHT: 38px
}
.header_dark_orange {
	DISPLAY: block; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 1.2em; BACKGROUND: url(panels.png) no-repeat 0px -261px; FLOAT: left; WIDTH: 718px; COLOR: #fff; LINE-HEIGHT: 38px; HEIGHT: 38px
}
.header_green {
	DISPLAY: block; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 1.2em; BACKGROUND: url(panels.png) no-repeat 0px -183px; FLOAT: left; WIDTH: 718px; COLOR: #fff; LINE-HEIGHT: 38px; HEIGHT: 38px
}
.header_orange {
	DISPLAY: block; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 1.2em; BACKGROUND: url(panels.png) no-repeat 0px -144px; FLOAT: left; WIDTH: 718px; COLOR: #fff; LINE-HEIGHT: 38px; HEIGHT: 38px
}
.header_pink {
	DISPLAY: block; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 1.2em; BACKGROUND: url(panels.png) no-repeat 0px -105px; FLOAT: left; WIDTH: 718px; COLOR: #fff; LINE-HEIGHT: 38px; HEIGHT: 38px
}
.header_purple {
	DISPLAY: block; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 1.2em; BACKGROUND: url(panels.png) no-repeat 0px -66px; FLOAT: left; WIDTH: 718px; COLOR: #fff; LINE-HEIGHT: 38px; HEIGHT: 38px
}
.header_white {
	DISPLAY: block; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 1.2em; BACKGROUND: url(panels.png) no-repeat 0px 0px; FLOAT: left; WIDTH: 718px; COLOR: #000; LINE-HEIGHT: 38px; HEIGHT: 38px
}
#body_container {
	BACKGROUND: url(panel_purple_etched.png) #7f00aa repeat-y
}
#body_container_header {
	BACKGROUND: url(images.png) no-repeat 0px -180px
}
#body_container_footer {
	BACKGROUND: url(images.png) no-repeat 0px -349px
}
#panel_top {
	BACKGROUND: url(panels.png) no-repeat 0px -144px
}