body {
		background: #515151 url(/brand/logica/img/background/pageBG.gif) repeat-x top; 
		font: 74% Verdana, Arial, Helvetica, sans-serif;
		color:#333; 
		line-height: 1.4em;
		text-align:center;
}

#clear {
		clear: both;
}

/* main page layout section */

/* The wrap controls the width of the page. Comment out the width tag
to get a liquid layout; however, keep in mind that this will affect your
header image */
#wrap {
		margin:0 auto; 
		margin-top: 5px; 
		padding: 0; 
		width: 820px; 
		height: 100px; 
		text-align: left; 
		margin-bottom: 0px;
}

#global-header-area {

}

/* The left-logo style controls the padding and alignment of the logo at the top left,
if the minisite is a co-brand, for example. */
#left-logo {
		margin-top: 24px;
		_margin-top: 22px;
		float: left;
		width: 160px;
		height: 62px;
		background: #FFCC00 url(/brand/logica/img/background/locicaLogoBG.jpg) right repeat-y; 
		border-bottom: 1px solid #AFACA7;
}

/* The right-logo style controls the padding and alignment of the logo at the top right,
often the BT logo, for example. */
#right-logo {

}

#segment-signpost-area {

}
/*********************************************************************************
Homepage Layout - Level 2
*********************************************************************************/

.countrySelect {
		float: left;
		width: 140px;
		height: 220px;
		background: #FFF url(/brand/logica/img/background/countrySelect.jpg) no-repeat;
		border-bottom: 1px solid #C5C5C5;
		font-size: .9em;
		padding: 10px 10px;
}

.countrySelectsmall {
		float: left;
		width: 140px;
		background: #F2F2F2 url(/brand/logica/img/background/productLinkBG.jpg) right repeat-y;
		border-bottom: 1px solid #C5C5C5;
		font-size: .9em;
		padding: 5px 10px;
		_padding: 5px 10px;
		height: 20px;
		_height: 10px;
}
		

/* Introductory text [Title is a background image] */
.intro {
		float: left;
		width: 303px;
		height: 152px;
		background: #FFF url(/brand/logica/img/background/introBG.jpg) no-repeat;
		padding: 88px 6px 0 158px;
		border-bottom: 1px solid #CCC;
}
		

.right {
		float: right;
		width: 153px;
		min-height: 100%;
		background: #FFF;
		padding: 0 20px;
		padding-bottom: 10px;
}
/* primary navigation section - this is the horizontal set of tabs */

/*********************************************************************************
Homepage Layout - Level 3
*********************************************************************************/
		
.productLinks {
		float: left;
		width: 160px;
		height: auto;
		background: #F2F2F2 url(/brand/logica/img/background/productLinkBG.jpg) right repeat-y;
		font-size: .9em;
		padding: 1px 0 10px 0;
		padding: 1px 0 15px 0;
}
		
.conferencingSolutions {
		float: left;
		width: 425px;
		height: auto;
		background: #FFF;
		padding: 10px 15px 0 27px;
}

/*********************************************************************************
Homepage Layout - Level 4
*********************************************************************************/

.btLogo {
		float: right;
		width: 660px;
		height: 57px;
		background: #FFF url(/brand/logica/img/background/btLogo.jpg) 560px no-repeat;
}

/*************************************************************
MENU
*************************************************************/
#segment-nav-01 {
		float: left;
		width: 660px;
		height: 87px;
		background: #FFCC00;
}

#menu {	
		margin: 0 -30px;
		_margin: 10px;
		margin-top: 51px;
		_margin-top: 49px;
		height: 20px;
		color: #000;
		overflow: hidden;
		
		/*
		
		Internet Explorer 7 styles [located within coditional stylesheet ie.css]
		------------------------------------------------------------------
		margin: 0px;
		margin-top: 51px;
		
		*/
}

#menu ul{
		list-style-type: none;
		margin: 0;
}

#menu li{
		text-align: center;
		list-style-type: none;
		float:left;
		margin-top: 0px;
		border-right: 1px solid #FFF;
		padding: 0px 10px;
}
		
#menu li.last {
		border-right: 0;
}

#menu a {
		float: left; 
		height: 20px;
		padding: 0;
		font-size: .9em;
		color: #000;
		font-weight: bold; 
		text-align: center; 
		text-decoration: none;
}
		
