/* ##### START EDIT FOR VERSIONS ########## */

.styleBlue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	color: #263145;
	font-weight: bold;
}

.styleOrange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	color: #8c0d20;
	font-weight: bold;
}

/* ##### END EDIT FOR VERSIONS ############ */

/* order grid */

.thickBlueText {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #2252B0;
	font-weight: bold;
}

.thickOrangeText {
	font-family: arial, helvetica, sans-serif;
	font-size: 14pt;
	text-decoration: none;
	color: #f56400;
}

.smallBlueText {
	font-size: 11px;
	font-weight: bold;
	color: #634a79;
}

a.medBlueLink:active,
a.medBlueLink:link,
a.medBlueLink:visited{
	color: #1131A0;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
}

a:hover.medBlueLink{
	color: #333333;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
}

.enterStyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
}

.darkBorder {
	border: 1px solid #666666;
}

.sizeText {
	font-family: Verdana, Helvetica, Arial;
	font-size: 14px;
	color: #2252B0;
	font-weight: bold;
}

.inputGrid {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	border: 1pt inset #ccd6eb;
	width: 30px; 
	font-weight: normal;
}

.gridBorder {
	border: 1pt solid #d3d3de;
	margin-left: -1px;
}

.outsideBorder {
	border: 1pt solid #ccd6eb;
	border-bottom: none;
	border-right: none;
	border-top: none;
}

.rightBorder {
	border: 1pt solid #ccd6eb;
	border-bottom: none;
	border-left: none;
	border-top: none;
	background-color: #EDF3FF;
}

.closeOut {
	font-family: Arial Narrow, Helvetica, sans-serif;
	font-size: 11px;
	color: #cc0000;
	font-weight: bold;
}

.rightPadding {
	padding-right: 5px;
}

/*.popUp {
	background-color: #EDF3FF;
	margin-top: 4px;
	border: 1px solid #003094;
	border-left: none;
	border-right: none;
	border-top: none;
}*/

.altGridBGColor {
	background-color: #f6f6f6;
}

.darkBold {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4c4c62;
	font-weight: bold;
}

.orangeText {
	/*color:#f56400; */
	color: #0090B4;
	font-size: 11px; 
	font-family: verdana; 
	font-weight: bold;
}

.styleNum {
	color:#0090B4; 
	font-size: 11px; 
	font-family: verdana; 
	font-weight: bold;
}

.cellBorder { 
	border: 1px solid #d3d3dc;
}

/* pop up */

.leftFrameMargin {
	margin-left: -2px;
}

.popUpMargin {
	/*margin: 0px;*/
	margin-left: -2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.swatchBox {
	width: 76px;
	height: 19px;
	border: 1px solid #c0c0c0;
}

.swatchText {
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	padding-top: 1px;
}

.topBarColor {
	position: absolute;
	top: 7px;
	left: 290px;
	
}

.topBarSize {
	position: absolute;
	top: 7px;
	left: 430px;
}

.styleAlign {
	padding-left: 24px;
	padding-bottom: 0px;
}


/*.styleHead {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	color: #634a79;
	font-weight: bold;
}

.styleNumHead {
	font-family: arial, helvetica, sans-serif;
	font-size:13pt;
	color: #0090B4;
	font-weight: bold;
}*/




.topImgSpace {
	padding-top: 3px;
}

.swatchCellPadding {
	padding-top: 5px;
	padding-left: 15px;
}

.style5 {font-size: 11px; color: #cc0000; }

li {
	line-height: 15px;
	color: #634a79;
}

.tddata{
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #634a79; /* details */
}

