@CHARSET "ISO-8859-1";

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* text-align: center; */
    padding: 0px; /* 7px; */
    /* margin: 0; */
	background-color: #000000;
	font-size: 76%;
}

p {
font-size: 1em;
}

a{
	cursor: pointer;
	cursor: hand; 
}

/*a:link {text-decoration: none}
a:visited {text-decoration: none}
a:active {text-decoration: none}
a:hover {text-decoration: underline;}*/

/* defines margin and brush metal background for the entire page */
#wrapper {
	position: relative; 
	display: inline-table;
	background:  url("../images/brushedmetal.gif") top left; /* the brushed metal background */	
	text-align: left; 
	top: 0;
	left: 0;
    padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	
	min-width: 990px;
	width: expression(( document . body . clientWidth) <= 990 ? '990px':'100%' ); 	
}

/* defines the left hand tube for the full page length up to the footer */
#left-edge{
	
	display:inline-table;
	background: url("../images/piping_left.gif") top left repeat-y;
	top: 0;
	left: 0;
	margin: 0;
}

/* defines the right hand tube for the full page length up to the footer */
#right-edge{
	display:inline-table;
	background: url("../images/piping_right.gif") top right repeat-y;
	top: 0;
	left: 0;
	margin: 0; 	
	
	min-width: 990px;
	width: expression(( document . body . clientWidth) <= 990 ? '990px':'100%' ); 
}

/* wrapper for the header area, defines the top tube for the full width */
#header{	
	position: relative; 
	background:  url("../images/piping_top.gif") top left repeat-x;		
	top: 0;
	left: 0;
	margin: 0;	
	
	/*min-width: 800px;
	width: expression(( document . body . clientWidth) <= 800 ? '800px':'100%' ); */
}

/* defines the logo graphic which includes the upper left large radius curve */
#logo{	
	background:  url("../images/logo.gif") top left no-repeat;		
	top: 0;
	left: 0;
	min-height: 58px;
	height: auto !important;
	height: 58px; 
	margin: 0;	
}


#welcome{
	background: url("../images/elbow_tr_2.gif") top right no-repeat;
	color: #333333;
	top: 0;
	left: 50%;		
	text-align: right;	
	margin: 0;	
}

#welcome h1{
	font-size: .95em;
	font-weight: bold;
	padding: 20px 21px 0 0;
	margin: 0;
}

#welcome h2{	
	font-size: .82em;
	font-weight: normal;	
	padding: 0 21px 10px 0;
	margin: 0;
}

/* defines the background for the title bar */
#titlebar{
	position: relative; 	
	display: inline-table;
	background: url("/VoicePortal/images/common/brandingbar.gif") top center repeat-y;
	background-color: #BD0400;
	color: #FFFFFF;
}

#titlebar-left{
	position: relative;
	display:inline-table;
	background: url("../images/piping_brandingbar_left.gif") top left repeat-y;
	top: 0;
	left: 0;
	margin: 0;
}

#titlebar-right{	
	position: relative;
	display:inline-table;
	background: url("../images/piping_brandingbar.gif") top right repeat-y;
	top: 0;
	left: 0;
	margin: 0;
}

#titlebar-right a{
	color: #ffffff;

}

.appname{
	color: #ffffff;
	padding: 0 15px 0 32px;
	font-weight: bold;
	font-size: .7em;
	vertical-align: middle;
}

a#help{
	background: url("../images/help_pd.gif") center left no-repeat;
	padding: 0 20px 0 12px;
	font-size: .65em;
	vertical-align: middle;
}
a#help:hover {
    background-image: url("../images/help_pd-over.gif");
	vertical-align: middle;
}

a#help:active {
    background-image: url("../images/help_pd-down.gif");
	vertical-align: middle;
}

a#logoff{
	background: url("../images/logoff.gif") center left no-repeat;
	padding: 0 10px 0 14px;
	font-size: .65em;	
	vertical-align: middle;
}
a#logoff:hover {
	background-image: url("../images/logoff-over.gif");
	vertical-align: middle;
}

a#logoff:active {
	background-image: url("../images/logoff-down.gif");
	vertical-align: middle;
}

a#settings{
	background: url("../images/settings.gif") center left no-repeat;
	padding: 0 10px 0 14px;
	font-size: .65em;	
	vertical-align: middle;
}
a#settings:hover {
	background-image: url("../images/settings-over.gif");
	vertical-align: middle;
}

