@charset "utf-8";
/*  
    Site Name   : A Theory Tank Inc. Project
    URI         : http://www.theorytank.com
    Description : Global style sheets (including reset, typography, and forms)
    Version     : 0.0.1
    Author      : TheoryTank Inc.
    Author URI  : http://www.theorytank.com

    Document    : default_forms.css
    Created on  : Mar 6, 2012, 9:47:18 AM
    Author      : Chris Murphy
    Description :
        Forms styling control for A Theory Tank Inc. Project
*/


.tt-form 
{ 
    display: block;
}

.tt-form form,
form.tt-form 
{
    margin: 0 0 20px;
}

::-webkit-input-placeholder {
   color: #acacac;
}

:-moz-placeholder { /* Firefox 18- */
   color: #acacac;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #acacac;  
}

:-ms-input-placeholder {  
   color: #acacac;  
}

/* RESET
---------------------------------------------------------- */

form.tt-form {}

.tt-form fieldset 
{
    padding: 0;
    margin-bottom: 0; 
    border: none;
    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
}

.tt-form legend 
{
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 40px;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
}

.tt-form legend small 
{
    font-size: 15px;
    color: #999999;
}

.tt-form label,
.tt-form input,
.tt-form button,
.tt-form select,
.tt-form textarea 
{
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
}

