body *{
font-family:Verdana, Helvetica, sans-serif;
font-size:11px;
color:#000000;
border:#b0b0b0 solid;
border-width:0px;
}

a:hover{color:#FF9933;}
body {width:800px; margin:auto;background:#FFFFFF;}


.italic {font-style:italic;}
.bold{font-weight:bold;}
.left{float:left;}
.right{float:right;}
.border {border-width:1px;}
.borderLight{border-color:#e2e2e2; border-width:1px; }
.borderTop {border-top:medium solid; }
.text22 {font-size:22px;}
.text20 {font-size:20px;}
.text18 {font-size:18px;}
.text16 {font-size:16px;}
.text14 {font-size:14px;}
.text12 {font-size:12px;}
.text11 {font-size:11px;}
.text10 {font-size:10px;}

.inputField30 {width:30px; height:15px;}
.inputField80 {width:80px; height:15px;}
.inputField100{ width:100px; height:15px; }
.inputField125{ width:125px; height:15px; }
.inputField150{ width:150px; height:15px; }
.inputField200{ width:200px; height:15px; }
.borderDark { border-width:1px; border-color:#c9c9c9;}
.borderVertical {border-left-width:1px; border-right-width:1px; border-left-style:solid; border-right-style:solid;}
.darkGrey {color:#7f7f7f;}
.line{width:100%; border-width:0px; border-bottom-width:1px; height:1px; overflow:hidden; border-color:#e3e3e3 }

.leftSmall{margin-left:5px;}
.leftMedium{margin-left:10px;}
.leftLarge{margin-left:15px;}
.rightSmall{margin-right:5px;}
.rightMedium{margin-right:10px;}
.rightLarge{margin-right:15px;}
.topSmall{margin-top:5px;}
.topMedium{margin-top:10px;}
.topLarge{margin-top:15px;}
.bottomSmall{margin-bottom:5px;}
.bottomMedium{margin-bottom:10px;}
.bottomLarge{margin-bottom:15px;}
.marginLarge{margin:15px;}
.marginSmall{margin:5px;}
.marginMedium{margin:10px;}

.leftPadSmall{padding-left:5px;}
.leftPadMedium{padding-left:10px;}
.leftPadLarge{padding-left:15px;}
.topPadSmall{padding-top:5px;}
.topPadMedium{padding-top:10px;}
.topPadLarge{padding-top:15px;}
.rightPadSmall{padding-right:5px;}
.rightPadMedium{padding-right:10px;}
.rightPadLarge{padding-right:15px;}
.bottomPadSmall{padding-bottom:5px;}
.bottomPadMedium{padding-bottom:10px;}
.bottomPadLarge{padding-bottom:15px;}
.padSmall{padding:5px;}
.padMedium{padding:10px;}
.padLarge{padding:15px;}

.centerText{ text-align:center; }

.margAuto{margin:auto;}
.clear{float:none; clear:both; height:0px; overflow:hidden;}
.noUnderline{text-decoration:none;}

.bgWhite{background:#FFFFFF;}
.bgAqua{background:#f9fdfe;}
.bgLightGrey{background:#f1f1f1;}

.container{
	border-width:1px;
}
.sectionHeader{
	background:url(images/sectionHeader.gif);
	background-repeat:no-repeat;
	height:26px;
	font-size:17px;
	padding-left:36px;
	padding-top:0px;
}
.pageBody{
 padding:20px 2px 20px 2px;
}

.blue{color:#7fb8bf;}
.orange{color:#ffcc00;}
.grey{color:#b6b6b6;}
.black{color:#000000;}
.darkBlue{color:#2b2e76;}


.containerHeader{
	height:28px;
	width:100%;
	background: url(images/containerHeaderBG.gif) repeat-x;
}
.headerBulletin{
	padding-top:4px;
	padding-left:30px;
	height:19px;
	background: url(images/headerBulletin.gif) no-repeat 5px 40%;
	font-family:Arial;
	font-variant:small-caps;
	font-weight:bold;
	font-size:14px;	
	letter-spacing:0px;
}

.bgCash {background:url(images/processCash.gif) no-repeat 50% 50%; width:110px;height:50px;}
.bgClock{background:url(images/processTime.gif) no-repeat 50% 50%; width:110px;height:50px;}
.bgPeanut{background:url(images/processPeanut.gif) no-repeat 50% 50%; width:110px;height:50px;}
.processStep{ width:130px; float:left; text-align:justify;}
.newsBulletin{ background:url(images/newsBulletin.gif) no-repeat; text-align:justify; padding-left:20px;}
.detailLink{ background:url(images/linkBulletin.gif) no-repeat 0% 50%; padding-left:20px; height:15px;}
.pdfLogo{ background:url(images/pdfLogo.gif) no-repeat 100% 50%; padding-right:20px; padding-bottom:4px;}
.loginButton{
	width:83px;
	height:22px;
	background:url('images/loginButton.gif');
}
.rightArrow{
background:url(images/arrow.gif) no-repeat 50% 60%; width:23px;height:117px;
}
.justifyText{ text-align:justify;}




/***************************************************************************************************************/

.logoHeader{
width:173px; height:37px; background:url(images/logoHeader.gif);
}

.logoHeaderNew{
width:137px; height:60px; background:url(images/logoHeaderNew.gif);
}


.logoHeaderMedia{
width:165px; height:44px; background:url(images/logoHeaderMedia.gif);
}

.navTop{
width:585px; height:23px; background:url(images/navTop.gif) no-repeat; padding:10px 10px 5px 10px;
}

.linkArrow{
background:url(images/linkArrow.gif) 100% 100% no-repeat; padding-right:15px;
}

.headerUS{
background:url(images/headerUS.gif) 0% 50% no-repeat; width:17px; height:15px;
}

.dottedLine{
background:url(images/dot.gif) 0% 50% repeat-x; width:250px; height:15px;
}

.notification {
	font-style:italic; text-align:center; border-width:1px; margin:5px; padding:3px;
}

.reportCellBottom{
	border-bottom: dashed 1px #927e2c;
}

.reportCellBottomSolid{
	border-bottom: solid 1px #927e2c;
}

.reportCellSide{
	border-right:solid 2px #927e2c; 
}


.gwt-DialogBox {
	border: 2px solid #AAAAAA; 
	background-color: white;
}

.gwt-DialogBox .Caption {
	background-image: url(gray_gradient.gif);
	background-repeat: repeat-x;
	padding: 4px;
	padding-bottom: 8px;
	font-weight: bold;
	cursor: default;
}

.gwt-MenuBar {
	background-color: #C3D9FF;
	cursor: default;
}

.gwt-MenuItem {
	font-size: 80%;
	margin: 1px;
	cursor: default;
}

.gwt-MenuItem-selected {
	background-color: #E8EEF7;
}

.gwt-Tree {
}

.gwt-Tree .gwt-TreeItem {
	font-size: 80%;
	cursor: default;
}

.gwt-Tree .gwt-TreeItem-selected {
	background-color: #C3D9FF;
}

.gwt-StackPanel {
	background-color: white;
	border: 1px solid #AAAAAA;
	width: 15em;
}

.gwt-StackPanel .gwt-StackPanelItem {
	background-image: url(blue_gradient.gif);
	background-repeat: repeat-x;
	background-color: #EEEEEE;
	cursor: pointer;
	cursor: hand;
}

.gwt-StackPanel .gwt-StackPanelItem-selected {
}

.gwt-TabPanel {
	
}

.gwt-TabPanelBottom {
	border-left: 1px solid #87b3ff;
	border-right: 1px solid #87b3ff;
	border-bottom: 1px solid #87b3ff;
}

.gwt-TabBar {
	font-size: smaller;
}

.gwt-TabBar .gwt-TabBarFirst {
	height: 100%;
	border-bottom: 1px solid #87b3ff;
	border-right: 1px solid #87b3ff;
	padding-left: 3px;
}

.gwt-TabBar .gwt-TabBarRest {
	border-bottom: 1px solid #87b3ff;
	padding-right: 3px;
}
 
.gwt-TabBar .gwt-TabBarItem {
	border-top: 1px solid #87b3ff;
	border-bottom: 1px solid #87b3ff;
	padding: 2px;
	cursor: hand;
	white-space: nowrap;
	border-right: 1px solid #87b3ff;
}

.gwt-TabBar .gwt-TabBarItem-selected {
	font-weight: bold;
	background-color: #e8eef7;
	border-top: 1px solid #87b3ff;
	border-right: 1px solid #87b3ff;
	border-bottom: 1px solid #e8eef7;
	padding: 2px;
	cursor: default;
	white-space: nowrap;
}


.pl-survey-header{
font-size:14px; margin:10px 0px 0px 5px;}

.pl-survey-sub-label{
}

.pl-survey-disabled{
color:#CCCCCC;
}

.gwt-Label{
font-size:13px; margin:10px 0px 10px 5px;
}

.gwt-RadioButton{
font-size:11px; margin:10px 0px 10px 0px;
}

.gwt-CheckBox{
font-size:11px;  margin-left:5px;
}

.gwt-ListBox{
font-size:11px; margin-left:5px; border:1px #7f7f7f solid;
}

.gwt-TextBox{
font-size:11px; margin-left:5px; border:1px grey solid;
}
 
.pl-survey-status{
font-size:13px; font-weight:bold; margin-left:5px;  
}

.gwt-Button{
margin:10px 0px 10px 5px; 
width:60px; height:17px; font-size:10px;
border:1px grey solid;
}
  
.pl-loading{
font-size:13px; font-weight:bold;
}

.pl-header{
font-size:13px;}
 
.pl-survey-footer{
margin-top:10px;
text-align:center;
} 


/* basic progress bar */

.progressbar-text {
	font-weight: bold;
}

.progressbar-remaining {
	font-size: 12px;
	font-style: italic;
}

.progressbar-outer {
	border: 1px solid black;
}

.progressbar-inner {
	border: 1px solid black;
	margin: 1px;
}

.progressbar-bar {
	width: 5px;
	height: 15px;
	margin: 1px;
	
}

.progressbar-fullbar {
	background: #2b2e76;
}

.progressbar-blankbar {
	background: #eeeeee;
}



/* example solid bar */

.progressbar-solid .progressbar-bar {
	margin: 0px;
}


/* example of no border */

.progressbar-noborder .progressbar-outer {
	border: none;
}

.progressbar-noborder .progressbar-inner {
	border: 1px #7f7f7f solid;
	
}

.gwt-TextArea { 
	border: 1px #7f7f7f solid;

}

.menuItem{
width:600px; display:none; padding-top:1px;}

.menuItem a{
 text-decoration:none; font-size:10px; padding-left:5px; 
}

.pickerHeader{
background-image:url(images/pickerHeader.gif); width:596px; height:49px;
}

.pickerFooter{
background-image:url(images/pickerFooter.gif); width:596px; height:17px;
}

.pickerFooterText{
width:596px; text-align:right; font-size:10px; color:#748092;
}

.pickerPoweredBy{
float:left;width:100px; margin-left:420px; padding-top:3px; color:#748092;
}

.pickerFooterLogo{
float:right;padding-top:3px;
}

.pickerTitle{
text-align:center; font-size:35px; color:#FFFFFF;
}
.pickerBody{
background-image:url(images/pickerBody.gif); background-repeat:repeat-y; width:597px;
}
.pickerHeaderText{
float:left; width:470px; padding-top:10px; font-size:12px;
}
.pickerHeaderImage{
float:right; width:65px;}
.pickerSectionHeader{
background-image:url(images/pickerSectionHeader.gif); background-repeat:repeat-y; width:315px; height:1px; margin-left:4px; padding-left:25px;color:#FFFFFF; font-size:14px; 
}
.pickerOfferTitle{
padding-left:25px; padding-top:15px; padding-bottom:10px; font-size:16px; color:#748092;
}
.pickerOfferText{
padding-left:25px; padding-bottom:10px;}
.pickerNavItem{
float:left;width:16px;
}

.pickerNavItemText{
float:left;width:50px;text-align:center; padding-top:2px;
}

.pickerfeedbackGrey{
float:left; width:20px; height:15px; background-image:url(images/pickerFeedbackGrey.gif);
}
.pickerfeedbackWhite{
float:left; width:20px; height:15px; background-image:url(images/pickerFeedbackWhite.gif);
}

.ticketContainer{
background:url(images/ticketBg.gif) no-repeat;
width:749px; height:435px;
} 

.landingPageLogo{
width:204px; height:56px; margin-right:25px;
}
.ticketSeparator{
width:650px; height:8px; background:url(images/ticketSeparator.gif) repeat-x;
}
.barcode{
height:100%; background:url(images/ticketBarcode.gif) repeat-y;
}
.ticketBottom{
width:750px; height:33px; background:url(images/ticketBottom.gif) no-repeat;
}
.ticketBody{
width:750px; height:100%; background:url(images/ticketBody.gif) repeat-y;
}
.ticketTop{
width:750px; height:44px; background:url(images/ticketTop.gif) no-repeat;
}
.offerButton{
width:160px; height:26px; background:url(images/button.gif) no-repeat; 
}