/*
<----------------------------------------------------------------------------->
	BINTWO WEBSITE STYLES

	AUTHOR:		BRIAN SHIREY

	DATE:				5-30-06	

	PURPOSE:	PROVIDE THE HTML STYLES USED TO 
							CREATE THE BINTWO WEBSITE FOR
							FRANCINE BLANCHET-SADRI.
<----------------------------------------------------------------------------->*/

/*
<----------------------------------------------------------------------------->
																GLOBAL OBJECTS 

																UPPER PAGE
<----------------------------------------------------------------------------->
*/


*
{
	padding: 0;
	margin: 0;
	border: 0;	
}

body 
{
	BACKGROUND-COLOR: #FFDB00; /*this is the golden color*/
	BACKGROUND-ATTACHMENT: fixed;
	font-style: normal;
	font-family: Arial, Serif;
	font-size: medium;
	font-variant: normal;
	font-weight: normal;
	color: Black;
	padding: 20px;
	
	
}

.bordernav
{
	border-style: none;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
}

.borderless 
{
	border-style: none;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
}

table#maintable 
{
	HEIGHT: 100%; 
	width: 100%; 
	PADDING: 20px; 
	margin: 0px;
	border-style: none;
	border-collapse: collapse;
	vertical-align: middle;
}

table.folder 
{
	WIDTH: 100%; 
	BACKGROUND-IMAGE: url(http://www.uncg.edu/cmp/research/bintwo/Image_files/backdropsharp.gif); 
	BACKGROUND-REPEAT: repeat; 
	BORDER-RIGHT: #0000AF 1px solid; 
	BORDER-TOP: #0000AF 1px solid; 
	BORDER-LEFT: #0000AF 1px solid;
	BORDER-BOTTOM: #0000AF 1px solid; 
	VERTICAL-ALIGN: top; 
	HEIGHT: 400px;  
	MARGIN: 0px; 
	PADDING-LEFT: 20px;
	PADDING-RIGHT: 0px; 
	PADDING-TOP: 0px; 
	PADDING-BOTTOM: 0px; 
}

td 
{
	HEIGHT: 100%;
}

td.middle 
{
	PADDING-LEFT: 1px;
}

.textcell 
{
	PADDING-LEFT: 20px; 
	PADDING-RIGHT: 20px; 
	TEXT-ALIGN: left;
}

.BAlign 
{
	VERTICAL-ALIGN: bottom;
}

.TAlign 
{
	VERTICAL-ALIGN: top;
}

.RAlign 
{
	TEXT-ALIGN: right;
}

.TLAlign 
{
	VERTICAL-ALIGN: top; 
	TEXT-ALIGN: left; 
	padding-left: 20px;
}

.FullWidth 
{
	WIDTH: 100%;
}

td.folder 
{
	WIDTH: 100%; 
	BACKGROUND-IMAGE: url(Image_files/backdrop.gif); 
	BACKGROUND-REPEAT: repeat; 
	BORDER-RIGHT: #0000AF 1px solid; 
	BORDER-TOP: #0000AF 1px solid; 
	BORDER-LEFT: #0000AF 1px solid;
	BORDER-BOTTOM: #0000AF 1px solid; 
	VERTICAL-ALIGN: top; 
	HEIGHT: 100px; 
	MARGIN-LEFT: 0px; 
	PADDING-LEFT: 20px; 
}

.CenterMe
{
	text-align: center;
}


/*
<----------------------------------------------------------------------------->
																	GLOBAL FONTS

<----------------------------------------------------------------------------->
*/
.Basic 
{
	FONT-SIZE: small; 
	font-family: Arial, serif; 
	FONT-STYLE: normal; 
	font-weight:normal;
}

.XLCenter 
{
	/*TEXT-ALIGN: center; */ 
	font-family: Arial, serif; 
	FONT-SIZE: x-large;
}

.LCenter 
{
	/*TEXT-ALIGN: center; */ 
	font-family: Arial, serif; 
	FONT-SIZE: large;
}
.BasicItal 
{
	FONT-SIZE: small; 
	font-family: Arial, serif; 
	FONT-STYLE: italic; 
	font-weight:bold;
}

.LItal 
{
	FONT-SIZE: large; 
	font-family: Arial, serif; 
	FONT-STYLE: italic;
}

.JavaWarning 
{
	FONT-SIZE: large; 
	font-family: Arial, serif; 
	FONT-WEIGHT: bold; 
	COLOR: #3300cc;
}

.Lbasic 
{
	FONT-SIZE: medium; 
	font-family: Arial, serif; 
	FONT-STYLE: normal; 
	FONT-WEIGHT: bold;
}

.SmallBold 
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: x-small;
}

font.norm
{
	font-size:small;
	font-family:Arial, serif;
	font-style:normal;
	font-weight:normal;
}

