/* ************************************************************************************* */
/*   This is for any styles associated with FORMS                                        */  
/* ************************************************************************************* */

/* *************************************** */
/*    Color Schemes     	     		   */
/* *************************************** */
/*
    swicblue - color:#005DAA;
    mediumblue - color:#0b3e91;
    darkblue - color:#00335E;
	sharepointblue - #21428D;
    orange - color:#EC903D;
    darktan - color:#EDE0BF;
	offwhitetan -  background-color:#FDFBF7;
    lighttan - background-color:#f6efdf;
    darkgrey - color:#aeaeae;
    lightgrey - background-color:#eaeaea;
    lightblue(test color) - background-color:#DFEBF4; 
*/




/* *************************************** */
/*    General Styles     		     	   */
/* *************************************** */

label{
	font:13px/20px;
	font-weight: bold;
	display:block;
}

.design_list_horizontal label{
	display:inline;
}

label em {
	font-weight:normal;
}

/* fieldsets */
fieldset 
{
	border: 2px outset #aeaeae;
	padding: 5px;
	margin-bottom:5px;

}

fieldset fieldset
{
	border: 1px outset #aeaeae;
	padding: 5px;
	margin-bottom:5px;
}

/* 525px wide forms */
.px525
{
	width:525px;
}

fieldset.px525 textarea
{
	display:block;
	width: 520px;
}

/* legend */
fieldset fieldset legend
{
	color:#0b3e91;
	font-size: 10pt;
	font-weight:bold;
	font-variant: small-caps;
}

legend
{
	color:#0b3e91;
	font-size: 12pt;
	font-weight:bold;
	font-variant: small-caps;
}

/* list elements in fieldsets */
fieldset ul
{
	display: block;
	margin:0px;
	padding:0px 3px;
}

fieldset ul li
{
	display: inline;
	padding: 3px;
}

fieldset ol
{
	display: inline; /*changing this from inline will screw up the form id=1462, it can be done if you want to add a selector there, but i figured most cases we will be using it like this is the future*/
	margin-bottom:0px;
	padding:0px 3px;
}

fieldset ol li
{
	display: inline;
	padding: 2px;
	width:50px;
}

/* form elements inside fieldsets */
fieldset input[type=text],
fieldset input[type=password],
fieldset textarea,
fieldset option ,
fieldset select
{
	background-color: #FDFBF7!important;
	width:99%!important;
	margin:3px 3px 12px 3px;
}

.auto
{
	width:auto;
}

/***** buttons ******/
.form-buttons
{
	margin-left:auto;
	margin-right:auto;
	width: 200px;
}

/* submit */
input[type=submit]
{
	position:relative;
	display: inline;
	height: 35px;
	background-color: rgb(33,66,141);
	color: #ffffff;
	font-weight:bold;
}

input[type=submit]:hover
{
	background-color: #EDE0BF;
	color: rgb(33,66,141);
	font-weight:bold;
}

/* reset */
input[type=reset]
{
	position:relative;
	display: inline;
	width: 70px;
	height: 35px;
	background-color: rgb(33,66,141);
	color: #ffffff;
	font-weight:bold;
}

input[type=reset]:hover
{	
	background-color: #EDE0BF;
	color: rgb(33,66,141);
	font-weight:bold;
}

/* *************************************** */
/*   Specific Fields     		     	   */
/* *************************************** */

/*Contact Information Standard Template Layout */

fieldset #FirstName
{
	width:100px;
}
fieldset #LastName
{
	width:200px;
}
fieldset #Address
{
	width:200px;
}
fieldset #City
{
	width:150px;
}
fieldset #State
{
	width:75px;
}
fieldset #Zip
{
	width:50px;
}
fieldset #Phone
{
	width:100px;
}
fieldset #Email
{
	width:200px;
}

/* Athletic Form*/

fieldset #HighSchoolPhone
{
	width:100px;
}

fieldset #HighSchoolGraduationYear
{
	width:50px;
}

fieldset #HighSchoolGrade-PointAverage
{
	width:50px;
}

/* Library Loan Request Form */

fieldset #LibraryBarcode
{

}

fieldset #Volume1,#Volume2,#Volume3,#Volume4,#Volume5,#Volume6,#Volume7,#Volume8,#Volume9,#Volume10
{

}

fieldset #Issue1,#Issue2,#Issue3,#Issue4,#Issue5,#Issue6,#Issue7,#Issue8,#Issue9,#Issue10
{

}

fieldset #PageNumber_s_1,#PageNumber_s_2,#PageNumber_s_3,#PageNumber_s_4,#PageNumber_s_5,#PageNumber_s_6,#PageNumber_s_7,#PageNumber_s_8,#PageNumber_s_9,#PageNumber_s_10
{

}

fieldset #Max_you_will_pay1,#Max_you_will_pay2,#Max_you_will_pay3,#Max_you_will_pay4,#Max_you_will_pay5,#Max_you_will_pay6,#Max_you_will_pay7,#Max_you_will_pay8,#Max_you_will_pay9,#Max_you_will_pay10
{

}

/* Information Request Form */

fieldset #Other_txt
{
	width:175px;
}


/* ******************************************************************************************** */
/* Form Styles - I think this is old stuff i was playing with before i discovered fieldsets     */
/* ******************************************************************************************** */

.form_outerwrapper
{
	/*width: 745px;*/
	padding:10px;

}

.form_outerwrapper h2
{
	height: 28px;
	border-bottom: 1px solid rgb(236,144,61);
	margin-bottom:10px;
}

.form_outerwrapper ol input
{
	width: 10px;
	border: 1px inset #aeaeae;
}
.form_outerwrapper ol 
{
	background-color: #fff;

}

.form_outerwrapper input	
{
	background-color: #fff;
	background-color: #FDFBF7;
	width:99%;
}

.form_outerwrapper select
{
	background-color: #FDFBF7;
	width:99%;
}

.form_outerwrapper textarea
{
	background-color: #FDFBF7;
}

/******************* form buttons ********************/

/* submit */
.form_outerwrapper input[type=submit]
{

	display: inline;
	height: 35px;
	width:auto;
	margin-left:auto;
	margin-right:auto;
	background-color: rgb(33,66,141);
	color: #ffffff;
	font-weight:bold;
	border: 3px outset #aeaeae;
	
}

.form_outerwrapper input[type=submit]:hover
{

	background-color: #EDE0BF;
	color: rgb(33,66,141);
	font-weight:bold;
}

.form_outerwrapper input[type=reset]
{

	display: inline;
	width: 70px;
	height: 35px;
	margin-left:auto;
	margin-right:auto;
	background-color: rgb(33,66,141);
	color: #ffffff;
	font-weight:bold;
	border: 3px outset #aeaeae;
	
}

.form_outerwrapper input[type=reset]:hover
{

	background-color: #EDE0BF;
	color: rgb(33,66,141);
	font-weight:bold;
}


/* *************************************** */
/*  Form Elements and Events               */
/* *************************************** */

.hide
{
		/*display:none;*/
		visibility: hidden;
		color: red;
}

.inputcolor
{
    background-color: #EAEAEA; /* to override background style in sw_editor.css */
}

/* *************************************** */
/*  Library Forms                          */
/* *************************************** */

fieldset.form-columns
{
	position:relative;
}