#control_panel{	
  width:420px;
	background-color:#FFFFFF;
	clear: both;

	position: relative;


	
	
}

#add_gallery{
	width:400px;
	color:#FFF;
	float:both;
	vertical-align:top;
	position: relative;
	left: 15px;
	padding: 0px;
	text-align: left;
  background-color:#FFF;	
	}

#account_setting{

	width:400px;
	float:both;
	position: relative;	
  left: 15px;
	padding: 0px;
	text-align: left;  
	}


/* ------------- 通用 xsnazzy div 設定 --------------*/
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #444; border-right:1px solid #444;}
.xb1 {margin:0 5px; background:#444;}
.xb2 {margin:0 3px; border-width:0 2px;background:#FFF;}
.xb3 {margin:0 2px;background:#FFF;}
.xb4 {height:2px; margin:0 1px;background:#FFF;}

.xboxcontent {display:block; border:0 solid #444; background:#FFF; border-width:0 1px; height:auto;}
/*.xboxcontent {display:block; border:0 solid #444; background:#333333; border-width:0 1px; height:auto;}*/
* html .xboxcontent {height:1px;}

.color_a {background:rgb(254,153,1); color:#000;}
.color_b {background:#d4d8bd; color:#000;}
.color_c {background:#990000; color:#fff;}
.color_d {background:#996666; color:#000;}
.color_e {background:#63604D; color:#fff;}
/*----------------通用 xsnazzy div 設定 -----------------*/


/*----------- xnazzy width 400  Start ----------*/

.xsnazzy-400 h1{margin:0; 
font-size:1.2em; 
padding:0 10px 5px 10px; 
border-bottom:1px solid #444;
}

.xsnazzy-400 p{ margin:0; padding:5px 10px; font-size:12px;}

.xsnazzy-400 {
background: transparent; 
width:400px; 
float:both; 
color:#000;
margin:0 3px;	
font-family:Arial, Helvetica, sans-serif;}
/*----------- xnazzy width 400 END ----------*/


/*----------- xnazzy width 340  Start ----------*/

.xsnazzy-340 h1{margin:0; 
font-size:1.2em; 
padding:0 10px 5px 10px; 
border-bottom:1px solid #444;
}

.xsnazzy-340 p{ margin:0; padding:5px 10px; font-size:12px;}

.xsnazzy-340 {
background: transparent; 
width:340px; 
float:both; 
color:#000;
margin:0 3px;	
font-family:Arial, Helvetica, sans-serif;}
/*----------- xnazzy width 340 END ----------*/


.front h1 {
	font-family: Helvetica, Arial,  sans-serif;
	font-size: 160%;
	//line-height: 30px;
	margin: 0px;
	font-weight: bolder;
	padding: 0px;
	color: #0066CC; 
	letter-spacing: 0px;
}

.front h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 140%;
	//line-height: 30px;
	margin: 0px;
	font-weight: bolder;
	padding: 0px;
	color: #ff9900;
	//letter-spacing: -1px;
}

.front h3 {
	font-family: Helvetica, Helvetica, sans-serif;
	font-size: 120%;
	//line-height: 30px;
	margin: 0px;
	font-weight: bolder;
	padding: 0px;
	color: #99cccc;
	//letter-spacing: -1px;
}

.front a:link {
 text-decoration: none;
 color: #398FAF;
}
.front a:visited {
 text-decoration: none;
 color: #398FAF;
}
.front a:hover {
 text-decoration: underline;
 color: #398FAF;
}
.front a:active {
 text-decoration: underline;
 color: #398FAF;
}

.frontorange a:link {
 text-decoration: none;
 color: #FF9900;
}
.frontorange a:visited {
 text-decoration: none;
 color: #FF9900;
}
.frontorange a:hover {
 text-decoration: underline;
 color: #FF9900;
}
.frontorange a:active {
 text-decoration: underline;
 color: #FF9900;
}


.fronttitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 134%;
	//line-height: 30px;
	margin: 0px;
	font-weight: bolder;
	padding: 0px;
	padding-top: 6px;
	padding-bottom: 14px;
	color: #0066CC;
	letter-spacing: 2px;
}

.frontblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 180%;
	//line-height: 30px;
	margin: 0px;
	font-weight: bolder;
	padding: 0px;
	color: #0066CC;
	letter-spacing: -1px;
}


body {
	margin:3px 3px 0 3px;
	padding:0;
	background:#FFFFFF;
	width:auto;
	font-family: Arial, sans-serif;
	font-size: small;
	color: #000000;
	text-align: center;
}

.inside-copy {
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 130%;
 font-weight: 500
}
 
.words-top {
	background-image: url(../img/design/words-top.gif);
	background-repeat: repeat-x;
}
.navmenu {
	width: 800px;
	display: inline;
	clear: left;
	float: left;
	white-space: nowrap;
	text-align: center;
}
#navmenu {
	width: 760px;
	background:#FFFFFF;
	text-align: left;
}
.sidemenu {
	//width: 720px;
	clear: left;
	float: left;
}
#nomargin{
	margin: 0px;
	padding: 0px;
}
#sidemenu {
	//width: 120px;
	background:#FFFFFF;
}
#rightmenu {
	position: absolute;
	width: 180px;
	background:#FFFFFF;
	text-align: left;
	margin-left: 540px;
	float:right;
	right:10px;
	top:200px;
} 
#footer2 {
	position:relative;
	top:1px;
	width:100%;
	clear:both;
	margin:0;
	text-align:center;
	color:#FF9900;
	font-size: x-small;
	font-weight: bold;
}
.centertable {
	padding-right: 10px;
}
#featured {
	height: 440px;
	//width: 112px;
	background-image: url(../img/design/feature.jpg);
	background-repeat: no-repeat;
	padding-top: 1px;
	padding-left: 0px;
	padding-right: 4px;
}
#featured305 {
	height: 305px;
	//width: 112px;
	background-image: url(../img/design/feature-75pc.jpg);
	background-repeat: no-repeat;
	padding-top: 1px;
	padding-left: 0px;
	padding-right: 4px
} 
#left-text {
	height: 406px;
	width: 100px;
	background-image: url(../img/design/feature.jpg);
	background-repeat: no-repeat;
	padding-top: 1px;
	padding-left: 2px;
	padding-right: 20px;
}