a:link
{
	COLOR: #950000;
}

a:active
{
	COLOR: #0000AF;
}

a:visited
{
	COLOR: #004900;
}


/*
<----------------------------------------------------------------------------->
																LOWER PAGE
<----------------------------------------------------------------------------->
*/

td.stdinfo 
{
	VERTICAL-ALIGN: bottom; 
	BACKGROUND-IMAGE: url(Image_files/disaktop.gif); 
	BACKGROUND-REPEAT: repeat-x; 
	BORDER-RIGHT: #0000AF 1px solid; 
	BORDER-TOP: #0000AF 1px solid; 
	BORDER-LEFT: #0000AF 1px solid; 
	BORDER-BOTTOM: #0000AF 1px solid; 
	BACKGROUND-COLOR: #EBC800; 
	MARGIN-BOTTOM: 0px; 
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	Padding-top:10px;
}
	
td.seventyfive 
{ 
	WIDTH: 85px; 
	VERTICAL-ALIGN: middle; 
	TEXT-ALIGN: center;
	MARGIN-LEFT: 10px; 
	MARGIN-RIGHT: 10px;
}

img.pword
{
   	WIDTH: 67px;
	HEIGHT: 60px;
}
	
img.nsf 
{
	WIDTH: 60px; 
	HEIGHT: 60px;
}
	
.JInfo
{	
	Width: 100%;
	height: 100%;
	BACKGROUND-IMAGE: url(Image_files/disakback.gif); 
	BACKGROUND-REPEAT: repeat-y;
	PADDING: 10px;
}
	
p.Stdinfo 
{
	POSITION: relative; 
	BOTTOM: 0%; 
	VERTICAL-ALIGN: bottom;
}
	
	
	
/*
<----------------------------------------------------------------------------->
																LOCAL OBJECTS 
																IMPLEMENTATION
<----------------------------------------------------------------------------->
*/
	
.alertcell
{
	PADDING-LEFT: 20px; 
	PADDING-RIGHT: 20px; 
	TEXT-ALIGN: left;
}
	
tr.implement 
{
	VERTICAL-ALIGN: top; 
	MARGIN-TOP: 50px;
}
	
	
.tenpadding
{
	padding-top: 10px;
}
	
	
table.imptab 
{
	MARGIN-TOP: 10px; PADDING-TOP: 10px;
}

