/* common elements */

input
{
    font-family: Century Gothic, Arial, Sans-Serif;
    font-size: 9pt;
}
body
{
    background: url(../images/background_gradient_01.jpg) repeat-x;
    font-family: Century Gothic, Arial, Sans-Serif;
    margin: 0px;
    font-size: 9pt;
}


select
{
    font-family: Century Gothic, Arial, Sans-Serif;
    font-size: 9pt;
}
button
{
    font-family: Century Gothic, Arial, Sans-Serif;
    font-size: 9pt;
}


/* per css docs order is important
A:link    
A:visited 
A:hover   
A:active  
*/

/*  the logout link in user control
*/
a.logoutlink:link
{
    color: red;
    font-size: 9pt;
    font-family: Arial;
}
a.logoutlink:visited
{
    color: red;
    font-size: 9pt;
    font-family: Arial;
}
a.logoutlink:hover
{
    color: yellow;
    font-size: 9pt;
    font-family: Arial;
}
a.logoutlink:active
{
    color: red;
    font-size: 9pt;
    font-family: Arial;
}


.vertical_align_middle
{
    vertical-align: middle;
}


.header_welcome
{
    color: white;
    font-size: 9pt;
    font-family: Arial;
    letter-spacing: 2px;
}

.uc_header_menu a:visited
{
    color: #fff;
    background-color: orange;
}

.uc_header_menu a:hover
{
    color: #fff;
    background-color: white;
}
.uc_header_menu a:active
{
    color: #fff;
    background-color: #993333;
}


