﻿/* The standard color schemes used by many controls in the site */



/* Styles and dimensions for all standard inputs */
input[type="checkbox"]
{
    margin-right:3px;
}

input[type="submit"]
{
    font-weight:bold;
}

input[type="submit"]:hover
{   
    color:#255747;
    cursor:pointer;
}

#viewcart input[type="submit"], .addbutton input[type="submit"]
{
    filter:none;
    height:27px;
    padding:none;
    background-color:Transparent;
    border:none;
}

#viewcart input[type="submit"]
{
    text-align:right;
    vertical-align:baseline;
    
    /* @hack: can't figure out why I have to set the padding up this way,
    ** but it gets the best results out of IE & Firefox in the end. */
    padding:0px 0px 0px 10px 
    !important padding:0px; /*the exact value doesn't seem to matter, but for some reason it has to be here anyhow! */
    padding-left:30px;
    
    background-image:url('../../Images/CartIcon.png');
    background-repeat:no-repeat;
}

#viewcart input[type="submit"]:hover
{
    color:#CDE0DB;
    text-decoration:underline;
}

.addbutton input[type="submit"]
{
    /* @hack: see "#viewcart input" style's comment above. */
    padding:0px 0px 0px 20px 
    !important padding:0px;
    padding-left:40px;
    
    background-image:url('../../Images/CartAddIcon.png');
    background-repeat:no-repeat;
}

.addbutton input[type="submit"]:hover
{
    color:#D29723;
}


/* special style definition for the search area controls */
.searchcontrol
{
    position:relative;
    width:600px;
    
}
.searcharea
{
    position:absolute;
    right:0px;
    background-color:#CDE0DB;
    border:solid 1px #222222;
    padding:2px;
    font-weight:bold;
    color:#000000;
    width:500px;
}

.searchvalidator
{
    position:absolute;
    right:-7px;
}

.searchbutton
{
    background-color:transparent;
    filter:none;
    border:none;
    width:55px;
    padding:2px;
    padding-right:5px;
     
    position:absolute;
    left:30px;
    top:0px;
    text-align:right;
    
    color:#000000;
    font-size:0.8em;
    font-weight:bold;
    font-family:Arial;
}

.searchcontrol input[type="submit"]:hover
{
    color:#CDE0DB;
    text-decoration:underline;
}



/* Standard paging styles. */

/* Detailed style settings used in case the button type for 
the pager is defined as "Button" type (instead of "Link"). */
.paging input[type="submit"]
{
    background-color:Transparent;
    text-decoration:underline;
    font-weight:bold;
    filter:none;
    border:none;   
    color:#527d6f;
}

.paging
{
    font-weight:bold;
    padding:10px 0px 10px 0px;
}




/* Standard table style categories */
.row
{
    background-color:#f5f5f5;
}

thead, .tablehead
{
    text-align:center;
    background-image:url('../../Images/HeaderSliceNarrow.png');
    height:19px;
    color:#ffffff;
    font-weight:bold;
    font-size:1.1em
}

#main tbody
{
    padding:3px;
}

thead td, thead th
{
    border-right:solid 1px #bbbbbb;
    padding:3px;
    height:19px;
}

.buttonheader input[type="submit"]
{
    background-color:Transparent;
    filter:none;
    border:none;
    color:#95BAAE;
    font-weight:bold;
    text-decoration:underline;
    font-size:1.0em;
    width:100%;
}

.buttonheader input[type="submit"]:hover
{
    color:#527D6F;
    color:White;
}




/* modal popup styles */
.fadedbackground
{
    background-color:Black;
    filter:alpha(opacity=80);
    opacity:0.8;
}

.popup
{
    background-color:white;
    overflow:scroll;
}



/*
common class names and other html elements
*/
.instruction
{
    color:#527D6F;
    font-style:italic;
    font-weight:bold;
}
.insertrow
{
    background-color:#d8e6dd;
}
.title
{
    font-weight:bold;
}

legend
{
    color:#326D5B;
    font-weight:bold;
    padding-right:5px;
    margin-bottom:20px;
}
.error
{
    font-weight:bold;
    color:Red;
}


/* the controls in a content editor */
.edit_controls a, .edit_button a
{
    font-weight:bold;
    font-size:0.85em;
    margin-right:20px;
    color:#C09F5F;
}