/* Default CSS Stylesheet for a new Web Application project */

<!-- style form modal loading message -->
.loading {
    font-family: Arial;
    font-size: 10pt;
    border: 5px solid #67CFF5;
    display: none;
    position: fixed;
    background-color: White;
    z-index: 999; /**/
    border: 12px solid #f3f3f3;
    border-radius: 50%;
    border-top: 12px solid #444444;
    width: 70px;
    height: 70px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

.center {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}


@media screen and (min-width : 1100px) { /* large screens*/
    body {
        background-image: url("../images/Quilt14.jpg");
    }

    .quilt-column {
        display: block;
        width: 160px;
    }
    .large-screen-only {
        display:normal;
    }
    .small-screen-only {
        display: none;
    }
}


@media screen and (max-width : 1099px) { /* small screens */
    body {
        background-image: url("");
    }
    .quilt-column {
        display: none;
    }
    .large-screen-only {
        display: none;
    }
    .small-screen-only {
        display: block;
        z-index: -1;
    }
}

/* Create two equal columns that floats next to each other */
.inv-det-column {
	float: left;
	width: 50%;
	padding: 10px;
}

/* Clear floats after the columns */
.inv-det-row:after {
	content: "";
	display: table;
	clear: both;
}

.no-quilt-background {
    background-image: url("");
}

.rrsf-maroon {
    background-color: #89333d;
    border-color: #89333d;
}
.white-text {
    color:white;
}
.GridItemHeaderAsSeperator {
    background-color: #89333d;
    font-size: larger;
    color: white;
    border-color: #89333d;
}

BODY {
    BACKGROUND-COLOR: white;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: .8em;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    margin: 0px 5px 0px 5px;
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #003366;
}


H1	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.33em;
	font-weight:	500;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5, DT	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	


.RRSFH1	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	

		
.RRSFH2	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
.RRSFH3	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}

.RRSFPageTitle {
    font-family: 'Edwardian Script ITC';
    font-size: 50px;
    font-style: normal;
    font-weight: bolder;
    text-shadow: 2px 2px 5px darkgray;
}
.RRSFPageTitleOld	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	50pt;
	font-weight:bold;
	font-style:italic;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	color:#006633;
	}	
		
.RRSFH4	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	18pt;  /* 1.33em; */
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
.RRSFH5, DT	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	  13pt;     /*1em; */
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
.RRSFH6	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	10pt; /* .8em */
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
.RRSFNormal	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	12pt;
	font-weight:normal;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	color:Black;
	}	
.RRSFNormalTextboxWide
{
	width: 354px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	10pt;
	font-weight:normal;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	color:Black;
	}	
.RRSFNormalTextbox	
{
	width: 220px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	10pt;
	font-weight:normal;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	color:Black;
	}	
.RRSFSmall	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	9pt;  /*.7em; */
	font-weight:normal;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	
	}	
.RRSFParagraphItem 
{
	font-weight:bold;
	text-decoration:underline;	
	
}

.RRSFvideo
{
/* iframe in store.htm */
width: 1px;
height: 1px; 
 
 	
}


.RRSFRegisterButton 
{
	background-image: url(/images/register.jpg);
	cursor: pointer;
	width: 47px;
	height: 12px;
	font-size:8px;
	color:White;
	text-decoration:none;
}
.RRSFDeleteButton 
{
	background-repeat:no-repeat;
	cursor: pointer;
	width: 44px;
	height: 16px;
	font-size:15px;
	
}
.RRSFModifyButton 
{
	background-repeat:no-repeat;
	cursor: pointer;
	width: 44px;
	height: 16px;
	font-size:15px;
}
.RRSFPayAmountDueButton 
{
	background-image: url(/images/PayBalance.jpg);
	background-repeat:no-repeat;
	cursor: pointer;
	width: 71px;
	height: 16px;
	font-size:15px;
}

.RRSFAddBandBButton
{
	background-image: url(/images/AddBandB.jpg);
	background-repeat:no-repeat;
	cursor: pointer;
	width: 71px;
	height: 16px;
	font-size:15px;
}

.RRSFDivBox 
{
	BORDER-RIGHT: black 1pt solid; 
	PADDING-RIGHT: 4pt; 
	BORDER-TOP: black 1pt solid; 
	PADDING-LEFT: 4pt; 
	PADDING-BOTTOM: 1pt; 
	BORDER-LEFT: black 1pt solid; 
	PADDING-TOP: 1pt; 
	BORDER-BOTTOM: black 1pt solid; 
}
.NormalRed	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	color:Red;
	}	


