@import url("http://www.halalfire.com/code/system.css");

body { background-color: #999999; font-size: 10px; font-family: "lucida grande",verdana,trebuchet,arial,sans-serif; }

a:link    { color: #990000; font-size: 11px; font-weight: bold; text-decoration: none; font-family: "lucida grande",verdana,trebuchet,arial,sans-serif; }
a:visited { color: #990000; font-size: 11px; font-weight: bold; text-decoration: none; font-family: "lucida grande",verdana,trebuchet,arial,sans-serif; }
a:active  { color: #333333; font-size: 11px; font-weight: bold; text-decoration: none; font-family: "lucida grande",verdana,trebuchet,arial,sans-serif; }
a:hover   { color: red; font-size: 11px; font-weight: bold; text-decoration: none; font-family: "lucida grande",verdana,trebuchet,arial,sans-serif; }

/* 
   Normal bold, but uppercase.
*/
.upperBold {
 color: #990000;
 font-family: "lucida grande",verdana,trebuchet,arial,sans-serif;
 font-size:  11px; 
 text-transform:uppercase;
 font-weight:  bold;
}

/* 
   This is the blockquote:  
*/
	
.blockquote {
 background: 		#edeeee;
 font-family:       "Ubuntu","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif
 font-size:         11px;
 color:             #38394B;
 border-left:		4px solid #757575;
 border-top:		1px solid #666666;
 border-bottom:		1px solid #666666;
 border-right:		1px solid #666666;
 margin-right:		10px;
 margin-left:		10px;
 margin-top:		10px;
 margin-bottom:		10px;
 padding-right:		10px;
 padding-left:		10px;
 padding-top:		10px;
 padding-bottom:	10px;
}

/* 
   Menu
*/

#navcontainer {
	width: 1088px;
	height: 28px;
	margin: 0px auto;
	text-align:center;
	background: #000;
}


#navcontainer ul
{
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 13px;
	height: 28px;
	text-align: center;
	font-size: 12px;
	color: White;
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
	padding: 5px 10px 13px 10px;
	background-color: #000;
	height: 10px;
	color: White;
	text-decoration: none;
	float: left;
	text-align: center;
	font-family: calibri,helvetica,arial,verdana,geneva,sans-serif;
	font-size:   15px; 
	text-transform:uppercase;
	text-shadow: #cccccc 1px 1px 2px;
	font-weight: bold;
}

#navcontainer ul li a:hover
{
background-color: #fff;
color: #000;
}

/*  
    This is for the huge white system title text.
*/

	.sysTitleH, .sysTitleH a:link, .sysTitleH a:active, .sysTitleH a:visited, .sysTitleH a:hover{ 
		color:       #cccccc;
		font-family: Frutiger, "Frutiger Linotype", Univers, "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:   36px; 
		line-height: 36px; 
		font-weight: bold;
		}
	.sysTitleH a:link    { color:  #999999; font-weight: bold;}
	.sysTitleH a:visited { color:  #999999; font-weight: bold;}
	.sysTitleH a:active  { color:  #333333; font-weight: bold;}
	.sysTitleH a:hover   { color:  #333333; font-weight: bold;} 

/*  
    This is for the nav bars at the top of the page.
*/

.navLink, .navLink a:link, .navLink a:active, .navLink a:visited, .navLink a:hover{ 
	color:       #ffffff;
	font-family: "lucida grande",verdana,geneva,arial,sans-serif;
	font-size:   9px; 
	font-weight: normal;
	white-space: nowrap;
	}
.navLink a:link    { color:  #ffffff; }
.navLink a:visited { color:  #ffffff; }
.navLink a:active  { color:  #edeeee; }
.navLink a:hover   { color:  #edeeee; } 

/* 
   Normal w/normal links.
*/
.normalLink {
 font-family: "Ubuntu","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;
 font-size:  16px; 
 line-height: 22px; 
 font-weight:  normal;
}
.normalLink a:link    { color: #990000; font-size: 16px; font-weight: normal; text-decoration: none; font-family: "Ubuntu","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif; }
.normalLink a:visited { color: #990000; font-size: 16px; font-weight: normal; text-decoration: none; font-family: "Ubuntu","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif; }
.normalLink a:active  { color: #333333; font-size: 16px; font-weight: normal; text-decoration: none; font-family: "Ubuntu","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif; }
.normalLink a:hover   { color: red; font-size: 16px; font-weight: normal; text-decoration: none; font-family: "Ubuntu","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif; }

/* 
   Normal w/normal links (smaller).
*/
.normalLink2 {
 font-family: "Ubuntu","HelveticaNeue-Light", "Helvetica Neue Light",
             "Helvetica Neue",sans-serif;
 font-size:  13px; 
 line-height: 18px; 
 font-weight:  normal;
}
.normalLink2 a:link    { color: #990000; font-size: 13px; font-weight: normal; text-decoration: none; font-family: "Ubuntu","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif; }
.normalLink2 a:visited { color: #990000; font-size: 13px; font-weight: normal; text-decoration: none; font-family: "Ubuntu","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif; }
.normalLink2 a:active  { color: #333333; font-size: 13px; font-weight: normal; text-decoration: none; font-family: "Ubuntu","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif; }
.normalLink2 a:hover   { color: red; font-size: 13px; font-weight: normal; text-decoration: none; font-family: "Ubuntu","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif; }

/* 
   Normal w/normal links (larger).
*/
.normalLink3 {
 font-family: "Ubuntu","HelveticaNeue-Light", "Helvetica Neue Light",
             "Helvetica Neue",sans-serif;
 font-size:  22px; 
 line-height: 28px; 
 font-weight:  normal;
}
.normalLink3 a:link    { color: #990000; font-size: 13px; font-weight: normal; text-decoration: none; font-family: "Ubuntu","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif; }
.normalLink3 a:visited { color: #990000; font-size: 13px; font-weight: normal; text-decoration: none; font-family: "Ubuntu","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif; }
.normalLink3 a:active  { color: #333333; font-size: 13px; font-weight: normal; text-decoration: none; font-family: "Ubuntu","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif; }
.normalLink3 a:hover   { color: red; font-size: 13px; font-weight: normal; text-decoration: none; font-family: "Ubuntu","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif; }

/*  
    This is for the system title text.
*/

.sysTitle, .sysTitle a:link, .sysTitle a:active, .sysTitle a:visited, .sysTitle a:hover{ 
	color:       #666666;
	font-family: helvetica,arial,verdana,geneva,sans-serif;
	font-size:   18px; 
	line-height: 18px; 
	font-weight: bold;
	}
.sysTitle a:link    { color:  #666666; font-weight: bold;}
.sysTitle a:visited { color:  #666666; font-weight: bold;}
.sysTitle a:active  { color:  #333333; font-weight: bold;}
.sysTitle a:hover   { color:  #333333; font-weight: bold;} 


/*  
    This formats the names of restaurants & markets.
*/
.zabLink, .zabLink a:link, .zabLink a:active, .zabLink a:visited, .zabLink a:hover{ 
 color:       #990000;
 font-family: "lucida grande",verdana,geneva,arial,sans-serif;
 font-size:   12px; 
 font-weight: normal;
}
.zabLink a:link    { color:  #990000; }
.zabLink a:visited { color:  #990000; }
.zabLink a:active  { color:  #999999; }
.zabLink a:hover   { color:  #red; } 

/*  
   This formats the title links.
*/
.titleLink, .titleLink a:link, .titleLink a:active, .titleLink a:visited, .titleLink a:hover{ 
 color:       #666666;
 font-family: calibri,helvetica,arial,verdana,geneva,sans-serif;
 font-size:   13px; 
 text-transform:uppercase;
 text-shadow: #666666 1px 1px 2px;
 font-weight: bold;
}
.titleLink a:link    { color:  #ffffff; }
.titleLink a:visited { color:  #999999; }
.titleLink a:active  { color:  #999999; }
.titleLink a:hover   { color:  red; } 

/*  
   This formats the title links (white)
*/
.titleLinkW, .titleLinkW a:link, .titleLinkW a:active, .titleLinkW a:visited, .titleLinkW a:hover{ 
 color:       #000000;
 font-family: calibri,helvetica,arial,verdana,geneva,sans-serif;
 font-size:   15px; 
 text-transform:uppercase;
 text-shadow: #ffffff 1px 1px 2px;
 font-weight: bold;
}
.titleLinkW a:link    { color:  #000000; }
.titleLinkW a:visited { color:  #333333; }
.titleLinkW a:active  { color:  #ffffff; }
.titleLinkW a:hover   { color:  red; } 


/* 
   This is the non-linked titles.
*/
.titleText {
 color: #000000;
 font-family: calibri,helvetica,arial,verdana,geneva,sans-serif;
 font-size:  14px; 
 font-weight:  bold;
}

/* 
   This is the non-linked subtitles.
*/
.subtitleText {
 color: #ffffff;
 font-family: calibri,helvetica,arial,verdana,geneva,sans-serif;
 text-shadow: #000000 2px 2px 3px;
 font-size:  12px; 
 font-weight:  normal;
}

/* 
   This is the error texxt.
*/
.errorText {
 color: red;
 font-family: "lucida grande",arial,verdana,geneva,sans-serif;
 text-shadow: #cccccc 2px 2px 3px;
 font-size:  12px; 
 font-weight:  normal;
}

/*  
    White colored header text used at the top of all forms. 
*/
.whiteText {
 color:       #ffffff;
 font-family: "lucida grande",verdana,trebuchet,arial,sans-serif;
 font-size:   10px; 
 font-weight: normal;
}

/*  
    White body text & links.
*/
.whiteLink, .whiteLink a:link, .whiteLink a:active, .whiteLink a:visited, .whiteLink a:hover{ 
 color:       #ffffff;
 font-family: "lucida grande",verdana,geneva,arial,sans-serif;
 font-size:   12px; 
 font-weight: normal;
}
.whiteLink a:link    { color:  #cccccc; }
.whiteLink a:visited { color:  #ffffff; }
.whiteLink a:active  { color:  #ffffff; }
.whiteLink a:hover   { color:  red; } 

/*  
    Tiny white body text & links.
*/
.whitetinyLink, .whitetinyLink a:link, .whitetinyLink a:active, .whitetinyLink a:visited, .whitetinyLink a:hover{ 
 color:       #ffffff;
 font-family: "lucida grande",verdana,geneva,arial,sans-serif;
 font-size:   10px; 
 font-weight: normal;
}
.whitetinyLink a:link    { color:  #cccccc; }
.whitetinyLink a:visited { color:  #ffffff; }
.whitetinyLink a:active  { color:  #ffffff; }
.whitetinyLink a:hover   { color:  red; } 






/*  
    Smaller version of the above links.  Blue.
*/
.smlink, .smlink a:link, .smlink a:active, .smlink a:visited, .smlink a:hover{ 
 color:           #333333;
 font-family:     "lucida grande",trebuchet,verdana,geneva,arial,sans-serif;
 font-size:       10px; 
 font-weight:     bold;
} 
.smlink a:link    { color:  #990000; }
.smlink a:visited { color:  #990000; }
.smlink a:active  { color:  #333333; }
.smlink a:hover   { color:  #aaaaaa; } 

/*  
    This is for tiny text.
*/
.tinyLink, .tinyLink a:link, .tinyLink a:active, .tinyLink a:visited, .tinyLink a:hover{ 
 color:       #000000;
 font-family: "lucida grande",verdana,geneva,arial,sans-serif;
 font-size:   9px; 
 font-weight: normal;
}
.tinyLink a:link    { color:  #990000; }
.tinyLink a:visited { color:  #990000; }
.tinyLink a:active  { color:  #333333; }
.tinyLink a:hover   { color:  #aaaaaa; } 

/*  
    This is for tiny white text.
*/
.tinyLinkW, .tinyLinkW a:link, .tinyLinkW a:active, .tinyLinkW a:visited, .tinyLinkW a:hover{ 
 color:       #ffffff;
 font-family: "lucida grande",verdana,geneva,arial,sans-serif;
 font-size:   9px; 
 font-weight: normal;
}
.tinyLinkW a:link    { color:  #ffffff; }
.tinyLinkW a:visited { color:  #ffffff; }
.tinyLinkW a:active  { color:  #ffffff; }
.tinyLinkW a:hover   { color:  #cccccc; } 

/*  
    This is for tiny bold text.
*/
.tinyLinkB, .tinyLinkB a:link, .tinyLinkB a:active, .tinyLinkB a:visited, .tinyLinkB a:hover{ 
 color:       #000000;
 font-family: "lucida grande",verdana,geneva,arial,sans-serif;
 font-size:   9px; 
 font-weight: bold;
}
.tinyLinkB a:link    { color:  #990000; }
.tinyLinkB a:visited { color:  #990000; }
.tinyLinkB a:active  { color:  #333333; }
.tinyLinkB a:hover   { color:  #aaaaaa; } 

/*  
    This is for tiny bold white text.
*/
.tinyLinkBW, .tinyLinkBW a:link, .tinyLinkBW a:active, .tinyLinkBW a:visited, .tinyLinkBW a:hover{ 
 color:       #ffffff;
 font-family: "lucida grande",verdana,geneva,arial,sans-serif;
 font-size:   9px; 
 font-weight: bold;
}
.tinyLinkBW a:link    { color:  #ffffff; }
.tinyLinkBW a:visited { color:  #ffffff; }
.tinyLinkBW a:active  { color:  #ffffff; }
.tinyLinkBW a:hover   { color:  #cccccc; } 

/* 
   This is for tiny text.
*/
.tinyText {
 color: #000000;
 font-family: "lucida grande",verdana,geneva,arial,sans-serif;
 font-size:  9px; 
 font-weight:  normal;
}

/* 
   This is for ad text.
*/
.adText {
 color: #000000;
 font-family: "lucida grande",verdana,geneva,arial,sans-serif;
 font-size:  9px; 
 font-weight:  normal;
}

/*  
    This formats the text in the tabs.
*/
.tabLink, .tabLink a:link, .tabLink a:active, .tabLink a:visited, .tabLink a:hover{ 
 color:       #ffffff;
 font-family: "lucida grande",verdana,trebuchet,arial,sans-serif;
 font-size:   11px; 
 font-weight: bold;
}
.tabLink a:link    { color:  #ffffff; }
.tabLink a:visited { color:  #ffffff; }
.tabLink a:active  { color:  #ffffff; }
.tabLink a:hover   { color:  #cccccc; } 

/* 
   This is the white text that appears in the tabs.
*/
.tabText {
 color: #ffffff;
 font-family: "lucida grande",verdana,trebuchet,arial,sans-serif;
 font-size:  11px; 
 font-weight:  bold;
}

/*  
    This formats the hyperlinks that appears in the member navbar:
    login, register, calendar, etc.
*/
.loginLink, .loginLink a:link, .loginLink a:active, .loginLink a:visited, .loginLink a:hover{ 
 color:       #000000;
 font-family: "lucida grande",verdana,geneva,arial,sans-serif;
 font-size:   9px; 
 font-weight: bold;
}
.loginLink a:link    { color:  #990000; }
.loginLink a:visited { color:  #990000; }
.loginLink a:active  { color:  #990000; }
.loginLink a:hover   { color:  red; } 


/* 
   This is the white text that appears in the member navbar:  
   By default it says "USER".
*/
.loginText {
 color: #000000;
 font-family: "lucida grande",verdana,geneva,arial,sans-serif;
 font-size:  9px; 
 font-weight:  bold;
}


/*  
   This formats the breadcrumb trail links.
*/
.bmLink, .bmLink a:link, .bmLink a:active, .bmLink a:visited, .bmLink a:hover{ 
 color:       #000000;
 font-family: trebuchet MS,trebuchet,"lucida grande",verdana,geneva,arial,sans-serif;
 text-transform:uppercase;
 font-size:   10px; 
 font-weight: bold;
}
.bmLink a:link    { color:  #990000; }
.bmLink a:visited { color:  #990000; }
.bmLink a:active  { color:  #990000; }
.bmLink a:hover   { color:  red; } 

/* 
   This is the non-linked breadcrumb trail.
*/
.bmText {
 color: #000000;
 font-family: trebuchet MS,trebuchet,"lucida grande",verdana,geneva,arial,sans-serif;
 text-transform:uppercase;
 font-size:  10px; 
 font-weight:  bold;
}


/*  
    Default text in tables.  
*/
td {
 color:       #000000;
 font-family: "lucida grande",verdana,trebuchet,arial,sans-serif;
 font-size:   11px; 
 font-weight: normal;
}

/*  
    Bold text used in the forms.  
*/
.formText { 
 color:       #333333;
 font-family: "lucida grande",verdana,trebuchet,arial,sans-serif;
 font-size:   10px; 
 font-weight: bold;
} 

/*  
    Non-bold text used in the forms.  
*/
.normalText {
 color:       #000000;
 font-family: "lucida grande",verdana,trebuchet,arial,sans-serif;
 font-size:   10px; 
 font-weight: normal;
}



/*  
    General text formatting: Sizes 9 - 14 in various colors
*/
.text9,  .text9red,  .text9green,  .text9blue,  .text9purple,  .text9grey  { font-family: "lucida grande",verdana,geneva,arial,sans-serif; font-size:  9px; color: #000000; font-weight: normal; }
.text10, .text10red, .text10green, .text10blue, .text10purple, .text10grey { font-family: "lucida grande",verdana,geneva,arial,sans-serif; font-size: 10px; color: #000000; font-weight: normal; }
.text11, .text11red, .text11green, .text11blue, .text11purple, .text11grey { font-family: "lucida grande",verdana,geneva,arial,sans-serif; font-size: 11px; color: #000000; font-weight: normal; }
.text12, .text12red, .text12green, .text12blue, .text12purple, .text12grey { font-family: "lucida grande",verdana,geneva,arial,sans-serif; font-size: 12px; color: #000000; font-weight: normal; }
.text13, .text13red, .text13green, .text13blue, .text13purple, .text13grey { font-family: "lucida grande",verdana,geneva,arial,sans-serif; font-size: 13px; color: #000000; font-weight: bold; }
.text14, .text14red, .text14green, .text14blue, .text14purple, .text14grey { font-family: "lucida grande",verdana,geneva,arial,sans-serif; font-size: 14px; color: #000000; font-weight: bold; }

.text9red    { color: #ff0000; }
.text10red   { color: #ff0000; }
.text11red   { color: #ff0000; }
.text12red   { color: #ff0000; }
.text13red   { color: #ff0000; }
.text14red   { color: #ff0000; }

.text9green  { color: #009933; }
.text10green { color: #009933; }
.text11green { color: #009933; }
.text12green { color: #009933; }
.text13green { color: #009933; }
.text14green { color: #009933; }

.text9blue   { color: #333399; }
.text10blue  { color: #333399; }
.text11blue  { color: #333399; }
.text12blue  { color: #333399; }
.text13blue  { color: #333399; }
.text14blue  { color: #333399; }

.text9grey   { color: #666666; }
.text10grey  { color: #666666; }
.text11grey  { color: #666666; }
.text12grey  { color: #666666; }
.text13grey  { color: #666666; }
.text14grey  { color: #666666; }

.text9purple  { color: #990099; }
.text10purple { color: #990099; }
.text11purple { color: #990099; }
.text12purple { color: #990099; }
.text13purple { color: #990099; }
.text14purple { color: #990099; }



/*
    Form "submit" button.
*/
.button   {
 font-family:      "lucida grande",verdana, sans-serif;
 font-size:        10px;
 font-weight:      bold;
 color:            #990000;    
 background-color: #ffffff;
}
/*
    Form "submit" button (black)
*/
.button2   {
 font-family:      "lucida grande",verdana, sans-serif;
 font-size:        10px;
 font-weight:      bold;
 color:            #000000;    
 background-color: #ffffff;
}


/*  
    Form textarea formatting
*/
.textarea {
 font-family:		"lucida grande",verdana, sans-serif;
 font-size:			11px;
 font-weight:        normal;
 color:				#000000;
 background-color:	#ffffff;
 border-top:		#000000 1px solid; 
 border-left:		#000000 1px solid; 
 border-right:		#dcdcdc 1px solid; 
 border-bottom:		#dcdcdc 1px solid;
}

/*  
    Form input fields - a whole bunch of different sizes
*/

.box, .box20, .box40, .box50, .box100, .box120, .box150, .box200, .box250, .box300, .box350, .box400 {
	font-family:		"lucida grande",verdana, sans-serif;
	font-size:			11px;
	font-weight:        normal;
	color:				#000000;
	height:				16px;
	background-color:	#ffffff;
	border-top:			#000000 1px solid; 
	border-left:		#000000 1px solid; 
	border-right:		#dcdcdc 1px solid; 
	border-bottom:		#dcdcdc 1px solid;
}
    .box20  {width:   20px;}
    .box40  {width:   40px;}
    .box50  {width:   50px;} 
    .box100 {width:  100px;}
    .box120 {width:  120px;}
    .box150 {width:  150px;}
    .box200 {width:  200px;}
    .box250 {width:  250px;}
    .box300 {width:  300px;}
    .box350 {width:  350px;}  
    .box400 {width:  400px;}
    .box500 {width:  500px;}

/*  
    Pulldown menu
*/

 select {
	background-color: #ffffff;
	color: #000000;
	font-family: "lucida grande",verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
 }

/*  
    CSS corners
*/

.hf_grey{display:block}
.hf_grey *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#cccccc}
.hf_grey1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #575757;
  border-right:1px solid #575757;
  background:#999999}
.hf_grey2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #141414;
  border-right:1px solid #141414;
  background:#a5a5a5}
.hf_grey3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #a5a5a5;
  border-right:1px solid #a5a5a5;}
.hf_grey4{
  border-left:1px solid #575757;
  border-right:1px solid #575757}
.hf_grey5{
  border-left:1px solid #999999;
  border-right:1px solid #999999}
.hf_greyfg{
  background:#cccccc}

.hf_white{display:block}
.hf_white *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff}
.hf_white1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #6d6d6d;
  border-right:1px solid #6d6d6d;
  background:#bfbfbf}
.hf_white2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #191919;
  border-right:1px solid #191919;
  background:#cecece}
.hf_white3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #cecece;
  border-right:1px solid #cecece;}
.hf_white4{
  border-left:1px solid #6d6d6d;
  border-right:1px solid #6d6d6d}
.hf_white5{
  border-left:1px solid #bfbfbf;
  border-right:1px solid #bfbfbf}
.hf_whitefg{
  background:#ffffff}