/* CSS Document */
/************** header tag styles **************/
.{margin:0; padding:0;}

h1{
 font: bold 110% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
 line-height:100%;
}
.smaller_h1 h1{font:normal 95% Arial;}

h2{
 font: bold 105% Arial,sans-serif;
 color: #FF9900;
 margin: 0px;
 padding: 0px;
}

h3{
 font: 100% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h4{
 font: 100% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font: 88% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}
h6{
font: 80% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}
td,th{
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight:400;
}
p .font_arial{font:Arial 0.78em;}

html>body{
color: #333333;
}

/* all link style */
a:link{color:#333333}
a:visited{color:#333333}
a:hover{ color:#FF3300}

/* ####################### dcontent container for IE ############### */
div.container
{
margin:0;
padding:0;

}
.container1{position:relative;}
/* ################## content container for all other browsers ########## */
html>body .container /* IE will ignore this command */
{
margin:0 auto;

} 

.formfield	{
font-family: "ms sans serif";
font-size:10px;
color: #333333; 
background-color: #FBFBF7; 
border-top: 1px solid #C6C6FF;
border-right: 1px solid #C6C6FF; 
border-bottom: 1px solid #C6C6FF;
border-left: 1px solid #C6C6FF;
padding: 2px 0 2px 0;
margin: 0px 0px 0px 0px;
    	
}

.button	{
background-color: #CACAFF;
width: 72px;
cursor: pointer;
font-family: "ms sans serif";
font-size: 8pt;
margin-top:15px;
margin-left:96px;
}

/* ####################### hide hyperlink cotent AS IS no margin ############### */
.hcas{
padding:0px;
}

.hcas a:link {
	text-decoration: none;
}
.hcas a:visited {
	text-decoration: none;
	color: #333333;
}
.hcas a:hover {
	text-decoration: underline;
	color: #336699;
}
.hcas a:active {
	text-decoration: none;
}


/* ####################### hide hyperlink cotent ############### */
#hc{
margin-left:50px;
margin-bottom:12px;
padding:0px;
position:static;
width:660px;
height:auto;
color: #333333;
}

#hc a:link {
	color: #333333;
	text-decoration: none;
}
#hc a:visited {
	text-decoration: none;
	color: #333333;
}
#hc a:hover {
	text-decoration: underline;
	color: #336699;
}
#hc a:active {
	text-decoration: none;
}

/* ####################### visible hyperlink cotent ############### */
#vc{
color: #333333;
}

#vc a:link {
	color: #333333;
	text-decoration: underline;
}
#vc a:visited {
	text-decoration:underline;
	color: #333333;
}
#vc a:hover {
	text-decoration: none;
	color: #336699;
}
#vc a:active {
	text-decoration: none;
}

/* ####################### Main box ############### */
#mbox {
      margin-top:10px;
	  margin-left:80px;
	  width:645px;}
	  	
/* ####################### Login box ############### */
#loginBox {width:280px;}

/* ####################### H1 Orange Text ############### */
#orangeB {font-size:16px;
		color:#FF9900;
		font-weight:bold}
		
/* ####################### Form Text ############### */
#formText {font-size:10px; color: #CC3300; }

/* ####################### Content box ############### */
#cbox {
      margin-left:15px;
	  float:left;
	  width:620px;
	  height:100%;
	  
	  }
	  
/* ####################### 1em text for entire search content ############### */
.sc{
margin-left:0px;
margin-right:20px;
margin-top:0px;
font-size:1em;
width:680px;
height:150px;
position: relative;
overflow: hidden;
background-image:url(../images/yellow_bg.png); background-repeat:repeat;
}

.sc a:link {
	text-decoration: none;
}
.sc a:visited {
	text-decoration: none;
	color: #333333;
}
.sc a:hover {
	text-decoration: underline;
	color: #336699;
}
.sc a:active {
	text-decoration: none;
}

/* ####################### 12px bold text for search result title ############### */
.sc .st{
color: #333333;
height:20px;
background: url(../images/search_bg.png) repeat-x;
 
}

