/* 
  ##########################################################################################################

	RamonPage - Grid Forms
	CSS Style by Ramon Bispo (Page) 
	Rio de Janeiro, Brazil | March/May, 2007 | Some Rights reserved
	
	Esteja livre para usar este recurso, porém cite o autor da obra
	Documento sob licensa Creative Commons 2.5 Br

  ########################################################################################################### 
*/


form#frmstylizer {
	margin: auto;
	text-align: left;
}

form br {
	clear: left;
}

.fieldset {
	margin: 0;
	padding: 10px;
	border: 0;
	clear: left;
}

legend, label 
{
	color: #696969;
}

.fieldset .fieldset 
{
	padding: 0;
}

label {
    display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 9px;
	line-height: 1.1em;
	float: left;
}

a.link {
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 9px;
	line-height: 1.1em;
	float: left;
}

/* full */
label.full {
	width: 720px;
}

label.fullck {
	width: 720px;
    margin-top: 17px;
}

.ie label.fullck {
    margin-top: 0px;
}

label.fullwbtn {
	width: 697px;
}

/* x-large */
label.x-large {
	width: 536px;
}

label.x-largeck {
	width: 536px;
    margin-top: 17px;
}

.ie label.x-largeck {
    margin-top: 0px;
}

label.x-largewbtn {
	width: 513px;
}

/* large */
label.large { 
	width: 355px;
}

label.largeck { 
	width: 355px;
    margin-top: 17px;
}

.ie label.largeck {
    margin-top: 0px;
}

label.largewbtn { 
	width: 327px;
}

/* small */
label.small { 
	width: 172px;
}

label.smallck { 
	width: 172px;
    margin-top: 17px;
}

.ie label.smallck {
    margin-top: 0px;
}

label.smallwbtn { 
	width: 149px;
}

/* x-small */
label.x-small { 
	width: 81px;
}

label.x-smallck { 
	width: 81px;
    margin-top: 17px;
}

.ie label.x-smallck {
    margin-top: 0px;
}

label.x-smallwbtn { 
	width: 63px;
}

label.x-smallbtn { 
	float: right;
	width: 79px;
	padding: 0px 5px 0px 5px;
}

/* xx-small */
label.xx-small { 
	width: 18px;
	padding: 0px 0px 5px 0px;
}



.textfield,
.select,
.text {
	border: 1px solid #909090;
	background-color: #fafafa;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	color: #707070;
	display: block;
	width: 100%;
	padding-left: 3px;
}

input 
{
	border: 1px solid #909090;
}

input[type=text]
{
    text-transform: uppercase;
}

input[type=text].email
{
    text-transform: lowercase;
	border: 1px solid #909090;
	background-color: #fafafa;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	color: #707070;
	display: block;
	width: 100%;
	padding-left: 3px;
}

input[type="checkbox"] {
    float: left;
    margin: 0px 5px 0px 0px;
    border: none;
}

.check {
	margin: 0px 0px 9px 0px;
    padding: 0px 0px 0px 0px;
	color: #707070;
	display: block;
	width: 100%;
    float: left;
}

.combobox {
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	color: #707070;
	display: block;
	width: 100%;
    height: 18px;
	padding-left: 3px;
}

.combobox[disabled]{
	background-color: #d0d0d0;
}

.textfield[readonly]{
	background-color: #d0d0d0;
}

.button 
{
	width: 100%;
	color: #696969;
    background: #cfcfcf;
}

.button:hover 
{
    background: #6699cc;
    color: white;
}

.button:active 
{
    background: #ffffff;
    color: #6699cc;
}

.ie .btnF2 {
	border: 1px solid #909090;
	color: #696969;
    background: #cfcfcf;
    height: 16px;
    width: 17px;
    margin: 1px 0px 0px 4px;
}

.chrome .btnF2 {
	border: 1px solid #909090;
	color: #696969;
    background: #cfcfcf;
    height: 16px;
    width: 17px;
    margin: 0px 0px 0px 4px;
}

.gecko .btnF2 {
	border: 1px solid #909090;
	color: #696969;
    background: #cfcfcf;
    height: 16px;
    width: 17px;
    margin: 0px 0px 0px 4px;
}