@charset "utf-8";
/* CSS Document */

/*  
Site Name: boxxtech.com
Description: boxxtech Style Sheet
Version: 1.0
Author: Cindy Zablockis
Author URI: http://www.czdesigns.com/
*/


/*    CSS Element Structure
---------------------------------------------------
    Css Reset
    Body
    Headings
    Paragraphs
    Images
    Links
    Lists
    Tables
    Forms
    Other Elements & Global Classes
---------------------------------------------------
    Notes:
    Preferred property declaration order:
        selector    {
            position
            top right bottom left
            float
            clear
            width
            height
            margin
            padding
            background
            border
            color
            font
            text-align/transform/indent
            overflow
            z-index
        }
    
    Shorthand propoerties & order:
        margin: top right bottom left;
        background: color image repeat attachment position(x y);
        border: width style color;
        font: style variant weight size/line-height family;
        list: type position image;
---------------------------------------------------    */
/*    CSS Reset
---------------------------------------------------    */
html, body, h1, h2, h3, h4, h5, h6, p, table, th, td, form, fieldset, ul, li, blockquote    {
    margin: 0;
    padding: 0;
}
/*    Body
---------------------------------------------------    */
body    {
    background: #fff;
    color: #666;
    font: normal 12px/1.5 Arial, sans-serif;
}
/*    Headings
---------------------------------------------------    */
h1    {
    margin: 0 0 10px;
    color: #333;
    font-size: 30px;
    font-weight:normal;
}
h2    {
    margin: 10px 0 5px;
    color: #333;
    font-size: 20px;
    font-weight:normal;
}
h3    {
    margin: 20px 0 0;
    color: #333;
    font-size: 12px;
}
h4    {
    margin: 20px 0 0;
    color: #333;
    font-size: 15px;
}
h5    {
    margin: 15px 0 5px;
    color: #333;
    font-size: 13px;
}
h6    {
    margin: 15px 0 5px;
    color: #333;
    font-size: 12px;
}
/*    Paragraphs
---------------------------------------------------    */
p    {
    margin: 5px 0 10px;
}

/*    Images
---------------------------------------------------    */
img    {
    display: block;
    border: none;
}
img.inlineImg    { 
    display: inline; 
}
/*    Links
---------------------------------------------------    */
a:link, a:visited    {
	color: #046dfd;
	text-decoration:none;
}
a:active, a:hover    {
	color: #999999;
}
/*    Lists
---------------------------------------------------    */
ul    {
    margin: 10px 0;
    padding: 0 0 0 25px;
    list-style: disc outside;
}
    ul li    {
        margin: 0 0 5px;
    }
    
    ul ul    {
        list-style: circle outside;
    }
    
    ul ul ul    {
        list-style: square outside;
    }
ul.menuList    {
    margin: 0;
    padding: 0;
    list-style: none;
}
    ul.menuList li    {
        margin: 0;
    }
    
ol    {
    margin: 10px 0;
    padding: 0 0 0 25px;
    list-style: decimal outside;
}
    ol li    {
        margin: 0 0 5px;
    }
    
    ol ol    {
        list-style: lower-roman outside;
    }
    
    ol ol ol    {
        list-style: lower-alpha outside;
    }
dl    {}
    dl dt    {}
    dl dd    {}
    dl.horizontalList    {
        margin: 10px 0;
        overflow: hidden;
    }
    dl.horizontalList dt, dl.horizontalList dd    {
        float: left;
        margin: 0;
        padding: 5px 0;
        border-bottom: 1px dotted #ccc;
        font-weight: normal;
    }
    dl.horizontalList dt    {
        width: 30%;
    }
    dl.horizontalList dd    {
        width: 70%;
    }