#menu a:hover, #menu a.last:hover {
		background-position: left bottom; 
		color: #C96700; 
		text-decoration: none;
}
		
#menu a.last {
 		 border-right: 0;
}	

/* secondary navigation section - this is the horizontal menu that appears beneath the primary tabs */

#segment-nav-02 {
		height: 23px;
		background: #000;
		background-repeat: repeat-x;
		padding-top: 7px;
		padding-left: 10px;
}

#segment-nav-02 ul {
		list-style: none;
		margin: 0;
		padding: 0;
}

#segment-nav-02 li {	
		display: inline;
		padding-right: 5px;
		padding-left: 5px;
}

#segment-nav-02 li a {
		border-right: 1px solid #666;
		line-height: 1;
		font-size: .9em;
		color: #FFCC00;
		padding: 0px 10px 0px 0px;
}

#segment-nav-02 li a.last {
		border-right: 0px solid #CCCCCC;
}

/*************************************************************
3rd LEVEL NAVIGATION
*************************************************************/

#segment-nav-03 {
		float: left;
		margin:0 auto;  
		padding: 0;
		width: 160px;
		height: auto;
}

.segment-nav-03-header {
		font-weight: bold;
		font-size: .8em;
		height: 23px;
		color: #B16623;
		background: #d9d9d9 url(/brand/logica/img/background/product-header-LinkBG.jpg) right repeat-y;
		padding-top: 7px;
		padding-left: 15px;
		margin-bottom: 10px;
}

.outlined-box h5 {
		font-size: 1em;
		font-weight: bold;
		padding-left: 15px;
		padding-top: 0px;
		line-height: .1em;
}

.segment-nav-03-header a {
		color: #B16623;
		text-decoration: none;
		font-size: 1.2em;
		font-weight: bold;
		
}

.segment-nav-03-sub-header {

}

.segment-nav-03-link {
padding: 0 0 5px 15px;
}

.segment-nav-03-link a {
		text-decoration: none;
		font-size: .9em;
}

.segment-nav-03-sub-link {

}


/* The left_nav_link_arrow element adds left padding and the arrow for the current page, with the "current" class */

.segment-nav-03-arrow {

}

.segment-nav-03-arrow.current {

}

.segment-nav-03-sub-link-arrow.current {

}

.segment-nav-03-arrow.current a {

}

.segment-nav-03-sub-link-arrow.current a {

}

/* If width for segment-nav-04 is adjusted, segment-main-content.right-nav-only and segment-main-content.
left-and-right-nav need to also be adjusted by the same amount. For example, if 10px is added to segment-nav-04,
then 10px needs to be subtracted from segment-main-content.right-nav-only and segment-main-content.
left-and-right-nav */

#index-segment-nav-04 {
}

#segment-nav-04 {
		float: right;
		width: 195px;
		border: 0px solid;
}

/* segment-section-area controls the outside border */

#segment-section-area {
}

.segment-main-content {
		float: left;
		margin:0 auto;
		padding: 0;
		width: 660px;
		_width: 660px;
		background: #FFF;
		min-height: 440px;
}

.wide {
		width: 1000px;
		_width: 1000px;
}

.segment-main-content.right-nav-only {

}

.segment-main-content.left-and-right-nav {

}

.segment-main-content.left-nav-only {

}

/* footer section - use to change style and padding of footer links */

.footNav {
		margin-top: 5px; 
		padding: 0;
		float: left;
		width: 800px;
		margin: 10px;
		text-align: right;
		color: #CCC;
		font-size: .9em;
}

.footNav a {
		color: #CCC;
		text-decoration: none;
		}
		
.footNav a:hover {
		color: #FFCC00;
		text-decoration: underline;
		}

#segment-footer-area ul {

}

#segment-footer-area li {	

}

#segment-footer-area li a {

}


#segment-footer-area li a:hover {
}

#segment-footer-area li a.current {
}



p, li {
padding-left: 20px;
padding-right: 20px;
margin-bottom: 0;
}

.bold {

}

.keypad {
font-family: monospace;
color: #666;
background-image: url(/brand/logica/img/background/bg_button.gif);
background-repeat: no-repeat;
background-position: center center;
font-size: 13px;
padding: 0px 3px 0px 3px;
margin-right: 1px;
}

/*********************************************************************************
Typography
*********************************************************************************/	

