TD {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;border-spacing:0;}
INPUT {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;}
SELECT {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;}
TEXTAREA {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;}
h1{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt;color:#666666;}
p { margin-top: 4px; margin-bottom: 4px; }
body{ border-collapse:collapse;border-spacing:0;padding:0;}
table{ border-collapse:collapse;border-spacing:0;padding:0;}

.logoPic
{
padding:50px 5px 13px 0px;
float:left;
width:150;
text-align:center;
}


.linkPlacing1{
padding: 4px 4px 4px 4px;
text-align: right;
float:right;
vertical-align: top;
}

.spice_s{
background: url(images/spice_s2.gif) no-repeat center 20px;
padding-top:20px;
}

.blueBorder{ 
border:1px solid #e0e0e0;
padding:3px;
height:30px;
background-color: #fbfbfb;

}
.whiteBox{ 
border:1px solid #e0e0e0;
padding:3px;
height:30px;
background-color: #fff;
color:#666666;
}

.mainBodyWM{
/*background: url(images/spice_s.gif) no-repeat center 150px;*/
}

.mainBodyTxt{
text-decoration:none;
color:#666666;
}


.smallBodyLink{
text-decoration:none;
color:#1A647B;
}


.smallBodyLink:hover{
text-decoration:underline;
color:#060808;
}

.smallTopLink{
text-decoration:none;
color:#0FBDF3;
}


.smalltopLink:hover{
text-decoration:underline;
color:#0FBDF3;
}


.smallBodyTxt{
text-decoration:none;
color:#666666;
}


.smallHeader{
text-decoration:none;
font-weight:bold;
color:#666666;
margin-top: 2px; 
margin-bottom: 4px;
}

table{
margin: 0px;
padding: 0px; 
border: 0px none;
}

.topLine
{
	border-collapse:collapse;
	width:inherit;
margin: 0 0 0 0;
padding:0 0 0 0;
	}
	
.bttmLine
{
border-collapse:collapse;
padding:0 0 0 0;
width:10px;
height: auto;
}

.bttmLineLast
{
border-collapse:collapse;
padding:0 0 0 0;
width:100%;
border-bottom:1px solid #0FBDF3; 
}

.menuLocationFont{
color:#0FBDF3;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt;
white-space: nowrap;
}

.lftMenuSeparator{
height:2px;
background-color: #ffffff;
}
.hiddenText label
{display:none;}

/* links */

a.leftMenu
{width:100%;
padding: .35em 1px .35em 1px; /* rtl */
	}
a.leftMenuChosen 
{
	width:100%;
padding: .35em 1px .35em 1px; /* rtl */
}

.leftMenu { 
color: #000000;
text-decoration: none;
background-color: #e0e0e0;
text-indent:5px;
border-top:1px solid #999999; 
border-left:1px solid #999999;
border-right:1px solid #999999;
border-bottom:1px solid #999999;

}

.leftMenu:hover { 
color: #000000;
text-decoration: none;
background-color: #CCEEF9;
text-indent:5px;
border-top:1px solid #0FBDF3; 
border-left:1px solid #0FBDF3;
border-right:1px solid #0FBDF3;
border-bottom:1px solid #0FBDF3; 
}

.leftMenuChosen { 
color: #000000;
text-decoration: none;
background-color: #CCEEF9;
text-indent:5px;
border-top:1px solid #0FBDF3; 
border-left:1px solid #0FBDF3;
border-right:1px solid #0FBDF3;
border-bottom:1px solid #0FBDF3; 
}

/*xxxxxxxxxxxxxxxxx*/
.navlink {
  text-decoration: none; 
  color: #000000;
  margin: 0 0 0 0;
  border-top: 1px solid #0FBDF3;
  border-right: 1px solid #0FBDF3;
  border-left: 1px solid #0FBDF3;
  border-bottom: 1px solid #0FBDF3;
  background-color: #CCEEF9;
    padding: 3px;
      /* the next 4 lines are magic */
  display: block;
  float: left;
  position: relative;
 text-decoration: none;
 white-space: nowrap;
 vertical-align:bottom;
}

.navlink:hover {
  text-decoration: none; 
  color: #000000;
   margin: 0 0 0 0;
   border-top: 1px solid #999999;
  border-right: 1px solid #999999;
  border-left: 1px solid #999999;
  background-color: #e0e0e0;
    padding: 3px;
      /* the next 4 lines are magic */
  display: block;
  float: left;
  position: relative;
 text-decoration: none;
 white-space: nowrap;
}

.navLinkChosen {
  text-decoration: none; 
  color: #000000;
   margin: 0 0 0 0;
  border-top: 1px solid #0FBDF3;
  border-right: 1px solid #0FBDF3;
  border-left: 1px solid #0FBDF3;
    border-bottom: 1px solid #ffffff;
  background-color: #ffffff;
    padding: 3px;
      /* the next 4 lines are magic */
  display: block;
  float: left;
  position: relative;
 text-decoration: none;
 white-space: nowrap;
}
/*fdhgfgfgfgfgf*/

.menuLocation{
color:#0FBDF3;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt;
}

.menuLocation:hover{
color:#0FBDF3;
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt;
}



/******top menu style****/

#container
	{
		width: 750px;
		padding: 0px;
		background: #fff;
	}

#tabnav
	{
		height: 20px;
		margin: 0;
		padding-left: 10px;
		background: url(images/tab_bottom.gif) repeat-x bottom;
	}

#tabnav li
	{
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
  	}
	
#tabnav a:link, #tabnav a:visited
	{
		float: left;
		background: #CCEEF9;
		font-size: 8pt;
		line-height: 14px;
		text-decoration: none;
		padding: 2px 10px 2px 10px;
		margin-right: 4px;
		border: 1px solid #0FBDF3;
		color: #000000;
	}

#tabnav a:link.active, #tabnav a:visited.active, #tabnav a:hover.active
	{
		border-bottom: 1px solid #fff;
		background: #fff;
		color: #000;
		border-top:#0FBDF3;
		border-left:#0FBDF3;
		border-right:#0FBDF3;
	}

#tabnav a:hover
	{
		background: #e0e0e0;
		border-top:#999999;
		border-left:#999999;
		border-right:#999999;
	}
	
/*###########**drop down**#############*/	
.submenuul{
	list-style-type:none;
	position:absolute;
	margin: 0;
	padding:0;
	display:none;
}

.submenuli a{
	display:block;
	width:250px;
}
.submenuul {
	margin-top:-1px;
	background-color:#E7F7FF;
	background-position: top left;
	background-repeat: repeat-x;
	border-top:1px solid #000000;
	border-bottom:2px solid #000000;
	border-right:2px solid #000000;
	border-left:7px solid #FF0000;

}

.submenuli a{
	padding:3px;
	text-decoration: none;
	color: #000000;

}

.submenuli a:hover{
	text-decoration: none;
	background:#336699;
	color: #FFFFFF;
}

.submenuli li>ul { 
	top: auto;
	left: auto;
}

/*##############**drop down**###########*/	
/*left menu*/

#menu8 ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

/* =-=-=-=-=-=-=-[Menu Eight]-=-=-=-=-=-=-=- */

.menu {
        width: 146px;
        margin-top: -1px;
        background-color:Transparent;
        }

.menu li a {
        text-decoration: none;
        height: auto;
        voice-family: "\"}\"";
        voice-family: inherit;

        margin-bottom: 0.3em; 
        margin-left:0;
        text-indent:0;
        }

.menu li a:link {
        color: #000;
        display: block;
        background-color:#e0e0e0;
        border:1px solid #999999;
        padding: 5px 0 0 5px;
        margin-left:0;
        text-indent:0;
 padding-bottom:3px;
        }
.menu li a:visited {
        color: #000;
        display: block;
        background-color:#e0e0e0;
        border:1px solid #999999;
        padding: 5px 0 0 5px;
        margin-left:0;
        text-indent:0;
 padding-bottom:3px;
        }

.menu li a:hover {
        color: #000;
        display: block;
        background-color: #CCEEF9;
        border: 1px solid #0FBDF3;
        padding: 5px 0 0 5px;
 padding-bottom:3px;
        }
.menu li #now {
        color: #000;
        display: block;
        background-color: #CCEEF9;
        border: 1px solid #0FBDF3;
        padding: 5px 0 0 5px;
 padding-bottom:3px;
        }