#featured800 {
	height: 800px;
	width: 112px;
	background-image: url(../img/design/feature-800.jpg);
	background-repeat: no-repeat;
	padding-top: 1px;
	padding-left: 0px;
	padding-right: 4px;
}

.feature {
            font-size: 11px;
            text-align:center;
            font-family: Arial, sans-serif;
            font-weight: bold;
}

.featuretitle {
            font-size: 12px;
            text-align:center;
            font-family: Arial, sans-serif;
            font-weight: bold;
            color: #398FAF;
}


#featuredimage {
	width: 95px;
	text-align:center;
}
#latestimage {
	text-align:center;
}
#latesttitle {
	font-size: 14px;
	text-align:center;
	padding-left: 0px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #398FAF;
}
#latest {
	font-size: 11px;
	text-align:left;
	font-style: italic;
}
#adboxtext {
	font-size: 11px;
	width: 108px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-align:center;
	color: #000000;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 2px;
	text-indent: 0px;
}

#leftboxtext {
	font-size: 11px;
	width: 95px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-align:center;
	color: #000000;
	padding-left: 4px;
	padding-top: 2px;
	text-indent: 0px;
}


#search {
	height: 117px;
	background-image: url(../img/design/search.jpg);
	padding-top: 10px;
	background-repeat: no-repeat;
	padding-left: 1px;
	text-align: center;
	padding-right: 15px;
}
#login {
	height: 117px;
	background-image: url(../img/design/login-box.jpg);
	padding-top: 5px;
	background-repeat: no-repeat;
	padding-left: 8px;
	//text-align: center; 
	//padding-right: 15px;
}

#adbox {
	height: 431px;
	background-image: url(../img/design/ad-box.jpg);
	background-repeat: no-repeat;
	padding-left: 0px;
	//padding-right: 25px;
	padding-top: 5px;
}

#google-adbox {
	height: 431px;
	background-image: url(../img/design/ad-box.jpg);
	background-repeat: no-repeat;
	padding-top: 5px; 
}


#adbox800 {
	height: 800px;
	background-image: url(../img/design/ad-box800.jpg);
	background-repeat: no-repeat;
	padding-left: 0px;
	//padding-right: 25px;
	padding-top: 2px;
}


