/* @override http://www.example.com:3000/stylesheets/forms.css */
form { font: 10pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }

input, textarea, select { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; -moz-box-shadow: rgba(255,255,255,1) 0 1px 0px; -webkit-box-shadow: rgba(255,255,255,1) 0 0px 2px; font-weight:bold; font-size: 10pt; }

textarea { display: block; clear: both; border: 1px solid #b6b5b5; padding: 5px;  -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; color: #33809e; font-size: 10pt; }

form p { margin: 0 0 12px 0; clear: both; }
form p span { display: block; color: black; font-style: oblique; padding: 12px 0 0 0; color: #33809e; text-shadow: white 0px 1px 0px;}
form p span.spanSubmit { padding: 0 0 0 6px; display: inline-block; }

/* @clubmovistar */

form p.clubmovistar { display: block; width: 401px; background: white url(../images/various/clubmovistarHead.png) no-repeat top left; padding: 93px 12px 12px 12px; -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 3px; -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 3px; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px;}
form p.clubmovistar input { color: black !important; }
form p.clubmovistar label { color: #33809e !important; }

/* @subTitleform */

.subTitleform { display: block; padding: 0 0 6px 0; font-size: 10pt; color: black; text-shadow: white 0px 1px 0px; margin-bottom: 6px; }
form.formExt .subTitleform { color: white;  text-shadow: black 0px -1px 0px}

/* @searchForm */

form#searchForm { position: relative; width: 225px; float: right;  }
form#searchForm p { font-size: 10pt; margin: 0; }
form#searchForm p input { font-size: 8pt; font-weight: normal; width: 195px; height: 18px; padding: 2px 25px 0 5px; margin: 0; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: rgba(0,0,0,0.5) 0 1px 3px; -webkit-box-shadow: rgba(0,0,0,0.5) 0 1px 3px;	border: 1px solid white; }

form#searchForm p input.submitSearch { display: block; position: absolute; top: 0; right: 0; width: 20px; height: 20px; cursor: pointer; background: white url(/images/searchInput.png) no-repeat; -moz-box-shadow: none; -webkit-box-shadow: none; padding: 0; }

/* @miniForm */

form.miniForm { background: url(/images/backgroundWhite.png) center top; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid white;}

form.miniForm h2 { text-align: center; }

form.miniForm input.input { display: block; clear: both; margin: 5px 10px; width: 185px; border: 1px solid #b6b5b5; padding: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; color: #33809e;}

form.miniForm input.input:focus { border-color: #33809e;}

form.miniForm input.submit { margin: 10px auto 10px 75px;}

form.miniForm p.forgot { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-align: center; font-weight:bold;  color: black; padding-bottom: 5px; padding-top: 5px; -moz-box-shadow: rgba(000,000,000,0.2) 0 1px 2px; -webkit-box-shadow: rgba(000,000,000,0.08) 0 -1px 0px; border-top: 1px solid #fff;}
form.miniForm p.forgot a { color: black; font-weight: bold; text-decoration: none;}
form.miniForm p.forgot a:hover { color: #33809e;}


/* @mainForm  */

#mainForm { float: right; width: 425px; padding: 20px 20px 8px 20px;  background: rgb(193,193,193) url(/images/backgroundWhite.png) repeat-x center top; border: 1px solid white; border-right: none; margin: 20px 0; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; overflow: hidden; }



#mainForm .formOption { position: relative; width: 434px; margin: 0 -5px 12px -5px; margin-bottom: 12px;  }
#mainForm .formOption .formOptionTwo { width: 207px; padding: 0 5px; float: left; overflow: hidden; }
#mainForm .formOption .formOptionTwo input { width: 195px; }

#mainForm form { width: 425px; }
#mainForm form p { margin: 0 0 12px 0; color: black; text-shadow: white 0px 1px 0px; }
#mainForm label { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; display: block; color: black; text-shadow: white 0px 1px 0px; font-weight: bold; margin: 0 0 6px 0;  }

#mainForm form input { display: inline; width: 290px; border: 1px solid #b6b5b5; padding: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; color: #33809e;}

#mainForm form input#no-connect {
}
#mainForm form input:focus { border-color: #33809e;}
#mainForm form input.submit { text-transform: uppercase; }
#mainForm form textarea { width: 270px; height: 150px; display: inline; }
#mainForm form input#cat_name_ { width: auto; height: auto; margin: 0 6px 0 0; border: none; }

/* @cropImagen */

.cropImage { width: 425px; margin: 0 0 12px 0; }
.cropImage #cropLeft { width: 102px; float: left; margin: 0 15px 0 0;  }
.cropImage #cropLeft div { border: 1px solid white; margin: 0 0 15px 0; }
.cropImage #cropRight { width: 308px; float: left;  }

/* @button */

input.submit { position: relative; z-index: 2; width: auto !important; padding: 5px 12px !important; background: url(/images/smallGradient-skyblue.png) repeat-x; font-size: 10pt; text-shadow: white 0 1px 0; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: rgba(000,000,000,0.2) 0 1px 2px; -webkit-box-shadow: rgba(000,000,000,0.2) 0 1px 2px; border: 1px solid #c6eefc !important; cursor: pointer; color: black !important; }

input.submit:hover { background-color: black; background-image: none; border-color: black !important; color: white !important; text-shadow: black 0 1px 0;}

/* @various */

form ul { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: black; text-shadow: white 0px 1px 0px; }
form ul.categories.two { width: 280px; float: left; }
form ul.categories.two li { width: 140px; float: left; }
form ul.categories.one { width: 140px; float: left; }

/* @errorExplanation */

.errorExplanation { padding: 10px; margin-bottom: 20px; color: black; text-shadow: white 0px 1px 0px; background-color: white; border-top: 1px solid rgb(150,150,150); border-bottom: 1px solid rgb(150,150,150); }
.errorExplanation h2 { font-size: 10pt; color: rgb(194,87,101); margin: 0 0 12px 0;}
.errorExplanation ul { padding: 0 0 0 20px; }
.errorExplanation ul li { list-style-type: disc; }

/* @formTransparent */

form.formExt { padding: 15px 30px; }
form.formExt p label { font-weight: bold; margin: 0 6px 0 0; } 

/* @wideSearch */

form#wideSearch { width: 658px; padding: 15px; margin: 0 0 20px 0; background: #8db8c9 url(/images/bigGradient-skyblue.png) repeat-x;  -moz-border-radius: 5px; -khtml-border-radius: 5px;-webkit-border-radius: 5px;  border: 1px solid white; }
form#wideSearch input { display: inline; width: 250px; border: 1px solid #b6b5b5; padding: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; color: #33809e; }
form#wideSearch input:focus { border-color: #33809e;}

/* @Connect */

div#connect {
	width: 100%;
	overflow: hidden;
	height: 100%;
	padding-right: 0;
}

div#connect p {
	width: 120px;
	overflow: hidden;
	float: left;
	clear: none;
	margin-right: 10px;
	display: inline;
	margin-top: 32px;
	height: 100%;
}

form div#connect p.socialConnect { width: 275px;
	padding: 9px;
	border: 1px solid #b6b5b5;
	margin-top: 0;
	background-color: rgba(255,254,255,0.5);
	-moz-border-radius: 5px !important; 
	-khtml-border-radius: 5px !important; 
	-webkit-border-radius: 5px !important;
	margin-right: 0;
}

form p.socialConnect input { margin: 0 0 6px 0; }

input.facebookConnect { width: 150px !important; height: 22px !important; padding: 0 !important; border: none !important; background: url(/images/icons/connect/facebook_signin.png) no-repeat; -moz-border-radius: 0px !important; -khtml-border-radius: 0px !important; -webkit-border-radius: 0px !important; cursor: pointer; }
input.facebookConnect:hover { background-position: left center; }
input.facebookConnect:focus { background-position: left bottom; }

input.twitterConnect { width: 150px !important; height: 22px !important; padding: 0 !important; border: none !important; background: url(/images/icons/connect/twitter_signin.png) no-repeat; -moz-border-radius: 0px !important; -khtml-border-radius: 0px !important; -webkit-border-radius: 0px !important; cursor: pointer; }
input.twitterConnect:hover { background-position: left center; }
input.twitterConnect:focus { background-position: left bottom; }