.menu li a:active {
        color: #000;
        display: block;
        background-color: #CCEEF9;
        border: 1px solid #0FBDF3;
        padding: 5px 0 0 5px;
 padding-bottom:3px;
        }


/*left Menu*/
/**** side menu 1##########*/
.side {
        width: 141px;
        margin-top: 0px;
        margin-left:5px;
        background-color:Transparent;
        }

.side li a {
        text-decoration: none;
        height: auto;
        voice-family: "\"}\"";
        voice-family: inherit;

        margin-bottom: 0.15em; 
        }
        
.side li a:link {
        color: #000;
        display: block;
        background-color:#eFeFeF;
        border:1px solid #b2b2b2;
        padding: 2px 0 1px 5px;
        }
        
.side li a:visited {
        color: #000;
        display: block;
        background-color:#eFeFeF;
        border:1px solid #b2b2b2;
        padding: 2px 0 1px 5px;
        }

.side li a:hover {
        color: #000;
        display: block;
        background-color: #E6F9FF;
        border: 1px solid #78D5F2;
        padding: 2px 0 1px 5px;
        }
        
.side1 li #now {
        color: #000;
        display: block;
        background-color: #E6F9FF;
        border: 1px solid #78D5F2;
        padding: 2px 0 1px 5px;
        }

.side li a:active {
        color: #000;
        display: block;
        background-color: #E6F9FF;
        border: 1px solid #78D5F2;
        padding: 2px 0 1px 5px;
        }
/*#####################*/
/**** side menu 1##########*/