#adboxtitle {
	padding-top: 5px;
	padding-left: 0px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #00CCFF;
	text-decoration: underline;
}
#leftboxheaders {

            font-family: Arial, sans-serif;

            font-size: 12px;

            font-weight: bold;

            color: #398FAF;
            text-align: center;

}



#rightboxheader {
	font-family: Arial, sans-serif;
	width: 120px;
   	font-size: 14px;
	font-weight: bold;
	color: #398FAF;
    text-align: center;
} 
.counter{
	color:#398FAF;
	font-size: x-small;
	font-weight: bold;
}
a:link {
	color: #398FAF;
	text-decoration: underline;
	font-weight: bold;
}
a:visited {
	color: #398FAF;
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	color: #3087A7;
	text-decoration: underline;
	font-weight: bold;
}
a:active {
	color: #398FAF;
	font-weight: bold;
}
.bluetext16 {
	font-size: 16px;
	font-weight: bold;
	color: #398FAF;
}
.boldtext {
	font-weight: bold;
	color: #1F1F1F;
}
.boldtext11 {
	font-size: 110%;
	font-weight: bold;
	color: #1F1F1F;
}
.boldtext12 {
	font-size: 120%;
	font-weight: bold;
	color: #1F1F1F;
}
.boldtext14 {
	font-size: 140%;
	font-weight: bold;
	color: #1F1F1F;
}

.orangetext16 {
	font-size: 16px;
	font-weight: bold;
	color: #FF9900;
}

.orangeback {
	background-color: #FEEAD2;
}

.bluetext16 {
	font-size: 16px;
	font-weight: bold;
	color: #398FAF;
}
.orangetext16 {
	font-size: 16px;
	font-weight: bold;
	color: #FF9900;
}
.blueback {
	background-color: #EBF6F6;
}
.navybluetext {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #004A99;
}
.formfield{
	//margin: 5px;
	padding: 2px; 
}
.orangeback {
	background-color: #FEEAD2;
}
.blueheader {
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #004A99;
}
.bluetextlarge {
	font-family: Arial, sans-serif;
	font-size: 30px;
	font-weight: bolder;
	color: #004A99;
}
.blacksmalltext {
	font-family: Arial, sans-serif;
	font-size: 9px;
	color: #000000;
}
.blackmiddletext {
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #000000;
}
.bronzebox {

            background-image: url(../img/design/bronze-box.jpg);

            height: 148px;

            width: 400px;

}


.whitetext {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.orangetext20 {
	font-size: 20px;
	font-weight: bold;
	color: #FF9900;
	font-family: Arial, sans-serif;
}
.goldbox {

            background-image: url(../img/design/gold-box.jpg);

            height: 146px;

            width: 400px;

}

.bluetext20 {
	font-size: 20px;
	font-weight: bold;
	color: #004A99;
	font-family: Arial, sans-serif;
}
.silverbox {

            background-image: url(../img/design/silver-box.jpg);

            height: 144px;

            width: 400px;

}



/* hao add*/
.user_page_desc {
	font-family: Arial, sans-serif;
	color: #808080;
    font-size: 11px;
	
}


.gallery_text {
	color: #808080;
    font-size: 11px;
	
}


/*ruper add*/
.bluetext11 {
            font-size: 11px;
            font-weight: bold;
            color: #398FAF;
}
.bluetext12 {
            font-size: 12px;
            font-weight: bold;
            color: #398FAF;
}
.bluetext13 {
            font-size: 13px;
            font-weight: bold;
            color: #398FAF;
}
.bluetext14 {
            font-size: 14px;
            font-weight: bold;
            color: #398FAF;
}

.orangetext11 {
            font-size: 11px;
            font-weight: bold;
            color: #FF9900;
}

.orangetext12 {
            font-size: 12px;
            font-weight: bold;
            color: #FF9900;
}

.orangetext13 {
            font-size: 13px;
            font-weight: bold;
            color: #FF9900;
}

.orangetext14 {
            font-size: 14px;
            font-weight: bold;
            color: #FF9900;
}

.bluetext16 {
            font-size: 16px;
            font-weight: bold;
            color: #398FAF;
}

.darknavybluetext {
	font-size: 12px;
	color: #004A99;
	font-family: Arial, sans-serif;
}

.footer-links {
	font-size: 9px;
	color: #004A99;
	font-family: Arial, sans-serif;
}




#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}