﻿@charset "utf-8";
/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #2E2F2A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #2E2F2A;
}

h1 
{
	font-size: 16pt;
	color:  #2E2F2A;
	text-decoration: none;
}

h2
{
	font-size: 15pt;
	color:  #2E2F2A;
	text-decoration: none;
}
h3 {
	font-size: 12pt;
}


h4 {
	font-size: 11pt;
}


h5 {
	font-size: 10pt;
}

.validationError 
{
   
    display: block;
    background-image: url('/images/error_icon.png');
    background-repeat: no-repeat;
    vertical-align:middle;
    padding-left: 20px;
	color: Red;
    font-weight: bold;
	clear: both;
	height: 20px;
   
}

.pageMessage 
{
    display: block;
    vertical-align: top;
	height: 25px;
    color: Red;
    font-weight: bold;
	clear: both;
    
}

/* DIV List View Styles */

.ListView_Header {
	background-color: #64A424;
	border: 1px solid #64A424;
}

.ListView_Data {

	border: 1px solid #333;


}
.ListView_HeaderItem {
	
	float: left;
	color: #FFF;
	font-weight: bold;
	margin: 5px;

}


.ListView_DataItem {
	
	float: left;
	margin: 5px;

}


.ListView_Separator {
	
	background-color: #333;
	height: 1px;
	
}

.ListView_VerticalSeparator {

	min-height: 25px;
	background-color: #333;
	width: 1px;

}

/* DIV Form Styles */

.DataEntryHeader 
{
    width: 900px;
  	background-color:#E8E8E8;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #E8E8E8;
	border-radius: 5px;
	font-weight: bold;
 
}

.DataEntryHeader .Label
{
    font-weight: bold;
	
}

.DataEntryItem 
{
    width: 900px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #E8E8E8;
	border-radius: 5px;
	padding-top: 10px;
	padding-bottom: 10px;

}

.DataEntryItem .Label
{
    width: 190px;
    float: left;
	padding-top: 7px;
	padding-bottom: 7px;

}

.DataEntryItem .Control
{
    width: 690px;
    float: right;
	padding-top: 7px;
	padding-bottom: 7px;

}


.DataEntrySubmitItem {

	margin-top: 10px;
	padding-left: 210px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;;
	background-color:#E8E8E8;
	border-radius: 5px;
}

.DataEntrySpinner 
{
    vertical-align: middle;
    padding:10px 10px 10px 0px
  
}


/* Form Styles */
.formStyle {

    /*
	padding: 2px;
	color:  #2E2F2A;
	background-color: #F2F2F2;
    */
	
}

.formButton {
    
    /*
	padding: 2px;
	min-width: 150px;
	font-weight: bold;
	font-size: 12pt;
    */
}

.clear {
	clear:both;
}

.login 
{
    min-height: 25px;
    vertical-align: top;  
	text-align: left;
	padding-bottom: 10px;
}

#container {
	margin: 0 auto;
	width:100%;
	text-align: center;
}
#container_header {
}

#container_menu_top {
	background-color: #478015;
	height: 35px;
	margin: 0px;
	padding: 0px;
}
#container_content {
	min-height: 100px;
	background-color: #FFF;
}
#container_menu_bottom {
	height: 100px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../images/container_menu_bottom_bkg.png);
	background-repeat: repeat-x;
}

#container_menu_bottom_divider
{
    height: 5px;
  margin: auto;
  width: 980px;
  padding: 0px;
  background-image: url(../images/divider_bkg.png);
}

#container_footer {
}

#header {
	width: 965px;
	padding-left: 15px;
	margin-left: 15px;
	margin-right: 15px;
	height: 100px;
	height: 100px;
	margin-top: 20px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/header_bkg.png);
}

#header_divider
{
  height: 5px;
  margin: auto;
  width: 980px;
  padding: 0px;
  background-image: url(../images/divider_bkg.png);
}

#menu_top {
	margin: auto;
	width: 950px;
	height: 35px;
	text-align: left;
	background-image: url(../images/menu_top_bkg.png);
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}

.menu_top {
	width: 500px;
	float: left;
}