.level {

width: 136px;

margin-top: 0px;

margin-left:5px;

background-color:Transparent;

}

.level li a {

text-decoration: none;

height: auto;

voice-family: "\"}\"";

voice-family: inherit;

margin-bottom: 0.15em; 

}


.level li a:link {

color: #000;

display: block;

background-color:#F8F8F8;

border:1px solid #b2b2b2;

padding: 2px 0 1px 5px;

}


.level li a:visited {

color: #000;

display: block;

background-color:#F8F8F8;

border:1px solid #b2b2b2;

padding: 2px 0 1px 5px;

}

.level li a:hover {

color: #000;

display: block;

background-color: #F2FCFF;

border: 1px solid #78D5F2;

padding: 2px 0 1px 5px;

}


.level li #now2 {

color: #000;

display: block;

background-color: #F2FCFF;

border: 1px solid #78D5F2;

padding: 2px 0 1px 5px;

}

.level li a:active {

color: #000;

display: block;

background-color: #F2FCFF;

border: 1px solid #78D5F2;

padding: 2px 0 1px 5px;

}

/*#####################*/ 


/**** level2 menu 1##########
.level {
        width: 136px;
        margin-top: 0px;
        }
        
.level li
{ 
    background-image:url(images/arrow-grey.gif);
        background-repeat: no-repeat;
        background-position: 0 4px;
        padding-left:10px;   
	}
	
.level li a {
        
        height: auto;
        voice-family: "\"}\"";
        voice-family: inherit;

        margin-bottom: 0.1em; 
        }
        
.level li a:link {
        color: #0FBDF3;
        display: block;
        padding: 1px 0 0 1px;
       background-color:Transparent;
        border: 0px;
        } 
        
.level li a:visited {
        color: #0FBDF3;
        display: block;
        padding: 1px 0 0 1px;
       background-color:Transparent;
        border: 0px;
        }

.level li a:hover 
{
      text-decoration: underline;
        color: #0FBDF3;
        display: block;
        padding: 1px 0 0 1px;
        background-color:Transparent;   
        border: 0px;
        }

.level li #now2 
{
      text-decoration: none;
        color: #000;
        display: block;
        padding: 1px 0 0 1px;
        background-color:Transparent;   
        border: 0px;


        }



.level li a:active 
{
        text-decoration: none;
        color: #000;
        display: block;
		padding: 1px 0 0 1px;
		background-color:Transparent;   
        border: 0px;
        }
      */  
        .mattsBigBody
        {
            background-color:#fbfbfb;
            
border:1px solid #e0e0e0; 

padding:2px 2px 2px 2px;
height:400px;
max-height:100%;

            }
html>body .mattsBigBody{
min-height:400px;
height:auto;
}

         .mattsTopBorder

{
background-color:#fbfbfb;

border-top:1px solid #e0e0e0; 

border-bottom:1px solid #e0e0e0; 

padding:2px 2px 2px 2px;

}

.inputBox
{
    width:310px;
}
.drpBox
{
    width:320px;
}
.leftBox
{
    width:35%; vertical-align: text-top
}
.rightBox
{
    width:65%; vertical-align: text-top
}
.theHeading
{
    font-weight:bold;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10pt;
    color:#666666;}
    
.errorSummaryCss
{

padding:3px; 

width:100%;

background-color:#FFC6C6;

border:1px solid #FF0000;

}

.deadLinks
{
    color:#0FBDF3;
}



/*#####################*/


/*admin style part
jin
*/
      .greyEditBox
      {
        
      background-color:#eFeFeF;
        border:1px solid #b2b2b2;
               height: auto;
        voice-family: "\"}\"";
        voice-family: inherit;
        }
        .whiteBox
      {
        
      background-color:#ffffff;
        border:1px solid #b2b2b2;
                height: auto;
        voice-family: "\"}\"";
        voice-family: inherit;
        }
      .greyEditHeading
{
    font-weight:bold;
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;color:#666666;}
    
    
    .revEdit1Col1{width:150px; text-align:left;}
    .revEdit1Col2{width:244px; text-align:left;}
    .revEdit1Col3{width:150px; text-align:left;}
    .revEdit1Col4{width:50px; text-align:left;}
   
   .phoneAuth1Col1{width:50px;text-align:left;}
   .phoneAuth1Col2{width:129px;text-align:left;}
   .phoneAuth1Col3{width:160px;text-align:left;}
   .phoneAuth1Col4{width:110px;text-align:left;}
   .phoneAuth1Col5{width:100px;text-align:left;}
   .phoneAuth1Col6{width:50px;text-align:right;}
     
    
/*admin style part*/     


/***message box style****/

.msgBox{
	padding:5px; 
	width:98%;
	background-color:#FFF8CC;
	border:1px solid #FFE222;
	text-align:left;
	       height: auto;
        voice-family: "\"}\"";
        voice-family: inherit;
}
#UpdatePanel1
{
    width:590px;
    }

/***message box style****/