a#settings:active {
	background-image: url("../images/settings-down.gif");
	vertical-align: middle;
}

span.alt {
	padding-left: 2px; /* .4em; */
}
#content-wrapper{
    position: relative;
	top: 0;
	left: 0;
	margin: 5px 15px 0px 35px;
	padding: 0;	
	
	min-height: 650px;
	height: auto !important; /*hack for IE */
	height: 650px;
}

#footer {
	position:relative;	
	background: url("../images/piping_bottom.jpg") bottom left repeat-x;
	margin: 0;	
	padding: 0;
	height: 13px;
}

#bottom-left{	
	position:absolute;	
	background: url("../images/elbow_bl_2.gif") top left no-repeat;
	top: 0; 
	left: 0;	
	height: 13px;
	width: 50%;	
}

#bottom-right{
	position:absolute;
	background: url("../images/elbow_br_2.gif") top right no-repeat;
	top: 0;
	left: 50%;	
	height: 13px;
	width: 50%;	
}

/* TOOLTIP ERROR MSG */
a.info {
    position: relative; 
    z-index: 24;
    color: #000;
    text-decoration: none;
	}

a.info:hover {
	z-index: 25;
	background-color: #ededed;	
	text-decoration: none;
	}

a.info span {display: none;}

a.info:hover span{ /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    top: 2em; 
	left: 2em; 
	width: 15em;
    border: 1px solid #000;
    background-color: #fef2c8; 
	color: #000;
	font-size: .85em;
	text-align: left;
	padding: .3em;
	text-decoration: none;}
	
.appline2
{
	/* font-size: .85em;
	margin-right: 1.7em; */
	font-weight: normal;
	font-size: 10px;
} 

/* HELP/ABOUT TOOLTIP */
#fixedtipdiv{
position:absolute;
background: #c10000;
font: normal 10px Verdana;
font-weight: bold;
line-height:18px;
z-index:100;
}

a.linktext, a.linktext:visited
{
color: white;
font-size: 10px;
font-weight: bold;
background: #c10000;
height: 20px;
padding-top: 5px;
width: 100%;
text-decoration: none;
white-space: nowrap;
}
a.linktext:hover
{
color: #c10000;
font-size: 10px;
background: white;
text-decoration: none;
padding-top: 5px;
white-space: nowrap;
}

table.tip
{
border: 2px solid white;
}

/* Modifications */

.appline1 {
	font-weight: bold;
	font-size: 12px;
	color: #424242;
}

#horizontal_bar {
	background: #CC0000 url(/VoicePortal/images/common/brandingbar.gif) top left repeat-x;
	margin: 0;
	padding: 0;
	height: 20px;
}

.titlebar {
	width: 100%;
	padding: 0;
	margin: 0;
	/*position: relative;*/
	background: url(/VoicePortal/images/common/piping_brandingbar.gif) top left no-repeat;
	white-space: nowrap;
	text-align: left;
	height: 20px;
}

.barLeftSide
{
	/* float: left; */
	text-align: left;
	margin-left: 40px;
	_margin-left: 19px; /* for IE only */
	line-height: 20px;
	font-size: 10px;
	/* color: #fff; */
	font-weight: bold;
}
.barRightSide
{
	/* float: right; */
	margin-right: 20px;
	_margin-right: 10px; /* for IE only) */
	line-height: 20px;
	/* color: #fff; */
	font-size: 10px;
}
#branding {
	background-image: url(/VoicePortal/images/common/logo.gif);
	height: 58px;
	width: 151px;
	float: left;
	}

#top_section {
	background-image: url(/VoicePortal/images/common/piping_title_top.gif);
	background-repeat: repeat-x;
	height: 58px;
}

#top_right_corner {
	background-image: url(/VoicePortal/images/common/piping_elbow_top_right.gif);
	float: right;
	height: 58px;
	width: 14px;
	background-repeat: no-repeat;
}

#bottom_section {
	background-image: url(/VoicePortal/images/common/piping_title_bottom.gif);
	background-repeat: repeat-x;
	height: 14px;
}

#bottom_left_corner {
	overflow: hidden;
	background-image: url(/VoicePortal/images/common/piping_elbow_bottom_left.gif);
	float: left;
	height: 14px;
	width: 14px;
	background-repeat: no-repeat;
}

