/** Add css rules here for your application. */


/** Example rules used by the template application (remove for your app) */
/*
html {margin: 0px; padding: 0px; background-color: #f6f6f6; background-image: url(images/bara_top.gif); background-repeat: repeat-x; background-position: center 0px;}
body {margin: 0px; padding: 0px; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #565656; line-height: 18px; background: url(images/bara_top.png) no-repeat center top;}
*/
html {margin: 0px; padding: 0px; background-color: #f6f6f6; background-image: url(images/bara_top.gif); background-repeat: repeat-x; background-position: center 0px;}


.topBarStyle {
	margin: 0px; 
	padding: 0px; 
	background-image: url(images/bara_top.png); 
	background-repeat: repeat-x; 
	background-position: center 0px;
}

h1 {
  font-size: 2em; 
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

.whiteColoritic {
  color: #FFFFFF ;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}

.vmytabTitle {
	 font-size: 13pt;
}

.vmytabTitleSelected {
    font-size: 13pt;
}

.vmytabTitleOver {
    font-size: 13pt;
}

.vmytabTitleDown {
    font-size: 13pt;
}

.vmytabTitleSelectedOver {
    font-size: 13pt;
}

.vmytabTitleSelectedDown {
    font-size: 13pt;
}

.loadingStyle{
	font-size: 13pt;
	font-weight:bold;
	vertical-align:middle;
}

/* set css style for tab headers */
.mytabTitle {
	font-size: 12px;
	font-weight:bold;
	color: black;
	text-align: left;
	margin-left: 27px;
	width: 65px;
	
	/*font-weight:none;
	width: 39px;*/
}


/* set css style for normal text */
td.normal {
	font-size: 12px;
	color: black;
}
/* style for tab text and for button */
td.tabButtonTop, td.tabButtonTopSelected, td.tabButtonTopSelectedOver, td.tabButtonTopSelectedDown, td.tabButtonTopOver, td.tabButtonTopDown, td.buttonRounded , 
td.buttonRoundedOver, td.buttonRoundedDown , td.buttonRoundedDisabled {
	font-size: 12px;
	color: black;
}

/* style for label of the combobox */
td.formTitle , td.formTitleFocused {
	font-size: 12px;
	color: black;
}


/* style for combobox item */
div.selectItemText, div.selectItemTextFocused, div.selectItemTextDisabled, td.pickListCell,  td.pickListCellSelected, td.pickListCellSelectedDark, td.pickListCellDark {
	font-size: 12px;
	color: black;
}

/* style for table cell selected elements */
td.cellOver, td.cellOverDark, td.cellSelected, td.cellSelectedDark, td.cellSelectedOver, td.cellSelectedOverDark {
	font-size: 12px;
	color: black;
}

/* style for table cell unselected elements */
td.cell, td.cellDark, td.cellDisabled, td.cellDisabledDark, 
td.tallCell, td.tallCellDark, td.tallCellOver, td.tallCellOverDark, td.tallCellSelected, td.tallCellSelectedDark, td.tallCellSelectedOver, td.tallCellSelectedOverDark, 
td.tallCellDisabled, td.tallCellDisabledDark, td.gridSummaryCell, td.gridSummaryCellDisabled, td.recordSummaryCell, td.recordSummaryCellDark, td.recordSummaryCellOver, 
td.recordSummaryCellOverDark, td.recordSummaryCellSelected, td.recordSummaryCellSelectedDark, td.recordSummaryCellSelectedOver, td.recordSummaryCellSelectedOverDark, 
td.recordSummaryCellDisabled, td.recordSummaryCellDisabledDark, td.expansionCellCell, td.expansionCellCellDark, td.expansionCellCellOver, td.expansionCellCellOverDark, 
td.expansionCellCellSelected, td.expansionCellCellSelectedDark, td.expansionCellCellSelectedOver, td.expansionCellCellSelectedOverDark, td.expansionCellCellDisabled, 
td.expansionCellCellDisabledDark, td.specialCol, td.specialColOver, td.specialColSelected, td.specialColSelectedOver, td.specialColDisabled, td.groupNode {
	font-size: 12px;
	color: black;
}

/* style for table headers */
td.imgHeaderButtonDisabled, td.imgHeaderButtonSelectedDisabled, td.headerButtonDisabled, td.headerButtonSelectedDisabled, td.sorterButtonDisabled, td.sorterButtonSelectedDisabled {
	font-size: 12px;
	color: black;
}

/* style for group label (used in Assign Units)*/
td.groupLabel {
	font-size: 14px;
	font-weigth: bold;
	color: #000000;
}

/* style for a form title (used in Assign Units)*/
td.formTitleDisabled {
	font-size: 12px;
	color: black;
}

/* style used to display tab card in the left 
td.tabButtonLeft, td.tabButtonLeftOver {
    background-color: rgb(72, 0, 224);
    background-size: 100% auto;
    background-image: -moz-linear-gradient(left center , rgb(240, 240, 240) 0%, rgb(240, 240, 240) 10%, rgb(227, 227, 227) 57%, rgb(227, 227, 227) 100%);
    border-left: 1px solid rgb(171, 171, 171);
    border-bottom: 1px solid rgb(171, 171, 171);
    border-top: 1px solid rgb(171, 171, 171);
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    box-shadow: 0px 1px 1px white inset, 1px 0px 1px white inset, -1px 0px 1px white inset;
    color: rgb(21, 66, 139);
    font-family: Arial,Verdana,sans-serif;
    font-size: 12px;
    padding: 0px 7px 1px 0px;
    margin-left: 27px;
    visibility: inherit;
    cursor: pointer;
    position:absolute;
	left:0px;
	background-color:#b0e0e6;
}
*/

.backLinkStyle{
	font-size: 12px;
	font-weight:none;
	text-decoration:underline;
	color: blue;
}

.billingHeaderStyle{
	font-size: 18px;
	text-decoration: none;
	color: #0055FF;
}

.headerStyle {
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
	color: #000000;
}

.headerStyleLarge {
	font-size: 18px;
	font-weight:bold;
	text-decoration: none;
	color: #000000;
}

.headerStyleLargeBlue {
	font-size: 18px;
	font-weight:bold;
	text-decoration: none;
	color: #158FD1;
}

.headerStyleLargeGreen {
	font-size: 19px;
	font-weight:bold;
	text-decoration: none;
	color: #008800;
}

.companyInfoStyle {
	font-size: 12px;
	line-height:1.5;
	color: #444444;
}


.payedStyle {
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
	color: #008800;
}

.payedStyleLarge {
	font-size: 14px;
	font-weight:bold;
	text-decoration: none;
	color: #008800;
}

.titleStyleBilling {
	font-size: 13px;
	font-weight:bold;
	text-decoration: none;
	color: #000000;
}

.titleStyleBillingError {
	font-size: 13px;
	font-weight:bold;
	text-decoration: none;
	color: #000000;
}

.notPayedStyle {
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
	color: #920C1A;
}

.lastInvoiceStyle {
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
	color: #000000;
}

.lastInvoiceHeaderStyle {
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
	color: #000000;
}

.lastInvoiceHeaderStyleLarge {
	font-size: 14px;
	font-weight:bold;
	text-decoration: none;
	color: #000000;
}

.lastInvoiceHeaderStyleLargeNoBold {
	font-size: 13px;
	text-decoration: none;
	color: #000000;
}

.lastInvoiceHeaderStyleLargeNoBoldError {
	font-size: 13px;
	text-decoration: none;
	color: #000000;
}

.titleStyleBillingForTextArea {
	font-size: 15px;
	font-weight:bold;
	text-decoration: none;
	color: #000000;
}

.titleStyleBillingForTextAreaError {
	font-size: 15px;
	font-weight:bold;
	text-decoration: none;
	color: #000000;
}

.loginButtonStyle{
	font-size: 18px;
	text-decoration: none;
	color: red;
}

.loginButtonStyle-over{
	font-size: 18px;
	text-decoration: none;
	color: yellow;
}

.loginButtonStyle-disabled{
	font-size: 18px;
	text-decoration: none;
	color: green;
}

.loginButtonStyle-pressed{
	font-size: 18px;
	text-decoration: none;
	color: blue;
}


.accountNameStyle {
	font-size: 13px;
	font-weight:bold;
	text-decoration: none;
	color: #121a72;
}

.accountNameSmallerStyle {
	font-size: 12px;
	font-weight:none;
	text-decoration: none;
	color: #000000;
}

.userNameStyle {
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
	color: #ffffff;
}

.userNameOverStyle {
	font-size: 12px;
	font-weight:bold;
	text-decoration: underline;
	color: #DDDDDD;
}

.numbersOfX {
	font-size: 14px;
	font-weight:bold;
	text-decoration: none;
	color: #121a72;
}

.important {
	background: #f9c0cf;
	border: 1px solid #D893A1;
	color: #333;
}

.transparent {
	background-color: transparent;
	font-size: 12px;
	color: #333;
	font-weight:bold;	
}


/* Buttons*/
.cssButton {

text-decoration: none;
background: linear-gradient(rgb(69, 177, 232), rgb(48, 151, 222)) repeat scroll 0% 0% rgb(69, 177, 232);
border-radius: 4px;
cursor: hand;
outline: medium none;
font-family: "Helvetica Neue","Helvetica",Arial,sans-serif;
font-weight: bold;
font-size: 16px;
color: rgb(255, 255, 255);
}

.cssButtonOver {
text-decoration: none;
background: linear-gradient(rgb(69, 177, 232), rgb(48, 151, 222)) repeat scroll 0% 0% rgb(69, 177, 232);
border-radius: 4px;
cursor: hand;
outline: medium none;
font-family: "Helvetica Neue","Helvetica",Arial,sans-serif;
font-weight: bold;
font-size: 16px;
color: rgb(255, 255, 255);
}

.cssButtonPressed {
text-decoration: none;
background: linear-gradient(rgb(50, 137, 195), rgb(39, 124, 190)) repeat scroll 0% 0% rgb(69, 177, 232);
border-radius: 4px;
cursor: hand;
outline: medium none;
font-family: "Helvetica Neue","Helvetica",Arial,sans-serif;
font-weight: bold;
font-size: 16px;
color: rgb(255, 255, 255);
}

.cssButtonDisabled {
text-decoration: none;
cursor: default;
outline: medium none;
font-family: "Helvetica Neue","Helvetica",Arial,sans-serif;
font-weight: bold;
font-size: 16px;
color: rgb(0,0,0);
}



td#payNow.buttonRounded {
	font-size: 14px;
	font-weight:bold;
	text-decoration: none;
	color: #000000;
	background-color:#FF0088; 
	
	/*
	position: absolute;
top: 0px;
left: 0px;
right: 0px;
display: block;
-moz-box-sizing: border-box;
padding: 0px;
margin: 0px;
width: 100%;
height: 37px;
border: 0px none;
text-decoration: none;
background: linear-gradient(rgb(69, 177, 232), rgb(48, 151, 222)) repeat scroll 0% 0% rgb(69, 177, 232);
border-radius: 4px;
-moz-user-select: none;
cursor: pointer;
outline: medium none;
font-family: "Helvetica Neue","Helvetica",Arial,sans-serif;
font-weight: bold;
font-size: 17px;
color: rgb(255, 255, 255);
text-shadow: 0px -1px 0px rgba(46, 86, 153, 0.3);
box-shadow: 0px 1px 0px rgba(46, 86, 153, 0.15), 0px 0px 4px rgba(86, 149, 219, 0), 0px 2px 0px rgba(41, 102, 20, 0) inset;
transition: box-shadow 0.15s linear 0s;
*/
	
}


.textItemmm:active{
background-color:#FFFF88; 
outline:none;
font-family:Comic Sans MS;
}

.exampleE {
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
}

.rounded-corners {
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}


/* STYLE FOR PAY PAL FORM */

.payPalButtonPay {
	text-decoration: none;
	cursor: default;
	outline: medium none;
	font-family: "Helvetica Neue","Helvetica",Arial,sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: rgb(0,0,0);
	border:none;
	width:75px;
	height:26px;
}

.normalPayFormItem {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	width: 100%;
	height: 37px;
	-moz-box-sizing: border-box;
	background: none repeat scroll 0% 0% rgb(255, 255, 255);
	padding: 0px 6px 2px 29px;
	margin: 0px;
	font-family: "Helvetica Neue","Helvetica",Arial,sans-serif;
	font-size: 15px;
	color: rgb(0, 0, 0);
	-moz-user-select: text;
	border-width: 1px;
	border-style: solid;
	border-right: 1px solid rgb(206, 206, 207);
	border-left: 1px solid rgb(206, 206, 207);
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	border-color: rgb(181, 181, 182) rgb(206, 206, 207) rgb(222, 222, 223);
	box-shadow: 0px 1px 1px rgba(124, 124, 127, 0.1) inset, 0px 1px 0px rgba(255, 255, 255, 0.7), 0px 0px 4px rgba(86, 149, 219, 0);
	border-radius: 4px;
	transition: border-color 0.15s linear 0s, box-shadow 0.15s linear 0s;
}

.payFormPanel {
	display: block;
	position: relative;
	margin: 1px 1px 0px;
	height: 250px;
	background: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)) repeat scroll 0% 0% rgb(255, 255, 255);
	border-top: 1px solid rgb(0, 0, 0);
	border-left: 1px solid rgb(0, 0, 0);
	border-right: 1px solid rgb(0, 0, 0);
	border-bottom: 1px solid rgb(0, 0, 0);
	border-radius: 7px 7px 7px 7px;
	box-shadow: 0px 1px 0px rgb(255, 255, 255);
	cursor: default;
}