h1 {
		color: #C96700;
		font-weight: normal;
		font-size: 1.4em;
		padding-left: 20px;
		}

h2 {
		color: #444;
		font-weight: bold;
		font-size: 1.2em;
		padding-left: 20px;
		}

h3 {
		color: #444;
		font-weight: bold;
		font-size: 1.2em;
		padding-left: 20px;
		}

h4 {
		color: #444;
		font-weight: bold;
		font-size: 1.2em;
		padding-left: 20px;
		}

a {
		color: #C96700;
		text-decoration: none;
		}
		
a:hover {
		color: #666;
		text-decoration: underline;
		}

img {
		border: 0;
		}

/* main unordered list styles */

ul {
padding-right: 20px;
margin-bottom: 0;
}

li {
} 

li.inline {

}

li.block {

}

/* The "fancy" list is for when you need a list with that extra somethin' */

ul.fancy {
		list-style: none;
		margin: 0px 0px 0px 0px;
		padding: 5px 20px 5px 20px;
}

li.fancy {
		background-image: url(/brand/logica/img/background/csBullet.gif);
		background-repeat: no-repeat;
		background-position: left 45%;
		border: 0px solid #CCCCCC;
		margin-right: 30px;
		margin-bottom: 2px;
		padding: 0px 0px 0px 10px;
}

/* table styles - do NOT create main table styles, as they will affect the master table
that holds the three main columns together */

/* "BT" TABLE IS THE STANDARD TABLE USED FOR DISPLAYING TEXT INFO - NO FRILLS   */

table.bt {
		/*background: #fff;*/
		background: url(/brand/logica/img/background/bg_h_gradient.gif);
		background-repeat: repeat-y;
		width: 95%;
		padding: 0;
		margin: 10px 10px 10px 20px;
		border-top: 1px dotted #CCC;
		border-left: 1px dotted #CCC;
}

table.bt td {
		color: #444;
		padding: 5px;
		line-height: 150%;
		vertical-align: top;
		border-bottom: 1px dotted #CCC;
		border-right: 1px dotted #CCC;
}

table.bt td.header, table.bt th {
		color: #000;
		font-weight: bold;
/*		background: #fff; */
		border-bottom: 1px solid #CCC;
		border-right: 1px dotted #CCC;
		padding-left: 6px;
		padding-bottom: 3px;
}

table.bt td.bold {
		font-weight: bold;
		border-right: 1px dotted #CCC;
}

table.bt td.even {
		background: #fff;
		border-right: 1px dotted #CCC;
}

table.bt td.even-last {
		background: #fff;
		border-right: 1px dotted #CCC;
		border-bottom: 0px;
}

table.bt td.odd {
		border-right: 1px dotted #CCC;
		/*background: #efefef;*/
}

table.bt td.odd-last {
		border-right: 1px dotted #CCC;
		/*background: #efefef;*/
		border-bottom: 0px;
}

/* advertisement section - ads for online tools and global access, mostly appearing in right nav */

.ad {
		margin: 10px;
		clear: both;
		height: 150px;
		border: 1px solid #CCC;
		background-repeat: no-repeat;
		background-position: center bottom;
}

.tools {
		background-image: url(/brand/logica/img/ad/ad_online_tools.gif);
		background-position: center top;
}

.globalaccess {
		background-image: url(/brand/logica/img/ad/ad_global_access.gif);
}

.event-call {
		background-image: url(/brand/logica/img/ad/ad_event_call.gif);
}

.ad-text {
		float: left;
}

.big-text {
		color: #64379b; 
		font-size: 14px;
		font-weight: bold;
		line-height: 120%;
		padding: 10px;
}

.small-text {
	color: #64379b;
	font-size: 12px;
	font-weight: bold;
	line-height: 150%;
	padding: 10px;
}

.ad-button-link {
		font-weight: bold;
		margin: 14px;
		padding-top: 97px;
}

.ad-button-link a {
		line-height: 120%;
}


.outlined-box {
		background: #f2f2f2 url(/brand/logica/img/background/productLinkBG.jpg) right repeat-y;
		font-size: .9em;
		width: 160px;
		padding-bottom: 10px;
}