.menu_top_right {
	width: 430px;
	float: right;
	height: 25px;
	text-align: right;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.socialmedialink {
	float: left;
	padding-top: 10px;
	padding-left: 25px;
	vertical-align: middle;
	height: 35px;
}

.socialmedialink_right {
	float: right;
	padding-top: 10px;
	padding-right: 25px;
}



.header_login {
	float: right;
	height: 25px;
	width: 200px;
	background-color: #E8E7D5;
	padding-top: 10px;
	padding-left: 10px;
}

.header_login a, .header_login a:link, .header_login a:visited, .header_login a:active {
	color: #2E2F2A;
	text-decoration: none;
	font-weight: bold;
	padding-right: 40px;
	padding-left: 5px;
	
}

.header_login a:hover   {
	text-decoration: underline;
	
}

.header_images {
	float: left;
	background-image: url(../images/logo.png);
	height: 100px;
	width: 125px;
}


.menu_top_right  a {
	text-decoration: none;
	color: white;
	font-size: 10pt;
	font-weight: bold;
	
}

.menu_top_right a:visited {
	color: white;
}

.menu_top_right a:hover, .menu_top .current {
	color: #fff;
	text-decoration: underline;
}


.menu_top_item {
	text-decoration: none;
	color: white;
	padding-top: 10px;
	float: left;
	height: 25px;
	font-size: 10pt;
	
}

.menu_top_item  a {
	text-decoration: none;
	color: white;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
	
}

.menu_top_item a:visited {
	color: white;
}

.menu_top_item a:hover, .menu_top .current {
	color: #fff;
	text-decoration: underline;
}

#content {
	margin: auto;
	width: 980px;
	min-height: 250px;
	padding: 0px;
	text-align: left;
	background-image: url(../images/content_bkg.png);
}

.content_right_box {
	background-image: url(../images/content_right_box_bkg.png);
	height: 120px;
	width: 365px;
	margin-top: 10px;
	float: right;
	margin-right: 15px;
}

.content_main {
	text-align: left;
	padding-top: 10px;
	padding-bottom: 25px;
	width: 930px;
	margin-right: 25px;
	margin-left: 25px;
}



.content_main_contentblock {
	background-color: #E4F2CC;
	padding: 10px;
	width: 910px;
	margin-bottom: 25px;
}

.content_main_contentblock h1, .content_main_contentblock h2, .content_main_contentblock h3 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	
	
}

.content_main_contentblock p
{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom:10px;
	margin-left: 0px;
}

.content_main_rightimage {
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}



.content_left {
	margin-left: 25px;
	width: 565px;
	float: left;
	margin-top: 10px;
	text-align: left;
	margin-right: 10px;
}

.content_left_mainimage {
	margin-top: 20px;
	margin-left: 20px;

}


.content_right 
{
    margin-right: 20px;
    vertical-align:top;
	float: right;
}


.content_left_admin {
	width: 100%;
	float: left;
	text-align: left;
	clear:both;

}


.content_right_box h1 {
	font-size: 14pt;
	padding-top: 35px;
	padding-left: 10px;
	font-weight: bold;
	margin: 0px;
}


.content_right_box h1 {
	padding-left: 10px;
}

.content_right_box h1 a, .content_right_box h1 a:link {
	font-size: 14pt;
	padding-top: 35px;
	margin: 0px;
	color:  #2E2F2A;
	text-decoration: none;
}


.content_right_box h1 a:hover {

	color: #6A6C62;
}

.content_right_box_right {
	float: right;
	width: 182px;
	text-align: center;
	height: 110px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.content_right_box_left {
	float: left;
	width: 183px;
	height: 120px;
}

.content_right_box_highlight {
	font-size: 20pt;
	font-weight: bold;
}

/* - Product Image Boxes */
.product_box {
	float: left;
	width: 280px;
	margin-right: 20px;
	margin-top: 25px;
	margin-bottom: 10px;
}

.product_box img {
	float: left;
	padding-right: 5px;
}

.product_box h3, .product_box p, .product_box a {
	margin-top: 0px;
	margin-bottom: 2px;
}


.product_box a, .product_box a:link, .product a:active, .product a:visited {
	color: #2E2F2A;
	text-decoration: none;
}

.product_box a:hover {
	text-decoration: underline;
}



#menu_bottom {
	margin: auto;
	width: 950px;
	height: 80px;
	text-align: left;
	background-image: url(../images/menu_bottom_bkg.png);
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}

.footer {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	width: 980px;
	
	color: #CCC;
	font-size: 9pt;
	text-align: center;
}

.footer a, .footer a:link, .footer a:visited  {
	text-decoration: none;
	color: #CCC;
	

}

.footer a:hover  {
	
	text-decoration: underline;

}
.content_right_box_right_plain {
	float: right;
	width: 150px;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 5px;
}