.rrsfRandomPicsave
{
	border-width:thick;
	border-color:Maroon;	

	text-align:center;
	width:150px;
	color:White;
	font-size:12px;
	font-family:Arial;

	BORDER-RIGHT: gray thin groove; 
	PADDING-RIGHT: 0px; 
	BORDER-TOP: gray thin groove; 
	PADDING-LEFT: 0px; 
	BACKGROUND-IMAGE: none; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	BORDER-LEFT: gray thin groove; 
	cursor: pointer; 
	BOTTOM: 0px; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: gray thin groove; 
	POSITION: absolute; 
	BACKGROUND-COLOR: maroon;
	
	
}
.rrsfRandomPic
{
	text-align:center;
	width:150px;
	color:White;
	font-size:12px;
	font-family:Arial;
	BORDER-RIGHT: gray thin groove; 
	PADDING-RIGHT: 0px; 
	BORDER-TOP: gray thin groove; 
	PADDING-LEFT: 0px; 
	BACKGROUND-IMAGE: none; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	BORDER-LEFT: gray thin groove; 
	cursor: pointer; 
	BOTTOM: 0px; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: gray thin groove; 
	POSITION: absolute; 
	BACKGROUND-COLOR: maroon;
	
	
}

/*
.rrsfClassSummaryOnRegScreen
{
	BORDER-RIGHT: black 1px solid; 
	BORDER-TOP: black 1px solid; 
	OVERFLOW: auto; 
	BORDER-LEFT: black 1px solid; 
	BORDER-BOTTOM: black 1px solid;
	height: 200px;
	width: 100%;
	
}  styles added created dynamically in vb code according to instructor*/

.rrsfDivGrid
{
	BORDER-RIGHT: black 0px solid; 
	BORDER-TOP: black 0px solid; 
	OVERFLOW: auto; 
	BORDER-LEFT: black 0px solid; 
	BORDER-BOTTOM: black 0px solid;
}
.rrsfDivGridTakeoffLocations
{
	BORDER-RIGHT: black 0px solid; 
	BORDER-TOP: black 0px solid; 
	OVERFLOW: auto; 
	BORDER-LEFT: black 0px solid; 
	BORDER-BOTTOM: black 0px solid;
	width: 150px;
	position:absolute;
}

.rrsfHeaderIframe
{

	 text-align:left;
	  border-left-style:none;
	 
}

.rrsfFooterIFrame1
{
	height:650px;
}

.rrsfRandomPicIFrame
{

	 left:3px;
	 width: 193px;  /* 193 px*/
	 height: 174px; /* 154px */
     z-index: 9999;

	text-align:center;
	color:White;
	font-size:12px;
	font-family:Arial;

	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND-IMAGE: none; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	BOTTOM: 0px; 
	PADDING-TOP: 0px; 
	POSITION: absolute; 
	BACKGROUND-COLOR: white;
	
	
}
.rrsfRandomPicIFrameTable
{

	width: 188px;
	height: 175px;  /*155px*/
	
}

.MenuBarTop
{
	background-image:url(/images/Bar2top.jpg);	
	height:11px;
}
.MenuBarBottom
{
	background-image:url(/images/Bar2bottom.jpg);	
	height:11px;
}
.MenuBarBottomThin
{
	background-image:url(/images/Bar2bottomThin.jpg);	
	height:5px;
}

.Input 
{
	font-size: 14px;
	COLOR: black;
	
}		

.Cart
{
	font-size: 14px;
	COLOR:blue;
    height:16px;
}		

.ButtonSizeless
{
	background-color:Transparent;
    font-family: Verdana, Helvetica, sans-serif;
    /*font-size:  10px;*/
    font-weight:    normal;
    color:blue; /* #666644; */
    cursor: pointer;
	text-decoration:	underline;
	
	
}

.Button
{
	background-color:Transparent;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
    font-weight:    normal;
    color:blue; /* #666644; */
    cursor: pointer;
	text-decoration:	underline;
}

.RRSFMiniTitle
{
	background-color:Transparent;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: maroon; /* #666644; */

}


TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	



	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	
	

UL LI	{	
	list-style-type:	disc ;
	}	

UL LI LI	{	
	list-style-type:	square;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	

IMG 	{
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	}

ButtonHidden
{
	background-color:blue;
	border-bottom:0px;
	border-width:0px;
	color:White;
	font-size:20px;
}
	
Box
{
	border-width:thick;
	border-color:blue;		
}