/*---------------------------------------------------*/
/*- HTML --------------------------------------------*/
/*---------------------------------------------------*/

/*-----------------------------
COLORS 
SaddleBrown #8B4513
Gold  #FFD700
gainsboro #DCDCDC
-----------------------------*/

/*****/
body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #F5DEB3;
    color: black;
    padding: 0px;
    margin: 0px;
}
/*****/

/****/
table, tr, td
{
	border-collapse: collapse;
	padding: 0px;
   margin: 0px;

	border-style: none;
	border-width: 0px;
	border-color: black;

	/*table-layout: fixed;*/
	table-layout: auto;
	background-color: transparent;
}
/*****/

.clMainContentContainer
{
	position: relative;
	top: 0px;
	right: 0px;
}

/*****
a:link
{
	text-decoration: none;
	color: blue;
}
a:visited
{
	text-decoration: none;
	color: purple;
}

a:hover
{
	text-decoration: underline;
	color: blue;
}
a:active
{
	text-decoration: none;
	color: blue;
}
*****/

/*---------------------------------------------------*/
/*- Sign In -----------------------------------------*/
/*---------------------------------------------------*/
span.clSignInText a
{
    font-size: 11px;
    position: absolute;
    top: 0px;
    right: 0px;
    float: right;
    width: 80px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 10px;
    margin: 0px;
    height: 100%;
    z-index: 1;
    text-align: right;
    vertical-align: bottom;
    line-height: 1.0;
    display: inline;
    background-color: transparent;
    color: blue;
    /*border: 0px none #FFA500; */
}
span.clSignInText a:link
{
	color: blue;	
}
span.clSignInText a:visited
{
	color: blue;	
	border: 0px none black;
}
span.clSignInText a:focus
{
	color: blue;	
	border: 0px none black;
}
span.clSignInText a:hover
{
	color: red;	
}
span.clSignInText a:active
{
	color: blue;	
	border: 0px none black;
}

/*---------------------------------------------------*/
/*- Page --------------------------------------------*/
/*---------------------------------------------------*/
table.BodyTable 
{
	background-color: #8B4513;
	border: 1px solid black;
}

/*---------------------------------*/
table.TopHeader
{
	background-color: transparent;

	background-image: url(../images/top_bar.gif); 
	background-repeat: repeat-x;

	height: 80px;

	/*display: block;*/
}

/*---------------------------------*/
td.PageCell
{
	background-color: #8B4513; 
	/*border: 4px solid orange;*/
	padding: 4px;
}

/*---------------------------------*/
table.PageContent
{
	background-color: white;
}



/*---------------------------------------------------*/
/*- TopMenu -----------------------------------------*/
/*---------------------------------------------------*/

table.TopMenuTable 
{
	/*font-family: "Arial";*/
	font-weight: bold;
	font-size: 13px;
	color: white;

	background-image: url(../images/menu_bar.gif);
	background-repeat: repeat-x;

	vertical-align:bottom;

	height: 30px;
	line-height: 30px;

	padding: 0px;
   margin: 0px;
	border-collapse: collapse;

	border: 0px none red;
}

/*---------------------------------*/
.clTopMenuNormal td, .clTopMenuNormal a
{
	background-image: none;
	color: white;	
	background-color: transparent;
	text-decoration: none;

	padding: 0px;
   margin: 0px;

   border: 0px none green;

	width: 100%;
	/*height:100%;*/
	height:30px;

	/*line-height:30px;*/
	/*line-height:100%;*/
	
	vertical-align:top;
	text-align:center;
	
	display: block;
}
/*-------------------*/
.clTopMenuNormal td, .clTopMenuNormal a:link
{
    background-image: none;
    color: white;	
    background-color: transparent;
}
/*-------------------*/
.clTopMenuNormal td, .clTopMenuNormal a:visited
{
    background-image: none;
    color: white;	
    background-color: transparent;
}
/*-------------------*/
.clTopMenuNormal td, .clTopMenuNormal a:hover
{
    background-image: url(../images/top_bar_mover.gif);
	 color: #FFD700;
    background-repeat: repeat-x;
    background-color: transparent;
}
/*****
.clTopMenuNormal td, .clTopMenuNormal a:active
{
    background-image: none;
	 color: white;
    background-color: #8B4513;
}
*****/

/*---------------------------------*/
.clTopMenuSel td, .clTopMenuSel a
{
	background-image: none;
	color: white;	
	background-color: #8B4513;
	text-decoration: none;

	padding: 0px;
   margin: 0px;
	border-collapse: collapse;

   border: 0px none green;

	width: 100%;
	/*height:100%;*/
	height:30px;

	/*line-height:30px;*/
	
	vertical-align:middle;
	text-align:center;	 

	display: block;	 
}

/*---------------------------------*/
.clTopMenuSel td, .clTopMenuSel a
{
	 color: white;
}
/*-------------------*/
.clTopMenuSel td, .clTopMenuSel a:hover
{
	 color: #FFD700;
}