.DataEntry_DataGridButton
{

    clear: both;
    padding-top: 10px;
    padding-bottom: 10px;
}

.DataEntry_Search
{
	padding: 10px;
	background-color: #F3FBEC;
	border-top-width: 25px;
	border-top-style: solid;
	border-top-color: #98C53D;
	width: 910px;
}


.DataEntry_SearchTable 
{
	clear: both;
	width: 910px;
	border: 0px;
}

.DataEntry_SearchTableRow
{
    vertical-align: middle;

}

.DataEntry_Top
{
    font-size: 16pt;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
    float: left; 
}

.DataEntry_TopLeftDiv
{
    font-size: 16pt;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 400px; 
    vertical-align: middle;
    float: left; 
}

.DataEntry_TopLeftDiv_ChangeProduct 
{
    font-size: 9pt;
    font-weight: normal;
}

.DataEntry_TopLeftDiv p
{

   	font-size: 10pt;
	color: #2E2F2A;
	font-weight: normal;
}

.DataEntry_TopRightDiv
{
    padding-top: 10px;
     padding-bottom: 10px;
    width: 500px; 
    float: right; 
    text-align: right;
}

DataEntry_TopRightDiv_Button a, DataEntry_TopRightDiv_Button a:link, DataEntry_TopRightDiv_Button a:visited, DataEntry_TopRightDiv_Button a:active 
{
       color: #2E2F2A;
       text-decoration: none;
}

DataEntry_TopRightDiv_Button a:hover
{
       text-decoration: underline;
}


.DataEntry_TopRightDiv_Button 
{
 
    text-align: center;
    float: right; 
    width: 100px;
    color: #666666;
    
    
}

.Error_Image 
{
     padding-right: 5px;
     padding-bottom: 5px;  
}

.clear 
{
    clear:both   
}


.clear_greyline 
{
    height: 1px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: Gray;
    clear:both   
}


.GridView
{
	border: 1px solid #30550F;   	
}

.GridViewPager
{
   	background-color: #95C338;
	text-align: left;
	color: #FFF;
}

.GridViewHeader, .GridViewHeader th
{
	background-color: #64A424;	color: #FFF;
	min-height: 25px;
}


.GridViewRow
{
    background-color: #FFFFFF;
	text-align: left;
}

.GridViewAltRow 
{
    background-color: #FFFFFF;
	text-align: left;
}

.color_box {
	float: right;
	height: 25px;
	width: 150px;
	margin-right: 400px;
}

/* Admin */

.AdminTable {
	width: 525px;
	margin-right: 156px;
}
.AdminTable700 {
	width: 700px;
	
}
.AdminTable900 {
	width: 900px;
}

.AdminTable900 td 
{
    padding: 5px;
}
 

.AdminTDLeft {
	min-height: 30px;
	vertical-align: top;

}
.AdminTDRight {
	
	min-height: 30px;
	vertical-align: top;
	width: 80%;
}

DataEntry_SearchTable_Left 
{
    width: 15%;
	padding: 3px;
}

DataEntry_SearchTable_Right
{
    width: 35%;
	padding: 3px;
}

.AppManageButton {
	height: 40px;
	width: 150px;
	font-size: 12pt;
	color: #FFF;
	background-color: #0080B0;
	font-weight: bold;
	border: 10px none #FFF;
}
.ButtonTable {
	text-align: center;
}
.Message {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #F00;
	font-weight: bold;
}

.ImageButton48 
{
    padding-left: 25px;
}

.ImageLinkButton 
{

}

.ScrollCheckBoxList 
{
 
    width: 400px;
    height: 75px;
    overflow: auto;
    
}

/* Large thumbnails */
.rfeLargeThumbnails .rfeThumbList
{
       width: 100px !important; /*defines thumbnail wrapper dimension*/
}
.rfeLargeThumbnails .rfeThumbList .rfeFile
{
      /*the sum of the height and padding-top values should be equal to the height property defined in the rfeLargeThumbnails class*/
       width: 64px !important;
       height: 44px !important;
       padding-top: 20px !important;
}
.rfeLargeThumbnails .rfeThumbList .rfeImageFile.rfeFile
{
       height: 64px !important;
       padding-top: 0 !important;
}
.rfeLargeThumbnails .rfeThumbList .rfeFile img
{
      /*defines Image Preview Thumbnail dimension*/
       width: 64px !important;
       height: 64px !important;
}