/*******
* COLORS: 
*
* GREY #504549
* LT ORANGE #933B1C
* quiet brown #CBC9A0
* quieter brown #EBE9C0
* quiet blue #E2EBF0
*
*
*/          
/************
 *   link   *
 ***********/

A          {color : #626B70; }
A:Visited  {color : #626B70; }
A:Active   {color : #626B70; }
A:Hover    {color : #626B70; text-decoration : none; }

/*************
 *   body    *
 ************/

BODY 	{
  		     color      : BLACK;
	background-color      : white;
	margin-left           : 8;
	margin-top            : 8;
}


/******************************
 *    class used to display   *
 *    the input field labels  *
 *****************************/
P.LABEL {
     	           color : #FFFFFF;
  	     font-weight : bold;
}
TH.LABEL {
		text-align:right;
}


H3 {
	color : #FFFFFF;	
}

/*******************************************
 * class for admin                         *
 ******************************************/

DIV.ADMIN_WELCOME{
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:2m;
}
TH.ADMIN_BIG_TEXT{
color:#FF0000;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:2m;
}

DIV.ADMIN{
    color: white;
    padding: 5px 5px 5px 10px;
    font: bold 2em sans-serif;
background: #CBC9A0;
    
}


DIV.ADMIN_NAME{
    background: white;
    border-bottom-width: 2px;
    border-color: black;
    
    color: black;
    padding: 5px 5px 5px 10px;
    font: bold .75em sans-serif; 
    text-align: right;
}
DIV.ADMIN_FOOTER{
    background: #CBC9A0;
    color: white;
    padding: 5px 5px 5px 10px;
    font: bold 9pt sans-serif;
}



TR.ADMIN{
    background: WHITE;
    padding: 5px 5px 5px 10px;
    font: bold 12pt sans-serif;
	
}
TABLE.ADMIN_LOGIN{
    background-color:#EBE9C0;
    
    padding: 5px 5px 5px 10px;
    font: bold 1.25em Verdana, Arial, Helvetica, sans-serif;
}    


/*******************************************
 * class for the newsletter                *
 ******************************************/


TABLE.NEWSLETTER {		
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align:left;
}

TABLE.NEWSLETTER_MAIL {		
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align:left;
        font-size:.5em;
}
TD.NEWSLETTER_MAIL {		
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align:left;
        font-size:.5em;
}

DIV.NEWSLETTER_MAIL{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align:left;
        font-size:.5em;
        color:black;
}

H7.NEWSLETTER_MAIL{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align:left;
        font-size:.5em;
        color:black;
}
TH.NEWSLETTER_CONTENTS{
background-color: white;
border-top-color: black;
border-top-width: .25em;

}

P.SUBS {
		  color : #FFFFFF;
		  font-family: arial;
		  font-weight : bold;
		  text-align : center;
		  font-size : 16px;
}

TABLE.SUBS {		
		background-color : #RED;
		border-collapse: collapse;	
}
TABLE.subs2 {
		background-color : #000000;
}



TH.SUBS {
		color      : #FFFFFF;
		background-color : #274465;
		font-weight: bold;			
		text-align : left;
		font-size : 16px;
		font-family: arial;
}

TR.SUBS {
		background-color : #CC9966;
}


TD.SUBS {
		color      : #FFFFFF;
		background-color : #CC9966;
}



/*******************************
 *  background color to use to *
 *  display the errors         *
 ******************************/
TD.ERROR {
		background-color : #ED4F50;
}

/***********************************************
 * color of the thin line surrounding the menu form *
 **********************************************/
TABLE.MENU_FORM {		
		background-color : #E2EBF0;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align:left;
}
TD.MENU_FORM {
		background-color :  #E2EBF0; 
       /*
		* WAS #D2DBE0 LIGHT GREY BLUE
		* lightened it more
		*/
}



/***********************************************
 * color of the thin line surrounding the form *
 **********************************************/
TABLE.FORM {		
		background-color : #EBE9C0;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align:left;
}
DIV.FORM{
background-color:#CBC9A0;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.25em;
}
/**************************************
 * background color of the form title *
 *************************************/
TH.FORM {
		color      : BLACK;
		background-color : #CBC9A0;
		font-weight: bold;		
		padding: 0.2em 0.5em 0;	
		vertical-align:middle;
		text-align:left
}
/********************************
 * background color of the form *
 *******************************/
TD.FORM {
		background-color :  #FFFDD4; 
       /*
		* WAS #D2DBE0 LIGHT GREY BLUE
		* lightened it more
		*/
}






TABLE.FORM2 {
		background-color : #000000;
}
TH.FORM2 {
		color      : #FFFFFF;
		background-color : RED;
		font-weight: bold;			
}
FORM2 {
	background-color :  #BLACK;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.25em;
	color: #000000;
}

TR.FORM2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.25em;
	color: BLACK;
}









TD.PAGER {
	background-color :  #CC9966;
	text-align: center;
}

.ongletMain {
	BORDER-RIGHT: #80add6 2px solid; 
	BORDER-TOP: medium none; 
	BORDER-LEFT: #80add6 2px solid; 
	BORDER-BOTTOM: #80add6 2px solid; 
	BACKGROUND-COLOR: #dce8f4;
}

.clsAction {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	COLOR: #053c6d; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}


.ongletTextEna {
	BORDER-RIGHT: #80add6 2px solid; 
	BORDER-TOP: #80add6 2px solid; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	BORDER-LEFT: #80add6 2px solid; 
	COLOR: #005386; 
	BORDER-BOTTOM: medium none; 
	FONT-FAMILY: verdana; 
	BACKGROUND-COLOR: #dce8f4; 
	TEXT-ALIGN: center;
}

.ongletTextDis {
	BORDER-RIGHT: #c5c5c5 1px solid; 
	BORDER-TOP: #c5c5c5 1px solid; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	BORDER-LEFT: #c5c5c5 1px solid; 
	COLOR: #80add6; 
	BORDER-BOTTOM: #80add6 2px solid; 
	FONT-FAMILY: verdana; 
	BACKGROUND-COLOR: #e6e6e6; 
	TEXT-ALIGN: center;
}

.ongletTextErr {
	BORDER-RIGHT: #c5c5c5 1px solid; 
	BORDER-TOP: #c5c5c5 1px solid; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	BORDER-LEFT: #c5c5c5 1px solid; 
	COLOR: #FFFFFF; 
	BORDER-BOTTOM: #80add6 2px solid; 
	FONT-FAMILY: verdana; 
	BACKGROUND-COLOR: #ED4F50;
	TEXT-ALIGN: center;
}

.ongletMiddle {
	BORDER-RIGHT: #80add6 2px solid; 
	BORDER-TOP: medium none; 
	FONT-SIZE: 1px; 
	BORDER-LEFT: #80add6 2px solid; 
	BORDER-BOTTOM: medium none; 
	BACKGROUND-COLOR: #dce8f4;
}

.ongletSpace {
	BORDER-BOTTOM: #80add6 2px solid;
}

/**
 * Calendar classes
 */

TD.CALENDRIER {
	background-color: #C2C2C2; 
	font-weight: bold; 
	text-align: center; 
	font-size: 10px;
}

A.CALENDRIER {
	text-decoration: none; 
	color: #000000;
}

.CALENDARBORDER {
	background-color: #000000; 
}

.CALENDARTITLE {
	background-color: #336699; 
}

.CALENDARWEEK {
	background-color: #FFFFFF;
}

.CALENDARWEEKEND {
	background-color: #FFF4E5;
}

.CALENDARSELECTED {
	background-color: #FF8F01;
}

.leftContent {
		float:left;
		width:50%;
		height: 8.0em;
		background:#fff;		
	    /*  border:2px solid #0F0; */
		margin:0.0em;
		padding:0.0em;
}


.rightContent {
	/* border:2px solid #00F; */  
	height: 8.0em;
	margin: 0.0em;
	padding: 0.0em;
}
		
.rightContent h4 {
		font-size:1.25em;
		margin:0.0em;
}

.leftContent h4 {
		font-size:1.25em;
		margin:0.0em;
}


.vendorImageLineRule {
  width:100%;
  text-align:center;
   border:1px dotted #ccc;
   padding-top:0.0em;
   margin-top:0.0em;
   margin-bottom:0.5em;
}

.vendorImageThumbnail {
    float:left;
    width:100px;
    height:100px; 
   /* border:2px solid #F00; */
    margin-right: 1.0em;
}

.validationError {
 color: red;
}

#uploadBar {
width:100%; 
/* border:2px solid #00F; */
margin: 0.0em; 
float:left; 
padding: 0.0em;
text-align: center;
}