#bottom_right_corner {
	overflow: hidden;
	background-image: url(/VoicePortal/images/common/piping_elbow_bottom_right.gif);
	float: right;
	height: 14px;
	width: 14px;
	background-repeat: no-repeat;
}

#login_wrapper
{
	background:  url("../images/brushedmetal.gif") top left; /* the brushed metal background */	
	/*	background-image: url("../images/common/brushedmetal.gif"); */
	padding-top:80px; 
	width:450px; 
	position:absolute; 
	left:50%; 
	margin-left:-225px; 
	padding-bottom: 80px; 
	text-align: center; 
	background:#000000;
}

#login_wrapper_legal
{
	background:  url("../images/brushedmetal.gif") top left; /* the brushed metal background */	
	/*	background-image: url("../images/common/brushedmetal.gif"); */
	padding-top:80px; 
	width:500px; 
	position:absolute; 
	left:50%; 
	margin-left:-250px; 
	padding-bottom: 100px; 
	text-align: center; 
	background:#000000;
}


#login_background {
 	background:#EEEEEE; 
	background-image: url(/VoicePortal/images/common/brushedmetal.gif);
	background-repeat: repeat;
}

#login_center_section {
	min-height: 250px;
	height: auto !important; /*hack for IE */
	height: 250px;
	position: relative;
	
}

#login_center_section_legal {
	min-height: 300px;
	height: auto !important; /*hack for IE */
	height: 300px;
	position: relative;
	
}

#login_left_border {
	background-image: url(/VoicePortal/images/common/piping_left.gif);
	float: left;
	height: 250px;
	width: 10px;
	background-repeat: repeat-y;
}

#login_left_border_legal {
	background-image: url(/VoicePortal/images/common/piping_left.gif);
	float: left;
	height: 300px;
	width: 10px;
	background-repeat: repeat-y;
}

#login_right_border {
	background-image: url(/VoicePortal/images/common/piping_right.gif);
	float: right;
	height: 250px;
	width: 10px;
	background-repeat: repeat-y;
}

#login_right_border_legal {
	background-image: url(/VoicePortal/images/common/piping_right.gif);
	float: right;
	height: 300px;
	width: 10px;
	background-repeat: repeat-y;
}

#login_fields {
	position: absolute;
	left: 75px;
	top: 60px; 
}

#login_fields_legal {
	position: absolute;
	left: 75px;
	top: 60px; 
}


.login_column {
	width: 120px;
}

.login_label {
	font-family: verdana;
	color:#000000;
	font-weight: bold;
	font-size: 11px;
}

#login_submit {
	position: absolute; 
	bottom:50px; 
	right:110px
}

#copyright {
	background: #000000;
}

.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	font-weight: normal;
	font-size: 10px;
}

input {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; 
}

input.button {
	font-family: Verdana; font-size: 12px; font-weight: bold; background-color: #333333; height: 23px; color: #FFFFFF
}

a.logoff {
	background: url("../../images/common/logoff.gif") center left no-repeat;
	padding: 0 10px 0 14px; 
	/* font-size: .65em;	*/
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF;
	text-decoration: none;	
}
a.logoff:hover {
	background-image: url("../../images/common/logoff-over.gif");
	text-decoration: underline;
}

a.logoff:active {
	background-image: url("../../images/common/logoff-down.gif");
	text-decoration: underline;
}

a.help {
	background: url("../../images/common/help_pd.gif") center left no-repeat;
	padding: 0 10px 0 14px; 
	/* padding: 0 20px 0 12px; */
	/* font-size: .65em; */
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF;
	text-decoration: none;	
}
a.help:hover {
    background-image: url("../../images/common/help_pd-over.gif");
	text-decoration: underline;
}

a.help:active {
    background-image: url("../../images/common/help_pd-down.gif");
	text-decoration: underline;
}

a.home {
	background: url("../../images/common/home.gif") center left no-repeat;
	padding: 0 10px 0 14px; 
	/* padding: 0 20px 0 12px; */
	/* font-size: .65em; */
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF;
	text-decoration: none;	
}
a.home:hover {
    background-image: url("../../images/common/home-over.gif");
	text-decoration: underline;
}

a.home:active {
    background-image: url("../../images/common/home-down.gif");
	text-decoration: underline;
}