input.submit_btn 
{
	background: url(http://www.uncg.edu/cmp/research/bintwo/Image_files/submit_button.gif);
	background-color: transparent;
	MARGIN: 0px; 
	PADDING: 0px; 
	BORDER-WIDTH: thin;
	BORDER-STYLE: none;
	width: 64px;
	height: 24px;
	font-family: Arial,serif;
	font-weight: bolder;
	color: White;
}

.partialwordinput
{
	padding: 2px 2px 0px 5px;
	border: solid 1px #0000AF;
	font-family: Arial, Serif;
	font-size: medium;
	font-style: normal;
	font-weight: bold;
}
	
	
	
/*
<----------------------------------------------------------------------------->
																LOCAL OBJECTS 
																RESULTS BLOCK
<----------------------------------------------------------------------------->
*/

td.resultcell 
{
	PADDING-LEFT: 40px; 
	PADDING-RIGHT: 20px; 
	TEXT-ALIGN: left;
}

.ResBack 
{ 
	/*TEXT-ALIGN: center; */ 
	BACKGROUND-POSITION: center center; 
	BACKGROUND-IMAGE: url(Image_files/InputBack.gif); 
	BACKGROUND-REPEAT: no-repeat; 
	HEIGHT: 40px;
}
	
.InputBack 
{ 
	/*TEXT-ALIGN: center; */ 
	BACKGROUND-POSITION: center center; 
	BACKGROUND-IMAGE: url(Image_files/InputBack.gif); 
	BACKGROUND-REPEAT: no-repeat; 
	HEIGHT: 40px;
}

.ResultsBack 
{ 
	/*TEXT-ALIGN: center; */ 
	BACKGROUND-POSITION: center center; 
	BACKGROUND-IMAGE: url(Image_files/InputBack.gif); 
	BACKGROUND-REPEAT: no-repeat; 
	HEIGHT: 40px;
}

tr.PRow {}

td.PCell {}

tr.PeriodsRow 
{
	VERTICAL-ALIGN: top;
}

tr.WPeriodsRow 
{
	VERTICAL-ALIGN: top;
}

td.PeriodsCell {}

td.WPeriodsCell {}

table.ListPeriods {}

tr.ListPeriods {}

td.ListPeriods 
{
	DISPLAY: block; 
	BACKGROUND-COLOR: #DFC60D;
}

table.WListPeriods {}

tr.ListWPeriods {}

td.ListWPeriods 
{
	DISPLAY: block; 
	BACKGROUND-COLOR: #44D944;
}

tr.LineRule 
{
	/*TEXT-ALIGN: center; */
}

hr.ResultsLine 
{
	WIDTH: 150px;
}

tr.InputRow {}

td.InputCell {}

table.InputTable {}

tr.ShowInput {}

td.YourInput {}

td.UserWord {}

tr.ResultRow {}

td.ResultCell {}

table.ResultTable {}

tr.ShowResult {}

td.TheResult {}

td.ResultWord {}

tr.ErrorMessage {}

td.ErrorMessage {}

table.ResultsMain {}

.innerResultIdCell
{
	TEXT-ALIGN: center;
}

.outputRow
{
	border: solid 1px #000045;
	background-image: url(http://www.uncg.edu/cmp/research/bintwo/Image_files/blueback.gif);
	
}
.outputCell
{
	background-image: url(http://www.uncg.edu/cmp/research/bintwo/Image_files/blueback.gif);
	border: solid 1px #000045;
}

.mainResultInputCell
{
	background-image: url(http://www.uncg.edu/cmp/research/bintwo/Image_files/blueback.gif);
	border: solid 1px #000045;
}

.mainResultInputRow
{
	background-image: url(http://www.uncg.edu/cmp/research/bintwo/Image_files/blueback.gif);
	border: solid 1px #000045;
}

.innerResultIdRow
{
	vertical-align:top;
	/*TEXT-ALIGN: center; */
}

.mainResulttable
{
	border-collapse:separate;
	color:White;
	font-family: Arial, Serif;
	font-style: normal;
	font-weight: bold;
	font-size: medium;
	font-variant: normal;
}



/*
<----------------------------------------------------------------------------->
																LOCAL OBJECTS 
																ERROR BLOCK
<----------------------------------------------------------------------------->
*/
	
table.error 
{
	BORDER: solid #0000AF 1px; 
	BACKGROUND-COLOR: transparent;
}
	
tr.error 
{ 
	BACKGROUND-COLOR: #950000; 
	FONT-SIZE: large; 
	FONT-WEIGHT: bold; 
	/*TEXT-ALIGN: center; */
}


.errorTable
{
	padding: 0px;
	margin: 0px;
	border-style:none;
	border-color:transparent;
	border-collapse:collapse;
}

.errorCell
{
	color: #770000;
	font-family: Arial, Serif;
	font-size: x-large;
	font-style: normal;
	font-weight: bold;
}

.errorBottomRowMiddleCell
{
	background-image: url(http://www.uncg.edu/cmp/research/bintwo/Image_files/bottomshadow.png);
	background-repeat:repeat-x;
	vertical-align:top;
	background-position:top;
	height: 3px;
}

.errorBottomRowLeftCell
{
	background-image: url(http://www.uncg.edu/cmp/research/bintwo/Image_files/bottomshadow.png);

	background-repeat:repeat-x;
	vertical-align:top;
	background-position:top;
	height: 3px;
}


.errorMiddleRowLeftCell
{
	border-left: solid 1px #0000AF;
	border-top: solid 1px #0000AF;
	border-bottom: solid 1px #0000AF;
	background-color:White;
	/*border-color:#0000AF;
	border-width:1px;
	border-style:solid;*/
}

.errorCell
{
	border-right: solid 1px #0000AF;
	border-top: solid 1px #0000AF;
	border-bottom: solid 1px #0000AF;
	background-color: white;
	/*border-color:#0000AF;
	border-width:1px;
	border-style:solid;*/
}

.errorMiddleRowRightCell
{
	margin-top: 2px;
	text-align:left;
	background-position:left;
	background-image: url(http://www.uncg.edu/cmp/research/bintwo/Image_files/sideshadow.png);
	background-repeat:repeat-y;
	width: 3px;
	
}

.errorBottomRowRightCell
{
	
	background-image: url(http://www.uncg.edu/cmp/research/bintwo/Image_files/cornershadow.png);
	background-repeat:no-repeat;
	width: 3px;
	height: 3px;
}



/*
<----------------------------------------------------------------------------->
																LOCAL OBJECTS 
																EVERYTHING ELSE
<----------------------------------------------------------------------------->
*/
	

/*	ROW STYLES	*/ 
tr.drkgr 
{
	BACKGROUND-COLOR: #006699;
}


/*	CELL STYLES	*/
td.botal 
{
	VERTICAL-ALIGN: bottom; 
	DISPLAY: block;
}

img.block
{
	DISPLAY: block;
}


img.tabs 
{
	DISPLAY: block; 
	WIDTH: 150px; 
	HEIGHT: 40px;
}

.leftpadding
{
	padding-left: 20px;
}

.ItalOnly
{
	font-style: italic;

}