/*---------------------------------------------------*/
/*- PCatMenu ----------------------------------------*/
/*---------------------------------------------------*/

table.PCatMenuTableBorder
{
	margin: 4px;
	border: 2px solid #DCDCDC;
	background-color: white;
}

/*---------------------------------*/
div.PCatMenuVSpaceX
{
	/*font-size: 2px;		*/

	display:	block; 
	padding: 0px;
	margin: 0px;
	vertical-align: middle;


	height: 2px;
	width: 100%;
	line-height:	2px; 

   border: 0px solid green;

	zoom:1;
}

/*---------------------------------*/
a.PCatMenuItemTextX
{
	/*font-family: "Verdana", "Arial", "Helvetica", "sans-serif";*/
	font-size: 11px;		
	font-weight: bold;
	color: black;

	display: block;
	border: 0px none green;

   text-decoration: none;
	text-align: left;
	vertical-align: middle;

	line-height: 24px;

	padding: 0px;
	margin: 0px;
}

/*---------------------------------*/
div.PCatMenuItemBackX a
{
	zoom:1;
	color: black;
	border: 0px none red;
}
/*-------------------*/
div.PCatMenuItemBackX a:hover
{
	zoom:1;
	color: blue;
}

/*---------------------------------*/
div.PCatMenuItemSelBackX a, div.PCatMenuItemSelBackX span
{
	zoom:1;
	color: white;
	background-color: #8B4513;

	border: 0px none red;
}
/*-------------------*/
div.PCatMenuItemSelBackX a:hover
{
	zoom:1;
	color: #FFD700;
}

/*---------------------------------*/
span.PCatMenuItemCapZ
{
    display: inline-block;
    width: 4px;
    height: 24px;
    background-color: transparent;
    vertical-align: middle;
    border: 0px none green;
}

/*---------------------------------*/
span.PCatMenuItemMidZ
{
    display: inline-block;
    width: 150px; /* must be the same length as PCatMenuNormalMidX * PCatMenuSelMidX */
    height: 24px;
    background-color: transparent;
    vertical-align: middle;
    border: 0px none green;
}



/*---------------------------------------------*/
/*---------------------------------------------*/
#PCatMenuNormalLeftX
{
	background-image: url(../images/pcm_grad_left_norm.gif);
	background-repeat: no-repeat;
	display: inline-block;
	width: 4px;
	height:24px;
	zoom:1;
}
/*-------------------*/
#PCatMenuNormalMidX
{
	background-image: url(../images/pcm_grad_mid_norm.gif);
	background-repeat: repeat-x;
	display: inline-block;
	width: 150px; /* sets the width of the left menu,  must be the same length as PCatMenuItemMidZ */
	height:24px;
	zoom:1;
}
/*-------------------*/
#PCatMenuNormalRightX
{
	background-image: url(../images/pcm_grad_right_norm.gif);
	background-repeat: no-repeat;
	display: inline-block;
	width: 4px;
	height:24px;
	zoom:1;
}

/*---------------------------------------------*/
/*---------------------------------------------*/
#PCatMenuSelLeftX
{
	background-image: url(../images/pcatmenu_left_sel.gif);
	background-repeat: no-repeat;
	display: inline-block;
	width: 4px;
	height:24px;
	zoom:1;
}
/*-------------------*/
#PCatMenuSelMidX
{
	background-image: url(../images/pcatmenu_mid_sel.gif);
	background-repeat: repeat-x;
	display: inline-block;
	width: 150px; /* sets the width of the left menu,  must be the same length as PCatMenuItemMidZ */
	height:24px;
	zoom:1;
}
/*-------------------*/
#PCatMenuSelRightX
{
	background-image: url(../images/pcatmenu_right_sel.gif);
	background-repeat: no-repeat;
	display: inline-block;
	width: 4px;
	height:24px;
	zoom:1;
}



/*---------------------------------------------------*/
/*- PCatSubMenu -------------------------------------*/
/*---------------------------------------------------*/

div.PCatSubMenuBoxX
{
	background-color: #8B4513;
	text-decoration: none;
	display: block;

	padding-top:	0px;
	padding-left:	7px;
	padding-bottom:0px;
	padding-right:	0px;

	margin-top:		0px;
	margin-left:	10px;
	margin-bottom:	1px;
	margin-right:	0px;

	border-width: 3px;
	border-style: solid;
	border-color: #8B4513;
}

div.PCatSubMenuListX
{
   text-decoration: none;
	text-align: right;
	vertical-align: top;

	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 11px;		/* font size for psubmenu */

	background-color: cornsilk;
	text-decoration: none;
	display: block;

	padding-top:	2px;
	padding-left:	4px;
	padding-bottom:2px;
	padding-right: 4px;

	margin-left:	0px;
	margin-right:	0px;
	margin-top:		0px;
	margin-bottom:	0px;
}