.payFormPanelHeader {
	display: block;
	position: relative;
	padding: 5px 7px 10px 7px;
	border-radius: 17px 17px 0px 0px;
	height: 108px;
	background: linear-gradient(rgb(240, 240, 242), rgb(240, 240, 242)) repeat scroll 0% 0% rgb(240, 240, 242);
	border-bottom: 1px solid rgb(0, 0, 0);
	box-shadow: 0px 1px 0px rgb(255, 255, 255);
	cursor: default;
}

.payPalHeaderStyle {
	font-size: 13px;
	font-weight:bold;
	text-decoration: none;
	color: #121a72;
}

.payPalValue {
	font-size: 14px;
	font-weight:bold;
	text-decoration: none;
	color: #000000;
}

.payPalHeaderStyleFocused {
	font-size: 13px;
	font-weight:none;
	text-decoration: none;
	color: #1b74b0;
}

.payPalHeaderStyleError {
	font-size: 13px;
	font-weight:none;
	text-decoration: none;
	color: #DD0000;
}

.hideTextBox, .hideTextBoxFocused, .hideTextBoxError {
	font-size: 12px;
	font-weight:none;
	text-decoration: none;
	color: #ffffff;
	background: none repeat scroll 0% 0% white;
	border: 0px solid rgb(255, 255, 255);
	border-radius: 0px;
	width: 0px;
}