.sc .st a:link {
	text-decoration: underline;
	color:#333333;
}
.st a:visited {
	text-decoration: underline;
	color: #6699CC;
}
.sc .st a:hover {
	text-decoration: none;
	color: #FF6600;
}
.sc .st a:active {
	text-decoration: underline;
}

/* ####################### Images margin to right ############### */
.rimg{
margin-right:15px;
float:right;
border:1px solid #999999;
padding:2px;

}

/* ####################### Local-singles container ############### */
.ybc{width:370px;
    height:120px;
	background-color:#FFFFE1;
	padding:30px;
	}
	

/* ####################### Image Flot to right ############### */
.rimg{float:left;}

/* ####################### 4single logo to the right ############### */
#imgright{
width:755px;
vertical-align:top;
text-align:left;
}

/* ####################### Homepage search from box 232x235 ############### */
.hsbox{width:232px; height:235px; border:1px solid #D7D7FF;}

/* ####################### Index page layout container ############### */
.index1{
position:relative;
margin-left:0;
float:left;
margin-top:2em;
text-align:left;
}
.index2{
position:relative;
margin-left:225px;
margin-top:2em;
text-align:left;
}

html>body .index1{
position:relative;
margin-left:0;
float:left;
margin-top:0;
text-align:left;
}
html>body .index2{
position:relative;
width:auto;
margin-left:230px;
margin-top:2em;
margin-bottom:6em;
max-width:600px;
}
/* ## hiden link for content, no margin, ## */
#hidenLink{
color: #333333;
}

#hidenLink a:link {
	color: #333333;
	text-decoration: none;
}
#hidenLink a:visited {
	text-decoration: none;
	color: #333333;
}
#hidenLink a:hover {
	text-decoration: underline;
	color: #336699;
}
#hidenLink a:active {
	text-decoration: none;
}


/* silver blue hover button */
html .silver_btn { display: block; float: left; margin: 3px 0 15px 3px}
.silver_btn { display: block; float: left; margin: 25px 0 8px 25px; background:url(/images/bg_silver_btn_primary_right.gif) no-repeat 100% 0; text-decoration: none; color: #333; cursor: pointer; text-align: center; font-size: 14px;}
.silver_btn span { display: block; padding: 4px 20px 4px 20px; background:url(/images/bg_silver_btn_primary_left.gif) no-repeat 0 0; }
.silver_btn.second { background:url(/images/bg_silver_right.gif) no-repeat 100% 0; }
.silver_btn.second span { background:url(/images/bg_silver_left.gif) no-repeat 0 0; }
.silver_btn:hover { background: url(/images/bg_blue_right.gif) no-repeat 100% 0; }
.silver_btn:hover span { background:url(/images/bg_blue_left.gif) no-repeat 0 0; }
.silver_btn:visited {color: #000;}


/******************footer **************************/
.footer {
		position:fixed;
		height:13%;
		bottom:0;
		text-align:center;
		font:arial 0.6em !important;
      }
	  /* ### Footer need to be fixed on Zodiac pages 
.footer a:link{color:#003399}
.footer a:hover{color:#FF6633} */

/*************** google bottom ad ********************/
.google_ad_bottom{margin:8px 0px 16px 20px; clear:both}
.google_ad_right{ position:absolute;left:730px; top:150px;}
/********* Inline Middle content ################### */
.google_middle_left{float:left}

/************** user title list ****************** */
.user_title h1{
 font: bold 110% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
 line-height:100%;
 font-variant:small-caps;
}

/* center container to make content align centered */
.center_container{margin-left:60px;}

/* login container, align center */
.login_container{margin-left:200px;}

/* user title revise small H1 text */
.user_title h1{font-size:90% !important}

/* detail profile margin left and search result container */
.detail_container{margin-left:20px;}

/* search result bottom padding, avoid over flow */
.search_result_bottom_padding{ margin-bottom:5px;}
/* detail records set maximum width in order not to overlap with Google Ad */
.content_width{width:650px;}