.uc_header_menu
{
    background-color: Silver;
    font-weight: bold;
    font-size: 9pt;
    color: black;
    font-family: arial;
    text-align: center;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.leftnav
{
    font-weight: bold;
    color: navy;
    font-family: Arial;
    background-color: yellow;
    height: 999;
    vertical-align: top;
    width: 150px;
    font-size: 10pt;
    margin: 12px;
}

.mainbody
{
    font-size: 10pt;
    font-family: arial;
    vertical-align: top;
}
.leftnavfont
{
    font-size: 10pt;
    margin: 6pt;
    font-family: Arial;
}

TD
{
    font-size: 9pt;
    font-family: arial;
}
TABLE
{
    font-size: 9pt;
    font-family: arial;
    border-collapse: collapse;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    border-top-style: none;
    padding-top: 0px;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

.topcell
{
    background-image: url(images/top_image_background.jpg);
    width: 798px;
    position: static;
    height: 100px;
}
.leftcell
{
    background-image: url(images/left_nav_background.jpg);
    width: 195px;
    height: 500px;
    vertical-align: top;
    text-align: left;
}
P
{
}


.leftnavpara
{
    padding-right: 5px;
    padding-left: 9px;
    padding-bottom: 2px;
    color: white;
    padding-top: 2px;
    font-weight: bold;
}

.leftnavpara:link
{
    padding-right: 5px;
    padding-left: 9px;
    padding-bottom: 2px;
    color: white;
    padding-top: 2px;
    font-weight: bold;
}
.leftnavpara:hover
{
    padding-right: 5px;
    padding-left: 9px;
    padding-bottom: 2px;
    color: #003366;
    padding-top: 2px;
    font-weight: bold;
}



.leftnavbox
{
    width: 200px;
}


table.wizardnav
{
    border-collapse: collapse;
    width: 400px;
}
table.wizardnav td
{
    width: 36px;
    background-color: white;
    text-align: center;
}
table.wizardnav td a
{
    display: block;
    width: 36px;
    padding: 3px;
    text-decoration: none;
}
table.wizardnav td a:link, table.wizardnav td a:visited
{
    color: #000;
    background-color: #fff;
}
.colspan10
{
    width: 400px;
}

table.wizardnav td a:hover
{
    color: #fff;
    background-color: #666;
}
table.wizardnav td a:active
{
    color: #fff;
    background-color: #993333;
}


/* begin navigation unsorted list */

#navcontainer
{
    width: 100%;
    float: left;
    background-color: #66CCCC;
}

#navcontainer ul
{
    padding: 0;
}
#navcontainer ul li
{
    display: inline;
}

#navcontainer ul
{
    /*     padding: 0.2em 12px; */
    margin: 0; /*  padding: 0 0 0 7%; */
    font-family: Century Gothic, Arial, Sans-Serif;
    font-size: 11pt;
    text-align: center;
    vertical-align: middle;
    color: white;
}

#navcontainer ul li a
{
    padding: 6px 12px 6px 12px;
    margin: 0; /*  padding: 0 0 0 7%; */
    float: left; /* border... */
    list-style-type: square;
    font-family: Century Gothic, Arial, Sans-Serif;
    font-size: 11pt;
    text-align: center;
    text-decoration: none;
    color: white;
}


#navcontainer ul li a:hover
{
    /*    color:   #333399; */
    background-color: #333399;
}

#navlist li a:hover, #navlist li a:active
{
}

/* end navigation unsorted list */



/* import wiz.css, 10/13/2006, to use only one css file for the application */


/*


dark blue    =   #333399
light blue  =   #66cccc


*/


/* per css docs order is important
A:link    
A:visited 
A:hover   
A:active  
*/

/*  the logout link in user control
*/
a.logoutlink:link
{
    color: yellow;
    font-size: 9pt;
    font-family: Arial;
}
a.logoutlink:visited
{
    color: yellow;
    font-size: 9pt;
    font-family: Arial;
}
a.logoutlink:hover
{
    color: yellow;
    font-size: 9pt;
    font-family: Arial;
}
a.logoutlink:active
{
    color: yellow;
    font-size: 9pt;
    font-family: Arial;
}




/* the Welcome Jane.Doe@yahoo.com  */
.header_welcome
{
    color: white;
    font-size: 9pt;
    font-family: Arial;
    letter-spacing: 2px;
}





/* invoice table */
.invoice
{
    text-align: right;
}



/* wizard section headers */

.section_header_font
{
    font-family: Century Gothic, Arial, Sans-Serif;
    color: #333399;
    font-size: 10pt;
}
.section_header_td
{
    padding: 2px 11px 2px 11px;
    background-color: #cccc99;
    text-align: left;
}

.section_header_td_right
{
    padding: 2px 11px 2px 11px;
    background-color: #cccc99;
    text-align: right;
}

.section_header_font_right
{
    font-family: Century Gothic, Arial, Sans-Serif;
    color: #ffffff;
    font-size: 10pt;
    text-decoration: none;
}




.inline_instructions
{
    font-size: 8pt;
    color: #333399;
}
.pageHeader
{
    font-family: arial;
    font-size: 12pt;
    font-weight: bold;
    color: #000099;
}

.wizDirectionBlockTable
{
    font-family: Arial;
    font-size: 12pt;
    color: Black;
    background-color: #ffffff;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    width: 800px;
    border: #eeeeee 1px solid;
}

.wizDirectionBlockTopLeft
{
    font-family: Arial;
    font-size: 12pt;
    color: Black;
    background-color: #ffffff;
    text-align: left;
    white-space: nowrap;
    font-weight: bold;
    border: white 0px solid;
}
.wizDirectionBlockTopRight
{
    font-family: Arial;
    font-size: 12pt;
    color: Black;
    background-color: #ffffff;
    text-align: left;
    width: 90%;
    border: white 0px solid;
}
.wizDirectionBlockBottomLeft
{
    font-family: Arial;
    font-size: 12pt;
    color: Black;
    background-color: #ffffff;
    text-align: left;
    white-space: nowrap;
    font-weight: bold;
    border: white 0px solid;
}
.wizDirectionBlockBottomRight
{
    font-family: Arial;
    font-size: 12pt;
    color: Black;
    background-color: #ffffff;
    text-align: left;
    width: 90%;
    border: white 0px solid;
}


.wizDataEntryLabelText
{
    font-family: Arial;
    font-size: 8pt;
    color: Black;
    text-align: left;
}

.wizCCInputCell
{
    width: 80%;
    text-align: left;
    font-family: Arial;
    font-size: 8pt;
    color: Black;
}


.wizCCLabelCell
{
    width: 20%;
    text-align: right;
    font-family: Arial;
    font-size: 8pt;
    color: Black;
    font-weight: bold;
}


.wizDataEntryQuestionLabelCell
{
    width: 20%;
    text-align: right;
    font-family: Arial;
    font-size: 8pt;
    color: Black;
}

.wizDataEntryQuestionInputCell
{
    width: 80%;
    text-align: left;
    font-family: Arial;
    font-size: 8pt;
    color: Black;
    vertical-align: top;
}

.wizDataEntryLabelCell
{
    width: 33%;
    text-align: right;
    font-family: Century Gothic, Arial, Sans-Serif; /*    letter-spacing: 2px;   */
    font-size: 9pt;
    color: #333399;
}




.wizDataEntryInputCell
{
    width: 67%;
    text-align: left;
    font-family: Arial;
    font-size: 8pt;
    color: Black;
    vertical-align: top;
}

.wizDataEntryInputTextBoxPrice
{
    width: 150px;
    font-family: Arial;
    font-size: 8pt;
    color: Black;
    text-align: right;
}

.wizDataEntryInputTextBox
{
    width: 150px;
    font-family: Arial;
    font-size: 8pt;
    color: Black;
}

.wizValidatorText
{
    font-family: Arial;
    font-size: 8pt;
    color: Red;
}

.wizDataEntryInput
{
    font-family: Arial;
    font-size: 8pt;
    color: Black;
}

.wizDataEntryInputFileUpload
{
    font-family: Arial;
    font-size: 8pt;
    color: Black;
}

.wizDataEntryInputDropdown
{
    font-family: Arial;
    font-size: 8pt;
    color: Black;
    text-align: left;
}

.wizDataEntryButton
{
    font-family: Arial;
    font-size: 8pt;
    color: Black;
}

.wizCCInputCell
{
    width: 80%;
    text-align: left;
    font-family: Arial;
    font-size: 8pt;
    color: Black;
}


.wizCCLabelCell
{
    width: 20%;
    text-align: right;
    font-family: Arial;
    font-size: 8pt;
    color: Black;
    font-weight: bold;
}


/*  WIZARD, CREATE EBLAST, SUMMARY PAGE  */

.wiztdSummaryLabel
{
    width: 35%;
    text-align: right;
    font-family: Arial;
    font-size: 8pt;
    color: Black;
    font-weight: bold;
    background-color: white;
}

.wiztdSummaryDisplay
{
    width: 65%;
    text-align: left;
    font-family: Arial;
    font-size: 8pt;
    color: Black;
}

.wizphotouploadlabel
{
    font-family: Century Gothic, Arial, Sans-Serif;
    font-size: 9pt;
    letter-spacing: 2px;
    color: #333399;
}

.wizbody
{
    /*     background-color:  Aqua; */
    background: url(../../images/background_gradient_01.jpg) repeat-x;
    font-family: Century Gothic, Arial, Sans-Serif;
    font-size: 9pt;
}


.wizUploadPhotosButton
{
    border-right: #333399 1px solid;
    border-top: #333399 1px solid;
    font-weight: bold;
    font-size: 9pt;
    border-left: #333399 1px solid;
    color: #333399;
    border-bottom: #333399 1px solid;
    font-family: century gothic, arial, sans-serif;
    letter-spacing: 2px;
    background-color: #ffffcc;
}


.wizFileUpload
{
    width: 300px;
    font-size: 8pt;
}

.wizNextButton
{
    /*    border-color:Navy;   */
    border-style: outset;
    font-weight: bold;
    font-size: 9pt;
    padding: 5px 3px 5px 3px;
}



/* DATA GRID - FEATURES - BEGIN */

.features_column
{
    padding-left: 20px;
    text-indent: 20px;
}

.dgFeaturesItemStyle
{
}


.dgFeaturesCssClass
{
    font-size: 9pt;
    padding: 2PX;
    border: solid 0px #ffffff;
}

.dgFeaturesHeaderStyle
{
    background-color: #333399;
    font-weight: normal;
    color: White;
    border: solid 1px white;
}

.dgFeaturesFooterStyle
{
    background-color: #ffffff;
    border: solid 0px #ffffff;
}

.featuresInstructions
{
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
}
/* DATA GRID - FEATURES - END */




.summary_grid_vertical_labels
{
    background-color: #ccff99;
    text-align: right;
    width: 201px;
    font-weight: bold;
}

.summary_grid_header
{
    background-color: #ccff99;
    text-align: left;
    font-weight: bold;
}



.public_box_header
{
    font-family: Century Gothic, Arial, Sans-Serif;
    font-size: 12pt;
    color: #333399;
}


.public_box_td_left
{
    padding: 15px 15px 15px 15px;
    background-color: #cccc99;
    vertical-align: top;
}


.public_box_td_right
{
    padding: 15px 15px 15px 15px;
    background-color: #ccff99;
    vertical-align: top;
    width: 300px;
}


.login_input
{
    font-size: 8pt;
    color: #000000;
    border: solid 1px black;
    font-family: arial,sans-serif;
    width: 150px;
}

.login_font
{
    color: White;
    font-family: Century Gothic,arial;
    font-size: 9pt;
    text-align: right;
}


/*  public home page */

.login_message_font
{
    text-decoration: none;
    color: #ffff00;
}



/* private home page */

.home_table1_header
{
    background-color: #333399;
    font-weight: bold;
    text-align: center;
    padding: 6px 6px 6px 6px;
    color: #ffffff;
    width: 33%;
}


#wrap_page_table
{
    margin: 0 auto 0 auto;
}

#table_manage_wrapper  table
{
    margin: 0 auto 0 auto;
    }