.outlined-box-gradient-header {
		width: 145px;
		font-weight: bold;
		font-size: 11px;
		height: 23px;
		color: #b16623;
		background: #d9d9d9 url(/brand/logica/img/background/product-header-LinkBG.jpg) right repeat-y;
		padding-top: 7px;
		padding-left: 10px;
		padding-right: 5px;
		margin-bottom: 10px;
}

.outlined-box p {
		padding-left: 10px;
		padding-right: 10px;
		line-height: 150%;
}

.outlined-box ul {
		padding-left: 10px;
		padding-right: 10px;
		line-height: 150%;
}

.outlined-box p.email {
		background: url(/brand/logica/img/icon/icon_email.gif);
		background-repeat: no-repeat;
		background-position: 3%;
		padding-top: 4px;
		margin-bottom: 10px;
		padding-left: 30px;
}

#image-container-left {
		float: left;
}

#headline-image {
		border-bottom: 1px solid #CCCCCC;
		margin: 25px 20px 10px 20px;
		height: 65px;
}

#headline-image-text-only {
		margin: 0px 0px 10px 20px;
}

.main-copy {
margin-bottom: 0;
}

.icon-info {
		background-image: url(/brand/logica/img/icon/icon_info.gif);
		padding: 0px 0px 20px 40px;
		margin-left: 20px;
		font-size: 1em;
		font-weight: bold;
		background-repeat: no-repeat;
		background-position: left top;
}

.icon-guide {
		background-image: url(/brand/logica/img/icon/user_guide.gif);
		padding: 0px 0px 12px 40px;
		margin-left: 20px;
		font-size: 1em;
		font-weight: bold;
		background-repeat: no-repeat;
		background-position: left top;
}

.icon-customer {
		background-image: url(/brand/logica/img/icon/icon_customer.gif);
		padding: 0px 0px 35px 40px;
		font-size: 1em;
		font-weight: bold;
		background-repeat: no-repeat;
		background-position: left top;
}

.icon-help {
		background: url(/brand/logica/img/icon/icon_help.gif);
		padding: 0px 0px 12px 40px;
		margin-left: 20px;
		font-size: 1em;
		font-weight: bold;
		background-repeat: no-repeat;
		background-position: left top;
}

/* FAQ */

.faq-block {
		border-top: 1px solid #CCCCCC;
		padding: 15px 0px 15px 12px;
		margin: 0px;
}

.faq-block {
		border-top: 1px solid #CCCCCC;
		padding: 15px 0px 15px 12px;
		margin: 0px;
}

/*********************************************************************************
Form properties
*********************************************************************************/	
#segment-section-form {
padding: 20px;
}

select {
		font-size: .9em;
		}
		
#contrySelect {
		padding-top: 100px;
		}

.centerfieldsetdiv {
		padding: 10px;
}

.centerfieldsetdiv input {
		width: 250px;
}

.centerfieldsetdiv label {
		font-weight: bold;
}

.plain-list {
		list-style: none;
		padding: 0;
		margin: 0;
}

.bottom-padding {
		padding-bottom: 5px;
}

.no-bottom-padding {
		padding-bottom: 0px;
}

.no-top-padding {
		padding-top: 0px;
}

.table-ahead { 
		background: #efefef;
		font-weight: bold;
		border-bottom: 1px solid #CCC;
		padding: 5px 0px 3px 5px;
		font-size: 11px;
		color: #666;
}

.rowOdd {
		padding: 5px 0px 5px 5px;
		background: #fff;
		font-size: 11px;
		border-bottom: 1px dashed #CCC;
}

.rowEven {
		padding: 5px 0px 5px 5px;
		background: #F1F8FF;
		font-size: 11px;
		border-bottom: 1px dashed #CCC;
}

.helpCursor {
		cursor: help;
}

.buttonSubmit, .buttonSubmitHovered {
		background: transparent url(/brand/logica/img/button.gif) no-repeat scroll left top;
		border: medium none;
		color: #ffffff;
		cursor: pointer;
		font-weight: bold;
		height: 26px;
		padding: 2px 5px;
		width: 69px;
}

.buttonSubmitHovered {
		background-position: left bottom;
}

#bar {
		float: left;
		margin:0 auto;
		padding: 0;
		width: 660px;
		height: auto;
		background: #FFF;
		min-height: 500px;
}

/*********************************************************************************
Accessibility
*********************************************************************************/

/* This class allows screen readers to skip to the content area */
.skip_link {
		display: none;
		}