.tt-form input,
.tt-form button,
.tt-form select,
.tt-form textarea 
{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.tt-form label
{
    position: relative;
    font-weight: bold;
    margin: 0 0 5px 0;
}

.tt-form label span,
.tt-form legend span 
{
    font-weight: normal;
    font-size: 13px;
    color: #444; 
}

.tt-form select,
.tt-form textarea,
.tt-form input[type="text"],
.tt-form input[type="password"],
.tt-form input[type="datetime"],
.tt-form input[type="datetime-local"],
.tt-form input[type="date"],
.tt-form input[type="month"],
.tt-form input[type="time"],
.tt-form input[type="week"],
.tt-form input[type="number"],
.tt-form input[type="email"],
.tt-form input[type="url"],
.tt-form input[type="search"],
.tt-form input[type="tel"],
.tt-form input[type="color"],
.tt-form .uneditable-input 
{
    display: inline-block;
    padding: 4px 6px !important;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

}

.tt-form input,
.tt-form textarea,
.tt-form .uneditable-input 
{
    min-width: 50px;
}

.tt-form textarea 
{
    height: auto;
}

.tt-form textarea,
.tt-form input[type="text"],
.tt-form input[type="password"],
.tt-form input[type="datetime-local"],
.tt-form input[type="date"],
.tt-form input[type="month"],
.tt-form input[type="time"],
.tt-form input[type="week"],
.tt-form input[type="number"],
.tt-form input[type="email"],
.tt-form input[type="url"],
.tt-form input[type="search"],
.tt-form input[type="tel"],
.tt-form input[type="color"],
.tt-form .uneditable-input 
{
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

.tt-form textarea:focus,
.tt-form input[type="text"]:focus,
.tt-form input[type="password"]:focus,
.tt-form input[type="datetime"]:focus,
.tt-form input[type="datetime-local"]:focus,
.tt-form input[type="date"]:focus,
.tt-form input[type="month"]:focus,
.tt-form input[type="time"]:focus,
.tt-form input[type="week"]:focus,
.tt-form input[type="number"]:focus,
.tt-form input[type="email"]:focus,
.tt-form input[type="url"]:focus,
.tt-form input[type="search"]:focus,
.tt-form input[type="tel"]:focus,
.tt-form input[type="color"]:focus,
.tt-form .uneditable-input:focus 
{
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0,0,0,.2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0,0,0,.2);
}

.tt-form input[type="radio"],
.tt-form input[type="checkbox"] 
{
    margin: 4px 0 0;
    margin-top: 1px \9;
    *margin-top: 0;
    line-height: normal;
    cursor: pointer;
}

.tt-form input[type="file"],
.tt-form input[type="image"],
.tt-form input[type="submit"],
.tt-form input[type="reset"],
.tt-form input[type="button"],
.tt-form input[type="radio"],
.tt-form input[type="checkbox"] {
    width: auto;
}

.tt-form select,
.tt-form input[type="file"] 
{
    height: 30px;
    /* In IE7, the height of the select element cannot be changed by height, only font-size */

    *margin-top: 4px;
    /* For IE7, add top margin to align select with labels */

    line-height: 30px;
}

.tt-form select {
    width: 220px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
}

.tt-form select[multiple],
.tt-form select[size] 
{
    height: auto;
}

.tt-form select:focus,
.tt-form input[type="file"]:focus,
.tt-form input[type="radio"]:focus,
.tt-form input[type="checkbox"]:focus 
{
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.tt-form .uneditable-input,
.tt-form .uneditable-textarea 
{
    color: #999999;
    cursor: not-allowed;
    background-color: #fcfcfc;
    border-color: #cccccc;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
}

.tt-form .uneditable-input 
{
    overflow: hidden;
    white-space: nowrap;
}

.tt-form .uneditable-textarea 
{
    width: auto;
    height: auto;
}

.tt-form input:-moz-placeholder,
.tt-form textarea:-moz-placeholder 
{
    color: #999999;
}

.tt-form input:-ms-input-placeholder,
.tt-form textarea:-ms-input-placeholder 
{
    color: #999999;
}

.tt-form input::-webkit-input-placeholder,
.tt-form textarea::-webkit-input-placeholder 
{
    color: #999999;
}

.tt-form .radio,
.tt-form .checkbox 
{
    min-height: 20px;
    padding-left: 20px;
}

.tt-form .radio input[type="radio"],
.tt-form .checkbox input[type="checkbox"] 
{
    float: left;
    margin-left: -20px;
}

.tt-form .controls > .radio:first-child,
.tt-form .controls > .checkbox:first-child 
{
    padding-top: 5px;
}

.tt-form .radio.inline,
.tt-form .checkbox.inline 
{
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle;
}

.tt-form .radio.inline + .radio.inline,
.tt-form .checkbox.inline + .checkbox.inline 
{
    margin-left: 10px;
}

.tt-form .input-mini 
{
    width: 60px;
}

.tt-form .input-small 
{
    width: 90px;
}

.tt-form .input-medium 
{
    width: 150px;
}

.tt-form .input-large 
{
    width: 210px;
}

.tt-form .input-xlarge 
{
    width: 270px;
}

.tt-form .input-xxlarge 
{
    width: 530px;
}

.tt-form input[class*="span"],
.tt-form select[class*="span"],
.tt-form textarea[class*="span"],
.tt-form .uneditable-input[class*="span"],
.tt-form .fluid input[class*="span"],
.tt-form .fluid select[class*="span"],
.tt-form .fluid textarea[class*="span"],
.tt-form .fluid .uneditable-input[class*="span"] 
{
    float: none;
    margin-left: 0;
}

.tt-form .input-append input[class*="span"],
.tt-form .input-append .uneditable-input[class*="span"],
.tt-form .input-prepend input[class*="span"],
.tt-form .input-prepend .uneditable-input[class*="span"],
.tt-form .fluid input[class*="span"],
.tt-form .fluid select[class*="span"],
.tt-form .fluid textarea[class*="span"],
.tt-form .fluid .uneditable-input[class*="span"],
.tt-form .fluid .input-prepend [class*="span"],
.tt-form .fluid .input-append [class*="span"] 
{
    display: inline-block;
}

.tt-form input,
.tt-form textarea,
.tt-form .uneditable-input 
{
    margin-left: 0;
}

.tt-form input[type="text"].full,
.tt-form input[type="password"].full,
.tt-form input[type="email"].full,
.tt-form textarea.full,
.tt-form select.full 
{
    display: block;
    width: 100% !important;
    padding: 6px 4px !important;
}


/* LABEL HINTS
---------------------------------------------------------- */
.tt-form .ui-label-hint
{
    font-size: 12px;
    color: rgba(0, 0, 0, .4);
}

.tt-form .ui-label-hint:hover
{
    color: #d63b00;
}

.tt-form .ui-label-focus
{
    color: #d63b00;
}

/* INPUT WRAPPER
---------------------------------------------------------- */
.tt-form .ui-input-group,
.tt-form .checkbox-set
{
    margin: 0 0 20px 0;
}

.tt-form .ui-input-group.col
{
    margin: 0 10px 10px 0;
}

.tt-form .ui-input-group input,
.tt-form .ui-input-group textarea,
.tt-form .ui-input-group select
{
    margin: 0 0 5px 0;
}

.tt-form .ui-input-group select.text
{
    padding: 6px 4px !important; 
    line-height: 30px;
    height: 30px;
}

/*
.tt-form .ui-input-group.last
{
    margin: 0;
}
*/

.tt-form .checkbox-set.last
{
    margin-bottom: 0;
}

.tt-form .checkbox-set li
{
    margin: 0 0 1em 0; padding: 0;
}

.tt-form .checkbox-set .odd,
.tt-form .checkbox-set .even
{
    float: left !important;
    clear: right;
    margin: 0 5px 10px 5px;
}

.tt-form .checkbox-set.single .odd,
.tt-form .checkbox-set.single .even
{
    margin: 0 0 10px 0 !important;
}

.tt-form .checkbox-set.full-rows .odd,
.tt-form .checkbox-set.full-rows .even
{
    position: relative;
    clear: both;
    margin: 0 0 1em 0 !important; padding: 0 0 0 25px !important;
}

.tt-form .checkbox-set .odd
{
    margin-left: 0 !important;
}

.tt-form .checkbox-set .even
{
    margin-right: 0 !important;
}

.tt-form  .ui-checkbox-wrapper
{
    
}

.tt-form  .ui-checkbox-wrapper input[type="checkbox"],
.tt-form  .ui-checkbox-wrapper input.checkbox
{
    position: relative;
    top: -1px;
}

/* SILVERSTRIPE DATE DROPDOWNS
---------------------------------------------------------- */
.tt-form .datedropdowns select
{
    width: auto !important;
}

/* SILVERSTRIPE MEMBER LOGIN FORM
---------------------------------------------------------- */
#MemberLoginForm_LoginForm
{
    width: 470px;
    margin: 0; padding: 0;
}

#MemberLoginForm_LoginForm .field
{

}

#MemberLoginForm_LoginForm .field label
{
    display: block;
    clear: both;
    float: none !important;

    margin: 0 0 5px 0; padding: 0;

    font-weight: bold;
}

#MemberLoginForm_LoginForm .field.checkbox label
{
    display: inline !important;
    float: none !important;

    margin: 0 0 0 5px; padding: 0;
}

#MemberLoginForm_LoginForm .field input[type="text"],
#MemberLoginForm_LoginForm .field input[type="password"]
{
    display: block;
    width: 100%;
    padding: 6px 0 !important;
}

#MemberLoginForm_LoginForm .Actions
{
    min-height: 34px;
}

#MemberLoginForm_LoginForm .Actions #ForgotPassword
{
    float: left;
    clear: none;
}

#MemberLoginForm_LoginForm .Actions input[type="submit"]
{
    float: right;
}


#MemberLoginForm_LoginForm .Actions input[type="submit"]
{
    -moz-box-shadow:inset 0px 1px 0px 0px #f39703;
    -webkit-box-shadow:inset 0px 1px 0px 0px #f39703;
    box-shadow:inset 0px 1px 0px 0px #f39703;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fc5000), color-stop(1, #d63d00) );
    background:-moz-linear-gradient( center top, #fc5000 5%, #d63d00 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc5000', endColorstr='#d63d00');
    background-color:#fc5000;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #d63d00;
    display:inline-block;
    color:#ffffff !important;
    font-family:arial;
    font-size:14px;
    font-weight:bold;
    padding:9px 24px;
    text-align: center;
    text-decoration:none;
    text-shadow:0px -1px 0px #5c0000;
    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#MemberLoginForm_LoginForm .Actions input[type="submit"]:hover
{
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d63d00), color-stop(1, #fc5000) );
    background:-moz-linear-gradient( center top, #d63d00 5%, #fc5000 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d63d00', endColorstr='#fc5000');
    background-color:#d63d00;
}