/****************************************************************************************************
					Custom CSS for Dijit Forms
									
This CSS file can be used as a base for customizing the size of Dijit form elements. The settings
here use certain sizes, but the real effort is in cross-browser targeting specific widgets and
elements within them.

This should provide you with a base that can be modfied and built upon to make it easier to achieve
perfect layouts.

Author: Mike Wilcox, SitePen Inc.

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



/****************************************************************************************************
					Large Form Boxes
*****************************************************************************************************/

.tundra .myField.dijitTextBox,				/* TextBox, ValidationTextBox, Date Box */ 
.tundra .myField.dijitSpinner,				/* Number Spinner			*/
.myField.dijitTextBox.dijitTimeTextBox, 		/* Time Text Box 			*/
.tundra .myField.dijitTextArea				/* TextArea 				*/
{
	width:150px !important;
	margin:5px 0 0 0 !important;
}
.dj_ie6 .tundra .myField.dijitTextArea
{		
	width:150px !important;				/* TextArea is a different size in IE6	*/
}
.dj_ie6 .tundra .pagodc
{
	width: 50px;
}
.tundra .myField.dijitSpinner
{
	width:150px !important;				/* Number Spinner's different structure	*/
}							/* forces the padding in, reducing width*/

.myField.dijitTextBox,						
.myField.dijitTextBox.dijitTimeTextBox,		
.tundra .dijitTextArea.myField
{
	padding:5px;					/* General Text Padding			*/
}
.dijitSpinner{
	padding:0px !important;				/* Prevent outter padding (in IE6)	*/
}
.myField .dijitSpinnerButtonContainer
{
	line-height:23px;				/* Making Spinner buttons taller	*/
}
.dj_ie .myField .dijitSpinnerButtonContainer
{
	height:25px;					/* A little taller in IE6		*/
}
.dijitInputLayoutContainer .dijitInputField input{
	padding:5px 0px 0px 5px;			/* Centering text in Spinners		*/
}
.dj_webkit .dijitInputLayoutContainer .dijitInputField input{
	padding:10px 0px 0px 5px;			/* Webkit has a funny padding collapse - 2x*/
}

/*****************************************************************************************************
					Small Form Boxes
******************************************************************************************************/

.tundra .myField.third,
.tundra .myField.third
{
	width:100px !important;				/* Small Spinners and TimeBox		*/
}

/****************************************************************************************************
					    Buttons
*****************************************************************************************************/

.myButton.dijitButton .dijitButtonNode
{
	width:151px !important;
	margin:3px 0px 0px -2px !important;
	line-height:30px;
}
.dj_ie .myButton.dijitButton .dijitButtonNode,
.dj_webkit .myButton.dijitButton .dijitButtonNode
{
	width:153px !important;				/* Firefox's buttons are a few pixels smaller */
}
.myButton.dijitButton.save .dijitButtonNode
{
	margin-left:-1px;				/* Changes to save button		*/
	font-weight:bold;
}

/**************************************************************************************************
		 			  IE6 Surgery
In IE6 (and IE7 to a lesser degree) adding padding or margins to the INPUT of the spinners causes
major rendering errors. Left padding produced no harm though, and line-height was used to get the
top padding. Set the overflow to visible so the text wouldn't be chopped.
***************************************************************************************************/

.dj_ie6 .dijitInputLayoutContainer{
	padding:0px 0px 0px 5px;
}
.dj_ie6 .dijitInputLayoutContainer .dijitInputField input{
	padding:0px;
	line-height:22px;
	overflow-y:visible;
}


.campo
{
	width: 150px;
	
}

.pagoen
{
	width: 70px;
}
.pagodc
{
	width: 50px;
}
.block-labels
{
	width: 600px;
}

#preloader {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	position:absolute;
	z-index:999;
	background-color: #fff;
	background-image: url(http://o.aolcdn.com/dojo/1.2/dojox/image/resources/images/loading.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