/* Used to add a title to the primary navigation */	
#invisible {
		display: none;
		}

/*********************************************************************************
Custom Typography Styles
*********************************************************************************/	


div#headline-banner {
margin: 20px;
margin-bottom: 0;
text-align: left;
height: 60px;
padding: 10px 0px 10px 0px;
background: #fff url(../img/background/h1-bg.jpg) no-repeat;
border-bottom: 1px solid #CCC;
}

div#headline-banner h1 {
font-size: 18px;
font-weight: normal;
color: #C96700;
padding: 0 0px 0 150px;
margin: 0;
}

div#headline-banner h2 {
font-size: 14px;
font-weight: bold;
color: #666;
padding-left: 150px;
margin: 0;
margin-top: 10px;
}

.right h1 {
		font-size: 1.2em;
		font-weight: bold;
		padding-top: 30px;
		padding-left: 0px;
		}

.right h2 {
		font-size: 1.0em;
		border-top: 1px solid #C5C5C5;
		padding-top: 10px;
		padding-left: 0px;
		}
		
.right p {
		font-size: .99em;
		_line-height: 1em;
		padding: 0;
		}

.productLinks h1 {
		font-size: 1em;
		color: #333;
		font-weight: bold;
		padding: 0 10px;}

.productLinks hr  {
		clear:left;
		margin: 5px 0;
		_margin:-15px 0;
		border : 0 dotted #CCC;
		border-top-width : thin;
		_border:1px dashed #CCC;
		padding:0;
		height:0;
		background:#CCC;
		color:#CCC;
		display:block;
		}
		
.productLinks p  {
		padding: 0 10px;
		}
		
.countrySelect p  {
		padding: 0;
		}

.conferencingSolutions ul {
		padding: 0;
		margin: 5px;
		line-height:1.4;
		list-style-type:none;
		}

.conferencingSolutions li {
		margin: 10px 0;
		padding: 0 0 15px 15px;
		background:transparent url(/brand/logica/img/background/csBullet.gif) no-repeat;
		background-position:0 5px;
		border-bottom: 1px dotted #CCC;
		}

form {
margin-bottom: 0px;
}

/************************** GWT STYLES FROM DEVELOPERS FOR REGISTRATION AUTOMATION ******************************/
.gwt-HTML {
  display: inline;  
}

.gwt-Hyperlink {
  display: inline;
}

.gwt-TextBox, .gwt-PasswordTextBox {
  background-color: #fff;
  border: 1px solid #dedede;
  padding: 2px 1px 2px 2px;
  width: 15em;
  color: #333;
  font-size:11px;
  font-family:arial, sans-serif;
}

.gwt-TextBox:focus, .gwt-PasswordTextBox:focus {
  border: 1px solid #FF8740;
}

.gwt-ListBox {
  font-size:11px;
  color:#444;
  background-color: #fff;
  border: 1px solid #dedede;
  font-family:arial, sans-serif;
}

.gwt-ListBox option {
  font-family: verdana, sans-serif;
  color: #555;
}

gwt-PopupPanel {
  font-size: 11px;
  color: #666;
  font-family: verdana, arial, sans-serif;
  background-color: #fff;
  line-height: 125%;
}

.gwt-PushButton {
  color: #fff;
  font-weight: bolder;
  border: 1px solid #FFF2EB;
  padding: 0 4px 0 4px;
  background-color: #005293;
  background-repeat: repeat-x;
  background-position: left center;
  width: auto;
  line-height: 22px;
  font-size:13px;
  text-transform:uppercase;
  cursor:pointer;
  display:inline;
}

.gwt-PushButton .html-face {
  margin: 0px auto;
  text-align: center;
}

.html-face {
}

.gwt-PushButton-up, .gwt-PushButton-down {

}

.gwt-PushButton-up-hovering {
background-color: #407095;
}

.gwt-PushButton#openAccount {
  margin-left: 10px;
  float: left;
  clear: both;
}

.gwt-PushButton#addressLookup {
  margin: 2px 30px 0 200px;
  clear: both;
  font-size:11px;
  width:120px;
  padding:2px;
  line-height:11px;
  display:block;
}

.gwt-PushButton#register {
  float: right;
  margin: 5px 0 10px 0px;
}

.gwt-PushButton#back {
  float: right;
display: none;
  margin: 5px 5px 10px 5px;
}

