/*  CSS Document for Convert Fraction - ASP  stylecf.css
 March/August 2005, April 2006, March 2009 (ASP) */

BODY { 
	background: #cc6633;
	color: #330000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1.5;
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: 0px; TOP: 0px; bottom: 0px;
	PADDING-BOTTOM: 0px; margin: 0px 0px 0px 0px; PADDING-TOP: 0px;
}



a:link, a:visited   {color: #330000;}
a:hover     		{color: #ffcc66;}


.pgName	 			{color: #330000; font-size: 75%; font-weight: bold;}

.classPageHeaderH3 	{font-size: 125%; color: #330000; font-weight: bold;}


.navPage 			{color: #ffcc66; font-size: 12px; font-weight: normal; font-family: Arial, Helvetica, sans-serif;
					line-height:16px; display:block; padding:10px; border-bottom: 1pt solid #330000; 
					border-right-width: 0px; border-left-width: 0px;}


#pageOffset 		{background-color: #cc6633; width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}

.tableHeader		{background-color: #cc6633; padding: 10px 0px 0px 0px; margin: 0px 0px 0px 0px;}


#navTopBorderCSS	{border-bottom: 1px solid #330000;}

#navFooterBorderCSS	{background-color: #cc6633; border-top: 1px solid #330000;}



.contentsTable	 	{background-color: #ffcc66; padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px;}

.contentsPad		{background-color: #ffcc66; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}

.contentsBox		{width: 790px; background-color: #ffcc66;  padding: 5px 5px 5px 5px; margin: 0px 0px 0px 0px;}



/************************************* Size Classes *******************************************************************/
/* HTML Tags */
INPUT       		{background-color: #ffff99; color: #330000;}

H3 					{font-size: 100%; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}

li					{line-height: 1.5;} 

HR		  			{color: #330000; background-color: #330000;}

FORM     			{margin-bottom: 0; margin-top: 0;}




.hrLine				{color: #330000; background-color: #330000;}

.operationSign 		{font-weight: bold; font-size: 200%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #330000;}

.headerClass		{font-size: 120%; font-weight: bold; color: #cc6633; padding: 0px 0px 0px 5px;}


.contLink			{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}

.contLink a:link, .contLink a:visited {color: #330000; font-weight: normal; padding: 0px 0px 0px 0px; text-decoration: underline; font-size: 100%;}

.contLink a:hover		{font-weight: normal; text-decoration: underline; color: #cc6633; font-size: 100%;}

			
#updateText 			{font-size: 70%; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif;}
			
.standOut				{color: #990000;}


 
.answerLarger			{font-size: 105%;}

.howToSolve				{font-size: 120%; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}

.outMixed				{font-size: 120%; font-weight: bold; padding: 0px 0px 0px 0px; margin: 0px 3px 0px 0px;}

.outMixedNormal			{font-size: 120%; font-weight: normal; padding: 0px 0px 0px 0px; margin: 0px 3px 0px 0px;}

.homeTableHeadPad		{font-size: 90%; font-weight: bold; padding: 0px 0px 0px 15px; margin: 0px 0px 0px 0px;}

.textSize				{font-size: 90%;}

.textSizeLineSpace		{font-size: 90%; line-height: 2.0;}

.boldFont  				{font-size: 90%; font-weight: bold;}

.boldHomeHeaderFont  	{font-size: 120%; font-weight: bold;}

.divideSign				{font-size: 105%; font-weight: 900; padding: 0px 0px 0px 0px; margin: 0px 2px 0px 2px;  color: 330000;}




					 

/************************************* End Size Classes ***************************************************************/


.boldFontNoSize				{font-weight: bold;}

.outMixed1					{font-weight: bold;}
					 

.classRedAnsRequest			{color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: normal;}

.classRedAnsBold			{color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}

.contentsNavPad				{background-color: #cc6633; padding: 5px 0px 60px 0px; margin: 0px 0px 0px 0px;}

.userInputPad				{padding: 5px 2px 5px 2px; margin: 0px 0px 0px 0px;}

.userInputPad2Fractions		{padding: 5px 2px 5px 2px; margin: 0px 0px 0px 0px;}

.ansPad						{padding: 0px 5px 0px 5px; margin: 0px 0px 0px 0px;}

.leftRightPadding			{padding: 0px 5px 0px 5px; margin: 0px 0px 0px 0px;}

.grayBar 					{font-weight: bold; background-color: #cc6633; padding: 5px 0px 5px 0px; margin: 0px 0px 0px 0px; 
							font-family: Arial, Helvetica, sans-serif; color: #330000;}

.grayBarSM 					{font-size: 90%; font-weight: bold; background-color: #cc6633; padding: 5px 0px 5px 0px; margin: 0px 0px 0px 0px; 
							font-family: Arial, Helvetica, sans-serif; color: #330000;}



.footer								{font-size: 75%; font-weight: normal; padding: 5px 15px 15px 15px; margin: 0px 0px 0px 0px;}
.footer a:link, .footer a:visited 	{color: #330000; font-family:  Arial, Helvetica, sans-serif; text-decoration: none;}
.footer a:hover						{color: #ffcc66; text-decoration: none; font-family:  Arial, Helvetica, sans-serif;}
 

#topId								{font-size: 75%; font-weight: bold; padding: 5px 0px 15px 0px; margin: 0px 0px 0px 0px;}
#topId a:link, #topId a:visited 	{color: #330000; text-decoration: none;}
#topId a:hover						{text-decoration: none; color: #ffcc66;; font-family:  Arial, Helvetica, sans-serif;}


.topAnchor							{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}



/******************************************************************************************************************************/
/* Drop_Down Menus
/******************************************************************************************************************************/
/* CURRENT PAGE */
.ddm1 .item2Current {
	PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 8px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; WHITE-SPACE: nowrap; COLOR: #ffcc66;
	BACKGROUND: #cc6633; border: 1px solid #999999;
}



.ddm1 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.ddm1 .item1 {
	PADDING-RIGHT: 4px; DISPLAY: block; PADDING-LEFT: 4px; PADDING-BOTTOM: 8px; PADDING-TOP: 0px; POSITION: relative; TEXT-DECORATION: none
}
.ddm1 .item1:hover {
	PADDING-RIGHT: 4px; DISPLAY: block; PADDING-LEFT: 4px; PADDING-BOTTOM: 8px; PADDING-TOP: 0px; POSITION: relative; TEXT-DECORATION: none;
}
.ddm1 .item1:visited {
	PADDING-RIGHT: 4px; DISPLAY: block; PADDING-LEFT: 4px; PADDING-BOTTOM: 8px; PADDING-TOP: 0px; POSITION: relative; TEXT-DECORATION: none;
}
.ddm1 .item1-active {
	PADDING-RIGHT: 4px; DISPLAY: block; PADDING-LEFT: 4px; PADDING-BOTTOM: 8px; PADDING-TOP: 0px; POSITION: relative; TEXT-DECORATION: none;
}
.ddm1 .item1-active:hover {
	PADDING-RIGHT: 4px; DISPLAY: block; PADDING-LEFT: 4px; PADDING-BOTTOM: 8px; PADDING-TOP: 0px; POSITION: relative; TEXT-DECORATION: none;
}

.ddm1 .item1 {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #330000;
}
.ddm1 .item1:visited {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #330000;
}
.ddm1 .item1:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffcc66;
}
.ddm1 .item1-active {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffcc66;
}
.ddm1 .item1-active:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffcc66;
}



.ddm1 .item2 {
	FONT-WEIGHT: normal; PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 8px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; WHITE-SPACE: nowrap; TEXT-DECORATION: none;
}
.ddm1 .item2:hover {
	PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 8px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; WHITE-SPACE: nowrap; TEXT-DECORATION: none;
}

.ddm1 .item2 {
	BACKGROUND: #ffcc66; COLOR: #330000; border: 1px solid #999999;
}
.ddm1 .item2:visited {
	BACKGROUND: #ffcc66; COLOR: #330000; border: 1px solid #999999;
}
.ddm1 .item2:hover {
	BACKGROUND: #cc6633; COLOR: #ffcc66; border: 1px solid #999999;
}



.ddm1 .section {
	/*BORDER-TOP: #dddddd 1px;  BORDER-BOTTOM: #dddddd 1px solid;BORDER-LEFT: #dddddd 1px; BORDER-RIGHT: #dddddd 1px; */
	BORDER-TOP: #330000 1px;  BORDER-BOTTOM: #330000 1px solid; BORDER-LEFT: #330000 1px; BORDER-RIGHT: #330000 1px;
	Z-INDEX: -1; VISIBILITY: hidden; WHITE-SPACE: nowrap; POSITION: absolute;
}


.ddm1 .left {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none;
}
.ddm1 .left:hover {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none;
}

.ddm1 .right {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none;
}
.ddm1 .right:hover {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none;
}

* HTML .ddm1 TD {
	POSITION: relative;
}
/*  End  Link Stuff */