.sml {font-size: 10px; padding-bottom: 8px; padding-right: 20px; }

.toptext {font-size: 12px;padding-bottom: 8px; }

img { border: 0; }

.greyline { border-bottom: 1px #666666 dotted; margin-top: 2px; margin-bottom: 2px; }

.bold { font-weight: bold; }

.img_link { cursor: pointer; }

.img_align_left { margin-right: 20px; }

.img_align_right { margin-left: 20px; }

.img_link_left { margin-right: 20px; cursor: pointer;}

.img_link_right { margin-left: 20px;  cursor: pointer;}

.img_link_bottom { margin-right: 10px;  cursor: pointer;}

.bmpTxt { padding-top: 5px; color: #999999;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

a.greyLink:link {color: #999999; font-family: Verdana, Arial, Helvetica, sans-serif;}

a.greyLink:visited {color: #999999;}

a.greyLink:hover {color: #666666;text-decoration: none;}

a.greyLink:active {color: #CC0000;text-decoration: none;}

.spages { margin-left: 20px; }

.xx-large { font-size: xx-large; line-height: 130%; }
.x-large { font-size: xx-large; line-height: 130%; }
.large { font-size: large; line-height: 150%; }
.medium { font-size: medium; line-height: 150%; }
.xx-small { font-size: xx-small; line-height: 250%; }
.x-small { font-size: x-small; line-height: 200%; }
.small { font-size: small; line-height: 180%; }
.mainTxt {line-height: 200%;  }

.tborder { border: 1px black dotted; }

#wordpaste { border: 1px #999999 dotted;  width: 200px; font-size: 10px; height: 10px; color: #999999; font-family: Arial, sans-serif; }





/* ------------------------ MENU STYLES -------------------------------------- */

.glossymenu
{
	margin: 0;
	padding: 0;
/*
	background-image: url(../imgs/mbgw.gif);
	background-repeat: repeat-y;
	background-position: 0px -56px;
*/
}

.glossymenu_all {
	border-bottom: 1px dotted #666666;
	/*border-top: 1px solid #EEEEEE;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	display: block;
	padding: 6px 8px 6px 0px;
}

.glossymenu a.menuitem
{
	/*background: black url(../imgs/glossyback.gif) repeat-x bottom left;
*/
	color: #666666;
	position: relative;
	/*height: 16px;
	To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 6px 16px 6px 12px;
	margin-left: -20px;
	text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	color: #666666;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}

.glossymenu a.menuitem:hover{
	background-image: url(../imgs/openbg.gif);
	color: #666666;
}

.glossymenu a.shp:hover{
	background-image: url(../imgs/shopbg.gif);
	color: #666666;
}

.submenutxt:hover{
	background-image: url(../imgs/openbg.gif);
	cursor: pointer;
	/*color: #CCCCCC;
	background-color: #eeeeff;*/
}

.shp:hover{
	background-image: url(../imgs/shopbg.gif);
	color: #666666;
}

.currSub li:hover{
	background-image: none;
	/*color: #CCCCCC;
	background-color: #eeeeff;*/
}
.glossymenu div.submenu
{
	/*DIV that contains each sub menu*/
	margin-left: -20px;
	
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.glossymenu div.submenu ul li{
	
/*background-image: url(../imgs/openbg.gif);
	background-repeat: no-repeat;
	background-position: 20px;
	clip: rect(0, 0, 0, 20px);*/
}

.glossymenu div.submenu ul li a
{
	color: #666666;
	padding-left: 30px;
}

.glossymenu div.submenu ul li a:hover{
	/*background: #CCCCCC;*/
	color: #999999;
}

.submenutxt {
 	padding-left: 30px;
 	color: #666666;
}
.currSub {
	color: #999999;
	position: relative;
	display: block;
	padding-left: 30px;
}


.currSub li:hover {
	background-image: none;

}

.glossymenu span.currPage {
	color: #999999;
	margin-left: -8px;
}

.glossymenu a.currmenuitem {
	position: relative;
	width: auto;
	margin-left: -8px;
	/*
		background: black url(../imgs/glossyback.gif) repeat-x bottom left;color: #999999;
	*/
}

.glossymenu a.currmenuitem:visited, .glossymenu .currmenuitem:active{
	color: #999999;
}

.glossymenu a.currmenuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}

.glossymenu a.currmenuitem:hover{
	/*background-image: url(../imgs/openbg.gif);*/
	color: #999999;
}



/* ------------------------ COLUMNS STYLES -------------------------------------- */

.maincontainer
{
	overflow: hidden;
	margin: 0px 12px 20px 22px;
}	
	/* Left column */
	.maincontainer .column01
	{
		float: left;
	}
		/* Width is set in inner div of column to avoid the use of negative margins */
		.maincontainer .column01 .restraint
		{
			width: 250px;
			/*background-color: #efefef;*/
		}
		
		.maincontainer .column03 .restraint
		{
			width: 220px;
			
		}
		
		.maincontainer .restraint .padding
		{
			padding: 10px;
/*
			padding-right: 40px;
*/

		}
	/* Left column */
	.maincontainer .column03
	{
		float: right;
		margin-top: 4px;
		
	}
	/* Middle column */
	.maincontainer .column02
	{
		overflow: hidden;
	}
		.maincontainer .column02 .restraint
		{
			width: 100%;
		}
		* html .maincontainer .column02
		{
			/* cause hasLayout so middle column will sit between left and right */
			display: inline-block;
		}


/* ------------------------ DBP STYLES -------------------------------------- */


.dbp-row {
	background-color: #f6f6f6;
}
.dbp-row-alt {

}
.dbp-table
{
	padding-bottom: 12px;
	margin-right: 20px;
	margin-top: 30px;
}
.dbp-total
{
	border-bottom: 1px gray dotted;
	padding-bottom: 3px;
}
.dbp-checkout {
	height: 30px;
}

.dbp-titles
{
	font-weight: normal;
	color: #000000;
	font-size: 12pt;
	margin-bottom: 8px;
}

.spages { margin-left: 20px; }


#notify_frame
{
	width: 300px;
	height: 46px;
	border: 1px #999999 dotted;
	background-color: #EEEEEE;

}

#freeDiv {
	margin-left: -10px;
	width: 180px;
	color: #999999;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 20px;
}