/*    Tables
    Basic table structure:
        table
            thead (optional)
            tfoot (optional)
            tbody (required)
    
    **    Tables can contain multiple tbody elements.
---------------------------------------------------    */
table    {
	width: 100%;
	margin: 0;
	border: none;
	border-collapse: collapse;
}
table th    {
    padding: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: left;
}
table td    {
    padding: 5px;
}
table tfoot td    {
    padding: 10px 5px;
    border-top: 1px solid #ddd;
    color: #777;
    font-size: 11px;
}
table.zebra tr.stripe td    {
    background: #eaeaef;
}

/*    Forms
---------------------------------------------------    */
fieldset    {
    border: none;
}
    fieldset fieldset    {
        margin: 10px 0;
        padding: 10px 20px;
        border: 1px solid #ddd;
    }
.required span    {
    padding-right: 5px;
    color: #a00;
    font-weight: bold;
}
p.required    {
    margin: 0 0 5px;
    padding: 0 0 0 38%;
    font-weight: bold;
}
label    {
    color: #555;
}
    label.required    {
        color: #000;
        font-weight: bold;
    }
input.textInput    {
    border-top: 1px solid #a8a8a8;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #b7b7b7;
}
textarea    {
    border-top: 1px solid #a8a8a8;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #b7b7b7;
}
input.buttonSubmit    {
    background: #7ad;
    border-top: 1px solid #9cf;
    border-right: 1px solid #48a;
    border-bottom: 1px solid #379;
    border-left: 1px solid #8be;
    color: #fff;
    cursor: pointer;
}
input.buttonReset    {
    margin-left: 5px;
    background: #eee;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #bcbcbc;
    border-bottom: 1px solid #adadad;
    border-left: 1px solid #ececec;
    color: #666;
    cursor: pointer;
}
.errorMessage    {
    width: 75%;
    margin: 10px 0;
    padding: 5px 10px;
    background: #f6e5e5;
    border: 1px solid #a00;
    font-size: 11px;
}
    .errorMessage p    {
        margin: 0;
        color: #a00;
        font-weight: bold;
    }
/*    Column layout w/ label left of element    */
fieldset.columns div    {
    clear: both;
    height: auto !important;
    height: 1%;
    padding: 5px 0;
    overflow: hidden;
}
    fieldset.columns div.errorMessage    {
        margin: 10px auto;
        padding: 5px 10px;
        
    }
    fieldset.columns label    {
        float: left;
        width: 35%;
        margin: 0 20px 0 0;
        text-align: right;
    }
    fieldset.columns input.textInput, fieldset.columns textarea    {}
    
    /*    Group of elements such as radio buttons or checkboxes    */
    fieldset.columns fieldset.formGroup    {}
    fieldset.columns fieldset.formGroup label    {
        margin: 0;
    }
    fieldset.columns fieldset.formGroup div    {
        clear: none;
        float: right;
        width: 62%;
        padding: 0;
    }
    fieldset.columns fieldset.formGroup div label    {
        float: none;
        width: auto;
        margin: 0;
        color: #000;
        text-align: left;
        vertical-align: baseline;
    }
    fieldset.columns div.formControls    {
        text-align: center;
    }
        
/*    Stacked layout w/ label above element    */
fieldset.stacked p.required    {
    padding: 0 0 5px;
    text-align: left;
}
fieldset.stacked div    {
    padding: 5px 0 10px;
}
    fieldset.stacked div.errorMessage    {
        padding: 5px 10px;
        
    }
    fieldset.stacked label    {
        display: block;
        margin: 0 0 3px;
    }
    fieldset.stacked input.textInput, fieldset.stacked textarea    {}
    fieldset.stacked fieldset.formGroup    {}
    fieldset.stacked fieldset.formGroup div    {
        padding: 0;
    }
        fieldset.stacked fieldset.formGroup div label    {
            display: inline;
            margin: 0;
            vertical-align: baseline;
        }

/*    Other Elements & Global Classes
---------------------------------------------------    */
blockquote    {}
    blockquote p    {}
    
hr    {
    display: none;
}
.skipLink, .hide    {
    display: none;
}
.clear    {
    clear: both;
}
.Note {
	font-size:9px;
	letter-spacing: 1px;
}