.gwt-PushButton#next {
  float: right;
  margin: 5px 238px 0 0px;
  clear: both;
}

.gwt-PushButton#save {
  float: left;
  margin: 5px 5px 0 35px;
}

.gwt-PushButton#submit {
  float: left;
  margin: 5px 5px 0 5px;
}

.gwt-PushButton#ok {
  float: right;
  margin: 5px 10px 5px 50px;
  font-size:1.2em;
  padding:3px;
}

.gwt-PushButton#addUser {
  float: right;
  margin: 5px 10px 0 0px;
}

.gwt-PushButton#finish {
  float: right;
  margin: 5px 5px 0 0px;
}

.gwt-PushButton#continue {
  float: right;
  margin: 5px 20px 0 0px;
}

.gwt-PushButton-disabled#addUser {
  color: #aaa;
  background-image: url(../img/h4_bg.png);
  background-repeat: repeat-x;
  background-position: 0 50%;
  border: 1px solid #ddd;
}

.gwt-PushButton-up-disabled#addressLookup {
display:none;
}

.gwt-Label {
  float: left;
  width: 140px;
  margin-left: 15px;
  position:relative;
  top:5px;
}


fieldset.radioDropdown li {
float:left;
clear:left;
width:400px;
}

fieldset.radioDropdown select {
width:170px;
}

fieldset.radioDropdown .gwt-ListBox {
}

.gwt-RadioButton {

}

.gwt-RadioButton input {
margin-left:15px;
}

.gwt-RadioButton label {
font-size:11px;
margin-left:2px;
position:relative;
top:-2px;
color:#444;
font-weight:normal;
}

.ServiceWidget .gwt-Label {
position:relative;
top:0;
left:1px;
width:auto;
}

.ServiceWidget .name {
float:left;
}

.SelectionWidget {
float:left;
margin-left:12px;
}


.gwt-CheckBox {
	margin-left: 15px;
}

span.gwt-CheckBox label {
	position:relative;
	top:-2px;
	margin-left:3px;
}


.helpIcon{
background-image:url(../img/bg_info-icon.png);
background-repeat:no-repeat;
background-position: center;
float:left;
margin-left: 6px;
width:20px;
height:20px;
position:relative;
top:-3px;

}

.helpIconText{

}


.postalCodeField {
float:left;
}



.postalCodeField .gwt-Label {

}

/* POPUP BOXES etc.  */
/* >>>>>>>> progressBox used for customer prompts in secondaryColumn  */
.progressBox {
  border: 1px solid #dedede;
  width:120px;
  background-color:#fff;
  background-image: url(../img/bt_progress.gif);
  background-repeat: no-repeat;
  background-position: 2% 50%;
  font-weight: bold;
  min-height: 16px;
  text-align:left;
  color:#ff6905;
  padding:5px 3px 5px 48px;
}


.progressBox .gwt-HTML {
  margin: 0;
  display: block;
}



/* >>>>>>>> infoBox used for customer prompts in secondaryColumn  */
.leftBox {
float: left;
}

.rightBox {
float: right;
}

.infoBox {
width:200px;
color: #ff5e00;
font-family: verdana, arial, sans-serif;
background-color:#fff;
border:1px solid #dedede;
line-height:1.25;
background-image: url(../img/arrow-infobox.gif);
background-repeat: no-repeat;
background-position: 0 50%;
text-align:left;
}

.infoBox h4 {
font-weight: bold;
margin: 5px 0 -5px 32px;
}

.infoBox p {
margin:0;
padding:3px 3px 3px 20px;
font-weight:bold;
font-size:10px;
line-height:1.2;
}

/* >>>>>>>> infoBoxAlert used for error messages in secondaryColumn  */
.infoBoxAlert {
font-size: 11px;
color: #666;
font-family: verdana, arial, sans-serif;
background-color: #fff;
line-height: 125%;
color: #d71f85;
width: 250px;
background-image: url(../img/alert.png);
background-repeat: no-repeat;
background-position: 0 50%;
}

.infoBoxAlert p {
padding: 5px 0 5px 0;
}


/* >>>>>>>> popupBox used for popups that float over main layout  */
.popupBox {
width:160px;
border:1px solid #dedede;
background-color: #fff;
outline: none;
padding:0 5px 5px 5px;
font-size:10px;
}

