﻿/* ----------------------------------------------------------------------------
version:	1.0
author: 	LRS Web Solutions
date:		July 21, 2011
title:		Form/Field Stylesheet
---------------------------------------------------------------------------- */
/* ================================================================================
   EXAMPLE HTML BLOCK
    
   <div class="wsForm">
   <fieldset class="wsFieldset">
   <legend>Title Goes Here</legend>
        <div class="wsField">
            <label class="wsLabel">Email: </label><asp:TextBox ID="txtEmail" runat="server" CssClass="wsTextBox"></asp:TextBox>
        </div>
        <div class="wsField">
            <label class="wsLabel">Email: </label><asp:TextBox ID="txtEmail" runat="server" CssClass="wsTextBox"></asp:TextBox>
        </div>
        <div class="wsField">
            <label class="wsLabel">Email: </label><asp:TextBox ID="txtEmail" runat="server" CssClass="wsTextBox"></asp:TextBox>
        </div>
        <div class="wsField">
            <label class="wsLabel">&nbsp;</label><asp:Button ID="btnSubmit" runat="server" Text="Submit" CssClass="wsButton" />
        </div>
   </fieldset>
   </div>

================================================================================ */

.wsForm{
    /* clear:both; */
    overflow:hidden;
    float:left;
    margin:0; padding:0;
}
.expanded{

}
.compact{

}
.text {
  font-family:Verdana, Geneva, sans-serif;
  font-size:11px;
  line-height:24px;
  margin-bottom:0;
  margin-left:0;
  margin-right:0;
  margin-top:0;
  text-transform:uppercase;
}
a.text {color:#000000;}
a.text:hover {color:#666666;}

.wsFieldset {border:none; margin:0; padding:0;}
.wsForm legend {
    padding:0; margin: 0;
    color: #000000;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: -1px;
    }
    .ie9 .wsForm legend {margin-left:-3px;}
.wsField{
    margin:3px 0;
    position:relative;
    clear:left;
}
.wsFieldSearch{
    margin:6px 0;
    position:relative;
    clear:left;
    display:block;
    width:445px;
}
.wsLabel{
    float:left;
    line-height:15px;
    padding:4px 8px 0 0;
    width:160px;
    text-align:right;
    font-family: Verdana,Geneva,sans-serif;
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
}
.wsChk {color: #BFBFBF !Important;}
.wsChk input[type="checkbox"] {margin:4px 8px 4px 130px; line-height: 15px;}
.wsChkLabel label {color: #BFBFBF !Important; font-family: Verdana,Geneva,sans-serif; line-height: 15px; font-size:12px;}

.wsTextBox{
    font-family: Verdana,Geneva,sans-serif; font-size:11px; padding:3px 5px;
    width: 200px;
    margin:2px 5px 2px 2px;
    color:#3d3c3c;
}
.ie9 .wsTextBox {width:208px;}
.wsTextArea {
    font-family: Verdana,Geneva,sans-serif; font-size:11px; padding:3px; background-color:#5d5d5d; color:#3d3c3c; border:none;
    width: 308px;
    height:80px;
    margin:2px 5px 2px 2px;
    }
.wsDropDownList{
    font-family: Verdana,Geneva,sans-serif; font-size:11px; padding:3px 5px;
    width: 200px;
    margin:2px 5px 2px 2px;
    color:#3d3c3c;
}
.wsChkTable{
    font-family: Verdana,Geneva,sans-serif;  font-size:11px; padding:3px; background-color:#5d5d5d; color:#FFF; border:none;
    margin:3px 5px 3px 2px;
    width:437px;
}

.wsButton{
    margin: 2px 4px 0 0;
    font-family: Verdana,Geneva,sans-serif; font-size:11px; 
}
.wsCaptcha 
{
    font-family: Verdana,Geneva,sans-serif; font-size:11px; padding:0;
    margin:0;
    color:#3d3c3c;
    }
    .wsCaptcha img {border:solid 1px #e2e2e2;}
    .wsCaptcha span:last-of-type {margin-left:168px !important;}

/* Styles for File Upload */
div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0;
	z-index: 1;
	width:300px;
}
/* Hide the darn thing */
input.wsHideFileUpload {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	width:300px;
	cursor:pointer;
}
.wsFakeBrowse {display:inline; float:left;margin:4px 5px 3px 2px;}
.wsFakeInput {float:left;display:inline;  font-family:Tahoma, Geneva, sans-serif; font-size:11px; padding:3px; background-color:#5d5d5d; color:#FFF; border:none;
    width: 208px;
    margin:3px 5px 3px 2px;}
    
.wsRdoList td {padding:2px; font-family: Verdana,Geneva,sans-serif; line-height: 15px; font-size:12px;}
.wsRdoList td input {margin:1px 5px 0 3px;}

.overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background:rgba(0,0,0,.7);
    /*-moz-opacity: .7;
    opacity: .7;
    filter: alpha(opacity=70);*/
    z-index: 100000;
}
.overlay-msg {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 500px;
    height: 50px;
    padding: 0;
    z-index: 100001;
    margin: -100px 0 0 0;
}
.overlay-msg span {background:#d8d8d8; border:solid 4px #fff; display:block; padding:20px; font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    line-height: 22px;
    font-weight:normal;
    width:240px;
    margin:40px 0 40px -120px;
    text-align:center;
    color:#333;
}
