﻿

/************************************************************************************
 *  ELEMENTS                                                                        *
 ************************************************************************************/
fieldset { margin-bottom:1em; }

fieldset br { clear:both; }

fieldset.search { padding:0; }

fieldset h2 { margin:0.75em 0; }

legend
{
    margin:0 0 1em -5px;
    font-size:1.1em;
    font-weight:bold;
    color:#444;
}

label
{
    float:left;
    display:block;
    margin:0 0.3em 0.5em 0;
    width:100px;
    text-align:right;
}

select { margin:0 0.4em 0.4em 0; }

textarea
{
    margin-bottom:1em;
    padding:2px;
    width:420px;
    height: 60px;
    background-color:#f3f3f3;
}

/************************************************************************************
 *  FIELDSETS                                                                       *
 ************************************************************************************/
fieldset.step { border:solid 1px #bbb; }
fieldset.step p, fieldset.step div, fieldset.step table { margin-left:10px; }
fieldset.step h2
{
    margin:0 0 1em 0;
    padding:4px 0 5px 27px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:1.15em;
    color:#444;
}

fieldset.step h2.step1 { background:#e3e3e3 url(images/h2_step1.gif) 4px 4px no-repeat; }
fieldset.step h2.step2 { background:#e3e3e3 url(images/h2_step2.gif) 4px 4px no-repeat; }
fieldset.step h2.step3 { background:#e3e3e3 url(images/h2_step3.gif) 4px 4px no-repeat; }

fieldset.properties label
{
    margin-left:5px;
    text-align:left;
}

fieldset.wideLabels label { width:120px; }

fieldset.labelsAbove label
{
    float:none;
    display:block;
    margin:0 0 0.4em 0;
    padding:0;
    width:auto;
    text-align:left;
}

fieldset.appQuestions label
{
    width:340px;
    text-align:left;
}

fieldset.appQuestions label.nested { text-align:right; }

/************************************************************************************
 *  CLASSES                                                                         *
 ************************************************************************************/
label.zipcode
{
    float:none;
    display:inline;
    margin-left:2em;
    vertical-align:top;
}

input.upload { background-color:#f3f3f3; }
input.button
{
    display:block;
    margin:0.4em 0;
}

input.inlineButton { margin:0 3px 0.4em 0; vertical-align:top; }

input.favoritesButton { margin-bottom:2em; }
input.right
{
    float:right;
    display:inline;
}

input.textbox
{
    margin-bottom:0.5em;
    padding:1px 0 1px 2px;
    width:180px;
    background-color:#f3f3f3;
}

input.wide { width:220px; }

input.small
{
    vertical-align:top;
    width:80px;
}

/**
 * ASP.NET renders asp:checkBoxList/radioButtonList as a set of input/label/br wrapped in a span.
 * CSS is applied to the span.
 */
span.checkRadioList
{
    display:block;
    margin:2px 10px 1em 10px;
}
span.checkRadioList input
{
    padding:0;
    float:left;
    vertical-align:top;
    cursor:pointer;
}
* html span.checkRadioList input { margin-top:-2px; }    /* IE Fix */
span.checkRadioList label
{
    float:left;
    margin:0 0 0.5em 2px;
    width:auto;
    text-align:left;
    cursor:pointer;
}
span.checkRadioList br { clear:both; }

/**
 * Horizontal variation on the checkBoxList
 */
span.horizCheckRadioList
{
    display:block;
    margin:1em 0;
}
span.horizCheckRadioList input
{
    padding:0;
    float:left;
    vertical-align:top;
    cursor:pointer;
}
* html span.horizCheckRadioList input { margin-top:-2px; }    /* IE Fix */
span.horizCheckRadioList label
{
    float:left;
    margin:0 0 0.5em 5px;
    text-align:left;
    cursor:pointer;
}
span.horizCheckRadioList br { display:none; }

/**
 * ASP.NET renders asp:radiobutton as an input and label wrapped in a span, and the cssstyle is applied
 * to the span.
 */
span.radio { cursor:pointer; }
span.radio input
{
    padding:0;
    vertical-align:top;
}
* html span.radio input { margin-top:-2px; }    /* IE Fix */
span.radio label
{
    float:none;
    display:inline;
    margin:0;
    padding:0.25em;
    width:auto;
    cursor:pointer;
}
* html span.radio label { padding:0; }

/**
 * ASP.NET renders asp:checkbox as an input and label wrapped in a span, and the cssstyle is applied
 * to the span.
 */
span.checkbox, span.checkboxHeader { cursor:pointer; }
span.checkbox input, span.checkboxHeader input
{
    margin:0;
    padding:0;
    vertical-align:middle;
}
span.checkbox label, span.checkboxHeader label
{
    float:none;
    display:inline; 
    padding:0 0 0 2px;
    width:auto;
    vertical-align:middle;
    text-align:left;
    cursor:pointer;
}
span.checkboxHeader label { font-weight:bold; }

input.smallTextbox {
	margin-bottom:4px;
	padding:1px 0 1px 2px;
	width:110px;
	height:14px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	vertical-align:top;
	background-color:#f3f3f3;
}
* html input.smallTextbox { margin-top:-1px; }

span.invalid
{
    margin:0;
    padding:0;
    font-weight:bold;
    color:#ff3366;
    vertical-align:top;
}

.adminbutton
{
    height: 20px;
    background-color: #eee;
    border: 1px solid #000;
    font-family: tahoma;
    font-weight: bold;
    font-size: 8pt;
    letter-spacing: .05em;
}