.payPalError {
	font-size: 14px;
	font-weight:bold;
	text-decoration: none;
	color: #990000;
}

.payPalSuccess {
	font-size: 14px;
	font-weight:bold;
	text-decoration: none;
	color: #008800;

.payFormTextBox {
	font-size: 12px;
	font-weight:none;
	text-decoration: none;
	color: #121a72;
	background: none repeat scroll 0% 0% white;
	border: 1px solid rgb(171, 171, 171);
	border-radius: 2px;
}

.payFormTextBoxFocused {
	font-size: 12px;
	font-weight:none;
	text-decoration: none;
	color: #1b74b0;
	background: none repeat scroll 0% 0% white;
	border: 1px solid rgb(184, 207, 239);
	border-radius: 2px;
}

.payFormTextBoxError {
	font-size: 12px;
	font-weight:none;
	text-decoration: none;
	color: #990000;
	background: none repeat scroll 0% 0% white;
	border: 1px solid rgb(99, 0, 0);
	border-radius: 2px;
}

td.sectionHeaderopened {
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    background-image: none;
    border-top: 5px solid rgb(255, 255 ,255);
    border-bottom: 1px solid rgb(171, 171, 171);
    font-size: 13px;
    font-weight:bold;
    color: #000000;
    vertical-align: text-bottom;
}