/*---------------------------------------------*/
/*---------------------------------------------*/

a.PCatSubMenuNormalX
{
	font-weight: normal;
   text-decoration: none;

	padding: 4;
	margin: 0;

	display: block;

	border-width: 1px;
	border-style: solid;
	border-color: cornsilk;
}

a.PCatSubMenuNormalX:link
{
	color: black;
}
a.PCatSubMenuNormalX:visited
{
	color: black;
}
a.PCatSubMenuNormalX:hover
{
	color: darkred;
	border-color: darkred;
}
a.PCatSubMenuNormalX:active
{
	color: black;
}

div.PCatSubMenuNormalX
{
	text-decoration: none;
	display: block;
	padding: 4;
	margin: 0;
}


/*---------------------------------------------*/
/*---------------------------------------------*/

a.PCatSubMenuSelX
{
	font-weight: bold;
   text-decoration: none;

	padding: 4;
	margin: 0;

	display: block;

	border-width: 1px;
	border-style: solid;
	border-color: cornsilk;
}

a.PCatSubMenuSelX:link
{
	color: blue;
}
a.PCatSubMenuSelX:visited
{
	color: blue;
}
a.PCatSubMenuSelX:hover
{
	color: blue;
	border-color: blue;
}
a.PCatSubMenuSelX:active
{
	color: blue;
}

div.PCatSubMenuSelX
{
	text-decoration: none;
	display: block;
	padding: 4;
	margin: 0;
}


/*--------------------------------------------*/
/*- Common Table List ------------------------*/
/*--------------------------------------------*/
table.clCmnTableList td
{
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	padding-bottom: 6px;
	border: 0px none red;
}
td.clCmnTableListHead
{
	text-align: left;
	font-weight: bold;
	color: navy;
}
td.clCmnTableListHeadU
{
	text-align: left;
	font-weight: bold;
	color: navy;
	text-decoration: underline;
}
td.clCmnTableListBullet
{
	text-align: right;
	font-weight: bold;
	width: 10px;
	padding-left:5px;
	padding-right:3px;
	/*color: blue;*/
}
td.clCmnTableListText
{
	text-align: left;
	width: 100%;
}

tr.clCmnTableListVSpace
{
	height: 11px;
}

/*--------------------------------------*/
/*- Image Thumb ------------------------*/
/*--------------------------------------*/
.clCmnImgThumb img 
{
/*	font-size: 12px;
	text-align: left;
	vertical-align: top;
	line-height: 1.4;
*/
	vertical-align: top;
	margin-top: 4px;
	border: 0px solid red;
}

.clCmnImgThumbSmall
{
	display: block;
	//border: 0px solid red;
}
.clCmnImgThumbLarge
{
	display: none;
	//border: 0px solid red;
}


/*--------------------------------------*/
/*- Link Types  ------------------------*/
/*--------------------------------------*/
.clCmnLinkBold a, a.clCmnLinkBold
{
	font-weight: bold;
	text-decoration: none;
	color: blue;
}
/*****
.clCmnLinkBold a:link
{
	color: blue;
}
*****/
.clCmnLinkBold a:visited, a:visited.clCmnLinkBold
{
	color: darkmagenta;
}
.clCmnLinkBold a:hover, a:hover.clCmnLinkBold
{
	text-decoration: underline;
	color: blue;
}
/*****
.clCmnLinkBold a:active
{
	color: darkmagenta;
}
*****/

/*--------------------------------------*/
a.clCmnLink
{
	text-decoration: none;
	color: blue;
}
a:hover.clCmnLink 
{
	text-decoration: underline;
	color: darkred;
}
a:visited.clCmnLink 
{
	color: darkmagenta;
}
/*****
a:hover.clCmnLink 
{
	text-decoration: underline;
	color: blue;
}
*****/

/*-----------------------------------*/
/*- Forms ---------------------------*/
/*-----------------------------------*/

.clCmnFormContent
{
	position: relative;
	top: 0px;
	right: 0px;
	
	font-size: 12px;
	vertical-align: top;

	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;

	margin: 0px;

	display: block;

	background-color: transparent;

	/*border: 1px solid grey;*/
}

table.clCmnForm 
{
	/*font-size: 12px;*/
	/*line-height: 1.5;*/
	background-color: whitesmoke;
	text-align: left;
	vertical-align: top;
	/*padding-bottom: 10px;*/
	margin: 0px;
	table-layout: fixed;	// forces to full width of container */
	empty-cells: show;

	border: 1px solid grey;

	color:navy;
}
td.clCmnFormHead
{
	line-height: 1.2;
	/*font-weight: bold;*/
	/*text-decoration: underline;*/
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 5px;

	border: 1px solid grey;

	color:navy;
}

table.clCmnFormText td
{
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;

	color:black;
}