.popupBox alert {
color: #d71f85;
background-image: url(../img/alert_body.gif);
background-repeat: no-repeat;
background-position: right bottom;
}

.popupBox h4 {
font-size: 11px;
padding: 0;
margin-left:5px;
border-bottom: 1px solid #dedede;
font-weight: bold;
}


.popupBox alert h4 {
color: #d71f85;
padding-bottom:1px;
}

.popupBox p {
margin-left:5px;
}

.popupBox ul, .popupBox ol {
margin: 5px 0 5px 0;
padding: 0 10px 0 10px;
}

.popupBox li {
margin: 5px 0 5px 0;
padding: 0 10px 0 15px;
background-image: url(../img/bullet.gif);
background-repeat: no-repeat;
background-position: 0 51%;
font-size:11px;
line-height:1.25;
}

.popupContent {
padding:0;
margin:0;
}

.popupContent .gwt-Label {
width:auto;
padding:0 5px 5px 5px;
margin:0;
font-size:11px;
font-weight:bold;
line-height:1.25;
}


div#error{
padding-bottom: 1px;
outline:none;
}

div#error li {
color: #ed1c24;
font-size: 11px;
margin:0 0 0 0;
padding: 3px 0 3px 22px;
background-image: url(../img/alert_icon.gif);
background-repeat: no-repeat;
background-position: 0 50%;
}

div#error li .gwt-Label {
width:100%;
float:none;
padding:0;
margin:0;
top:0;
}


.popupError {
color: #d71f85;
font-size: 11px;
line-height: 135%;
margin: 0 0 0 3px;
padding: 3px 0 3px 22px;
background-image: url(../img/alert_icon.gif);
background-repeat: no-repeat;
background-position: 0 50%;
}

.buttonPanel{
	float: right;
}

.popupBox2 {
width: 38em;
font-size: 12px;
line-height: 150%;
border: 1px solid #ddd;
background-color: #ffffff;
color: #d71f85;
background-image: url(../img/alert_body.gif);
background-repeat: no-repeat;
background-position: right bottom;
}

.popupBox2 h4 {
font-size: 13px;
padding: 3px 0 3px 10px;
border-bottom: 1px solid #ddd;
font-weight: bold;
color: #d71f85;
}

.popupBox2 p {
margin: 5px 0 5px 5px;
padding: 0 10px 0 10px;
}

.popupBox2 ul, .popupBox2 ol {
margin: 5px 0 5px 0;
padding: 0 10px 0 10px;
}

.popupBox2 li {
margin: 5px 0 5px 0;
padding: 0 10px 0 5px;
}

.popupBox2 span.gwt-RadioButton {
	margin-left: 15px;
}


.radio {
	margin-left: 15px;
}

.radioUS{
	float:left;
	clear: both;
	margin: 5px 120px 0px 15px;
}

div#primaryColumn span.radioUS label {
	float: none;
	margin-left: 5px;
}



/* SPECIAL STYLES */

/*
#signupHelp {
background:#fff;
width:123px;
height:35px;
position:absolute;
right:0;
top:0;
}

#signupHelp a {
width:123px;
height:35px;
display:block;
line-height:34px;
background-image: url(../img/bg_helplink.png);
background-repeat:no-repeat;
background-position: left top;
color:#fff;
font-weight:bold;
padding-left:10px;
outline:none; 
}

#signupHelp a:hover {
text-decoration:none;
}
*/


span.required {
color: #ff5e00;
}

table.rightBox {
float:right;
}

.popupBox2 {
background-image:none;
color:#ff6600;
font-weight:bold;
padding:0;
}

.popupBox2 h4 {
color:#fff;
background:#ff6600;
padding-left:15px;
margin:0;
}

.popupBox2 p {
line-height:1.25;
}

.ga_options_box a {
font-weight:bold;
font-size:1.4em;
width:360px;
height:50px;
line-height:42px;
padding:3px 0 3px 56px;
display:block;
background-repeat:no-repeat;
background-position: 0 50%;
color: #ff6600;
}

.ga_options_box a:hover {
text-decoration:none;
background-position: .5% 50%;
}

.ga_options_box a#confHomePage {
background-image: url(../images/background/bg_close_win.png);
}

.textFields ol { 
list-style: none;
}

ol { 
list-style: none;
}

OL { 
list-style-type: none;
}