@charset "utf-8";

/* General */
img{-ms-interpolation-mode:bicubic;}
html, body { font-family:Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0 }
body { font-size: 62.5%; background-color: #FFFFFF; background-image: url(images/bg.jpg); background-repeat: repeat-x; background-attachment:scroll }
a:link, a:active, a:visited { text-decoration: none }
a:hover { text-decoration: underline }
div.generic-pane { margin: 0 auto; width: 980px }
div.generic-pane p.full-text { padding-left: 10px }
div.generic-pane p.full-text a { color: #003366; text-decoration: underline; }
div.generic-pane p.full-text a:hover { color: #3399CC }
.clear { clear: both }
.border-female { border: 1px solid #FF6699 }
.border-male { border: 1px solid #0099CC }
.border-general { border: 1px solid #cdcdcd }
input { font-family: Verdana, Arial, Helvetica, sans-serif; }
select { font-family: Verdana, Arial, Helvetica, sans-serif; }
option { font-family: Verdana, Arial, Helvetica, sans-serif; }
input.comment { width: 98%; font-style: italic; color:#999999 }
input.general-text-input { width: 300px }
input.general-password-input { width: 100px }
input { font-family: Verdana, Arial, Helvetica, sans-serif}
.hidden { display: none }
.error-message { color : red }
.user { text-transform: capitalize }
button { text-transform: capitalize }

table.webmail { margin-bottom: 10px}
table.webmail .errorMessage {color:red;font-size:10px;font-style:italic;margin-bottom:5px;}
table.webmail tr {height:45px;}
table.webmail tr.content {height:150px;}
table.webmail th { font-family: "Myriad Pro", Verdana, Arial, 微軟正黑體, 微软正黑体; font-size: 12px; text-align: right; padding-right: 20px; font-style:italic; padding-left: 50px; color: #29425b; padding-top: 4px; padding-bottom: 4px; vertical-align: top }
table.webmail textarea { font-family: Verdana, Arial; font-size: 12px; width: 400px; height: 120px }
table.webmail #yt0 {cursor:pointer;display:inline;font-family:Tahoma,Verdana,Arial;font-size:12px;font-style:normal;font-weight:normal;text-decoration:underline;}
table.webmail #yt0:hover {color:#427ED1;}

td.captcha img { display : block }
td.captcha a { display : none }

img.gender-box { width: 50px; height: 50px; padding: 5px; border-width: 1px; border-style: solid }
img.male { border-color: #9DC8F7; -moz-box-shadow: 0 0 0px #9DC8F7 }
img.male:hover { -moz-box-shadow: 0 0 2px #8CB7E6 }
img.female { border-color: #E498C8; -moz-box-shadow: 0 0 0px #E498C8 }
img.female:hover { -moz-box-shadow: 0 0 2px #D387B7 }
img.unknown { border-color: #BBBBBB; -moz-box-shadow: 0 0 0px #BBBBBB }
img.unknown:hover { -moz-box-shadow: 0 0 2px #AAAAAA }

span.male { color: #0099CC }
span.female { color: #FF6699 }
span.unknown { color: #666666 }

/* Footer */
div.footer { text-align: center; margin-bottom: 20px; padding-top: 5px; padding-bottom: 20px; color:#ABABAB; font-size:1em; clear:both }
div.footer ul { text-align: center; margin: 10px 5px; padding: 0 }
div.footer ul li { list-style: none; margin: 0 10px; display: inline; padding: 0 }
div.footer a { color: #404040 }
div.footer a:link, div.footer a:visited, div.footer a:active { color: #505050 }
div.footer a:hover { color: #404040 }

/* Event Log */
div.event-log-x { position: fixed; padding: 2px 10px; border: 1px solid red; -moz-border-radius: 5px; background: #FFEEEE; color: red; font-weight: bold; top: 5px; left: 5px; }
div.event-log { position: fixed; top: 5px; left: 0; _position: absolute; z-index: 2000 }

/* Context Menu */
div.context-menu { position: absolute; width: 150px; top: 0; left: 0; opacity: 0.9; -moz-opacity: 0.9; z-index: 25 }
div.context-menu div.ie6fix { background: transparent; z-index: 28 }
div.context-menu div.upper { background: url(images/popup.png) no-repeat top left; height: 20px; z-index: 30; width: 100%; _background: none; _background-color: white; _border: 1px solid #cccccc; _border-bottom: none; _display: none }
div.context-menu div.main {background: url(images/popup.png) no-repeat bottom right; padding: 0; padding-top: 0; padding-bottom: 30px; z-index: 30; width: 100%; _background: none; _background-color: white; _border: 1px solid #cccccc; _padding:5px; _padding_top: 5px; _padding_bottom: 5px; }
div.context-menu a, div.context-menu a:link, div.context-menu a:hover, div.context-menu a:active, div.context-menu a:visited { text-decoration: none; font-family: "Myriad Pro", Verdana, Arial, 微軟正黑體, 微软正黑体; color: #333333; font-weight: bold; font-size: 13px; z-index: 30 }
div.context-menu a.button { font-size: 10px; width: 110px; text-align:center; margin: 0 auto; border: 1px solid #dedede; display: block; padding: 2px 3px; -moz-border-radius: 3px; margin-bottom: 2px; _width: 99% }
div.context-menu a.button:hover { background-color: #dddddd }
div.context-menu p.title { margin-top: 0; margin-bottom: 5px; padding-left: 15px; padding-right: 15px; font-weight: bold; text-transform:capitalize }
div.context-menu p { margin-top: 0; margin-bottom: 0; padding-left: 18px; padding-right: 18px }
div.context-menu p.male { color: #0099CC }
div.context-menu p.female { color: #FF6699 }
div.context-menu p.unknown { color: #999999 }

/* Grid */
div.grid { background: white; margin: 0; text-align: left; overflow: hidden }
div.grid div.grid-title { background: black; margin: 0; text-align: left; height: 24px; color: white; overflow: hidden }
div.grid div.grid-title div.grid-header { padding-top: 7px; padding-left: 10px; font-family: "Myriad Pro", Verdana, Arial, 微軟正黑體, 微软正黑体; font-size: 1em; font-style: italic; float: left }
div.grid div.grid-title div.grid-header-seperator { width: 1px; float: left; margin: 2px 0; border-right: 1px solid white; height: 20px }
div.grid div.grid-content { overflow-y : auto; overflow-x : hidden }
div.grid div.grid-content div.grid-entry { border-bottom: 1px solid #eaeaea; height: 24px; cursor: default; overflow: hidden; text-wrap: none }
div.grid div.grid-content div.grid-entry-text { float: left; color: #333333; padding-top: 4px; padding-bottom: 2px; padding-left: 10px }
div.grid div.grid-content div.grid-entry-seperator { width: 1px; float: left; margin: 0; border-right: 1px solid transparent; height: 100% }
div.grid div.grid-content div.grid-entry-selected { background: #d2f1d1; border-bottom: 1px solid #9adf8a; border-top: 1px solid #9adf8a; height: 23px }

/* Parts */
div.header { height: 40px; position: relative }
div.header div.login { bottom: 2px; right: 8px; position: absolute; text-align: right; line-height: 0px }
div.header div.login div.logged-in { float: left }
div.header div.login div.logged-in p { margin: 0; padding: 0 }
div.header div.login div.logged-in p.user-name { padding-left: 10px }
div.header div.login input.text-box { filter: alpha(opacity=80); moz-opacity: .80; opacity: .80; height: 12px; width: 80px }
div.header div.login input.check-box { position: relative; top: 2px; filter: alpha(opacity=80); moz-opacity: .80; opacity: .80; }
div.header .flags { float: right; margin-top: 0px; padding-top: 5px; margin-right: 0px; padding-right: 10px; /*background: url(images/glass-middle.png) repeat-x; background-position: bottom center; */ }
div.header .flags a, div.header .flags a:visited, div.header .flags a:active { margin: 0 10px; color: #29425B; font-weight: bold; position: relative; top: -2px; text-decoration: underline }
div.header .flags a:hover { color: #006699 }
div.header .glass-left { float: right; margin-top: 0px; padding-top: 5px; margin-right: 0px; background: url(images/glass-left.png) repeat-x; background-position: bottom center; height: 30px; border: 0px solid blue; width: 10px }
div.header .glass-right { float: right; margin-top: 0px; padding-top: 5px; margin-right: 0px; background: url(images/glass-right.png) repeat-x; background-position: bottom center; height: 30px; border: 0px solid blue; width: 10px }
div.header .flags img { cursor: pointer }

div.navigation { height: 27px; overflow: hidden; background: url(images/nav_bar.jpg) repeat-x; font-family: "Myriad Pro", Verdana, Arial, 微軟正黑體, 微软正黑体; font-size: 13px; font-weight: bold; color: #003366 }
div.navigation .right-edge { height: 27px; width: 5px; overflow: hidden;background: url(images/csg-4b42ddc95b660.png) no-repeat top left;background-position: 0 -561px; float: right }
div.navigation .left-edge { height: 27px; width: 53px; overflow: hidden; background: url(images/csg-4b42ddc95b660.png) no-repeat top left; float: left;background-position: 0 -457px; cursor: pointer}
div.navigation .left-edge:hover { background-position: 0 -484px; }
div.navigation .buttons { float: left; width: 910px }
div.navigation .buttons ul { margin: 0; padding: 0; }
div.navigation .buttons li { margin: 0; padding: 0; float: left; list-style: none; padding: 5px 10px 6px 10px; height: 16px; border-left: 1px solid #AAAAAA; border-right: 0px solid #666666; cursor: pointer ; background: url(images/nav_bar.jpg) repeat-x }
div.navigation .buttons li.right { float: right }
div.navigation .buttons li:hover { /*color: #3399CC;*/ background-position: bottom }
div.navigation .buttons li a, div.navigation .buttons li a:link, div.navigation .buttons li a:visited, div.navigation .buttons li a:active { color: #003366; text-decoration: none }
div.navigation .buttons li a:hover { color: #3399CC; text-decoration: none }

div.subheader h1 { white-space:nowrap; text-transform: capitalize; color: #6699CC; font-family: "Myriad Pro", Verdana, Arial, 微軟正黑體, 微软正黑体; font-size: 20px; font-weight: bolder; margin-top: 10px; margin-left: 5px; padding-right: 20px; margin-bottom: 0 }
div.subheader p.status-text { color: #29425b; font-family: Verdana, Arial, Helvetica, sans-serif; float: left; margin-top: 2.6em }
div.subheader td.status-text-edit { color: #29425b; font-family: Verdana, Arial, Helvetica, sans-serif; width: 99%; font-size: 11px; padding-left: 2px; padding-bottom: 5px }
div.subheader input.status-text-edit { color: #29425b; font-family: Verdana, Arial, Helvetica, sans-serif; width: 99%; margin-bottom: -3px; margin-left: -2px; }
div.subheader input.message-text-edit { color: #29425b; font-family: Verdana, Arial, Helvetica, sans-serif; width: 99%; margin: 2px auto }
div.subheader p.instruction { color: #bcbcbc; text-align: left; font-size: 1em; margin:0; padding-left:5px; margin-right: 10px; margin-bottom: 5px; display:none }
div.subheader p.sub-text { color: #505050; margin: 0; padding: 0; clear: both; font-size: 1.2em; margin-left: 0.5em }
/*div.subheader span.sub-links { clear:both; margin-left: -1.3em; position: relative; top: 20px; display: block }*/
div.subheader span.sub-links { margin-left: -1.3em; display: block; margin-top: 5px; margin-bottom: 5px }
div.subheader span.sub-links a { padding: 0 1.5em; text-decoration: none; font-size: 1.2em; color: #29425b }
div.subheader span.sub-links a:hover { text-decoration: underline; color: #3399cc }

/* Widget Containers */
div.widget-panel-small { float: left; width: 280px; overflow-x: hidden }
div.widget-panel-big { float: left; width: 693px; margin-left: 6px }
div.widget-panel-big-left { float: left; width: 693px; margin-right: 6px }
div.widget-panel-big p.comment { margin-left: 5px; margin-right:5px; margin-bottom: 5px; text-align: center }
div.widget-panel-big input.comment:focus { font-style: normal; color:#666666 }
div.widget-panel-small p.comment { margin-left: 5px; margin-right:5px; margin-bottom: 0; margin-top: 5px; text-align: center }
div.widget-panel-small input.comment:focus { font-style: normal; color:#666666 }
div.content { position: relative }
a.widget-link, a.widget-link:active, a.widget-link:visited { color: #6699CC; display: inline; float:right; font-style: normal; font-weight: normal; font-family: Tahoma, Verdana, Arial; cursor:pointer; font-size:12px }
a.widget-link:hover { color: #427ed1 }

/* Global Widgets */
div.generic-widget { border-style: solid; border-width: 1px; border-color: #b0b0b0; position: relative; margin-bottom: 6px }
div.borderless { border-style: none; border-width: 0; border-color: white }
div.generic-widget .content { padding: 5px; margin: 0 }
div.generic-widget .top, div.generic-widget .bottom { height: 4px; position: relative; padding: 0; margin: 0; }
div.generic-widget .corner-upper-left { background: url(images/corner.jpg) no-repeat top left; width: 4px; height: 4px; position: relative; top: -1px; left: -1px; float: left; overflow: hidden }
div.generic-widget .corner-upper-right { background: url(images/corner.jpg) no-repeat top right; width: 4px; height: 4px; position: relative; top: -1px; right: -1px; float: right; overflow: hidden }
div.generic-widget .corner-bottom-left { background: url(images/corner_lower_ie6.jpg) no-repeat top left; width: 4px; height: 4px; position: relative; top: 1px; left: -1px; float: left; overflow: hidden}
div.generic-widget .corner-bottom-right { background: url(images/corner_lower_ie6.jpg) no-repeat top right; width: 4px; height: 4px; position: relative; top: 1px; right: -1px; float: right; overflow: hidden }
div.generic-widget p.header { font-size: 16px; padding: 0 5px; margin: 0; font-style: italic; font-weight: bold; font-family: "Myriad Pro", Verdana, Arial, 微軟正黑體, 微软正黑体; color: #29425b; text-transform: lowercase; margin-bottom: 10px; }

/* Individual Widgets */

/* Login */
#widget-login {}
#widget-login div.container div.error-summary { color: red; margin-bottom: 5px }
#widget-login div.container div.error-summary p { margin: 5px;}
#widget-login div.container table th { text-align: right; padding-left: 15px; margin-right: 2px; font-weight: normal }
#widget-login div.container table td { padding-left: 5px }
#widget-login div.container div.tips { text-indent: 60px; text-align: left; font-weight: bolder; border-top: 2px dotted #eaeaea; border-bottom: 2px dotted #eaeaea; margin-top: 5px; padding-top: 5px; padding-bottom: 10px; background: #fafafa }
#widget-login div.container div.tips input { position: relative; top: 2px}

/* Profile Picture */
#widget-picture { }
#widget-picture div.user-photo { text-align: center }
#widget-picture div.user-photo a { width: 250px; height: 250px }
#widget-picture div.user-photo img { margin-bottom: 10px }
#widget-picture div.user-photo div.delete-photo {display: inline; position: absolute; width: 24px; height: 20px; left: 238px; _left: 235px; top: 42px }
/*#widget-picture div.photo-select { width: 260px; height: 88px; -moz-border-radius: 15px; background-color: #EAEAEA; margin: 0 auto; padding: 0px; border: 1px solid #aaaaaa }*/
#widget-picture div.photo-select { width: 99%; height: 88px; margin: 0 auto }
#widget-picture div.photo-select div.container { width: 100%; height: 80px; overflow: hidden; background-color: #f4f4f4; -moz-border-radius: 5px; margin: 0 auto; border: 1px dotted #eaeaea; /*background-image: url(images/photo-select-bg.jpg); background-repeat: repeat-x*/ }
/*#widget-picture div.photo-select div.container { width: 100%; height: 80px; overflow: hidden; background-color: white; -moz-border-radius: 5px; margin: 0 auto; border: 1px solid #aaaaaa }*/
#widget-picture div.photo-select div.container div.inner { overflow: hidden; width: 5000px; min-width: 80px; padding-left: 8px }
#widget-picture div.photo-select div.container div.inner a { margin: 0; padding: 0 }
/*#widget-picture div.photo-select div.container div.inner img.photo { background-color: white; height: 50px; width: 50px; padding: 5px; border: 1px solid #eaeaea; margin: 9px 2px 8px 2px; -moz-box-shadow: 0 0 1px #eaeaea }
#widget-picture div.photo-select div.container div.inner img.selected { border: 1px solid #40a8eb; }
#widget-picture div.photo-select div.container div.inner img.photo:hover { -moz-box-shadow: 0 0 3px #d0d0d0 }
#widget-picture div.photo-select div.container div.inner img.selected:hover { -moz-box-shadow: 0 0 3px #3098db }*/
#widget-picture div.photo-select div.container div.inner div.photoContainer { float:left;background-color: white; height: 50px; width: 50px; padding: 5px; border: 1px solid #eaeaea; margin: 9px 2px 8px 2px; -moz-box-shadow: 0 0 1px #eaeaea }
#widget-picture div.photo-select div.container div.inner div.selected { border: 1px solid #40a8eb; }
#widget-picture div.photo-select div.container div.inner div.photoContainer:hover { -moz-box-shadow: 0 0 3px #d0d0d0 }
#widget-picture div.photo-select div.container div.inner div.selected:hover { -moz-box-shadow: 0 0 3px #3098db }
#widget-picture div.photo-select div.scroll { padding: 1px 0px 3px 2px; border: 1px solid white; width: 12px; height: 12px; overflow: hidden; background-color: #eeeeee; -moz-border-radius: 5px; font-weight: bold; cursor: default }
#widget-picture div.photo-select div.scroll:hover { background-color: #aaaaaa }
#widget-picture div.upload { padding-top: 5px; text-align: right }
#widget-picture div.tips { padding: 0 10px; text-align: left; font-weight: bolder; border-top: 2px dotted #eaeaea; border-bottom: 2px dotted #eaeaea; margin-top: 5px; padding-top: 5px; padding-bottom: 5px; background: #fafafa }

/* i-Buddy Widget */
#widget-ibuddy {}
#widget-ibuddy div.ibuddy-select { margin: 0 10px }
#widget-ibuddy div.ibuddy-select img { width: 25px; height: 35px }
#widget-ibuddy div.ibuddy-photo { text-align: center; margin: 0 5px }
#widget-ibuddy div.ibuddy-photo img { margin-bottom: 10px }
#widget-ibuddy img.pointer { position: relative; left: 47px; margin-bottom: 2px }
#widget-ibuddy img.current-photo { width: 200px; height: 200px; float: left }
#widget-ibuddy img.list-photo { width: 50px; height: 50px; float: right; margin-bottom: 2px }
#widget-ibuddy div.photo-select { width: 260px; height: 88px; -moz-border-radius: 15px; background-color: #f4f4f4; margin: 0 auto; padding: 0px;}
#widget-ibuddy div.photo-select div.container { width: 252px; height: 80px; overflow: hidden; background-color: #f4f4f4; -moz-border-radius: 5px; margin: 0 auto;}
#widget-ibuddy div.photo-select div.container div.inner { overflow: hidden; width: 5000px; min-width: 80px }
#widget-ibuddy div.photo-select div.container div.inner a { margin: 0; padding: 0 }
#widget-ibuddy div.photo-select div.container div.inner img.photo { background-color:white;height: 50px; width: 50px; padding: 5px; border: 1px solid #eaeaea; margin: 9px 2px 8px 2px; -moz-box-shadow: 0 0 1px #eaeaea }
#widget-ibuddy div.photo-select div.container div.inner img.selected { border: 1px solid #40a8eb; }
#widget-ibuddy div.photo-select div.container div.inner img.photo:hover { -moz-box-shadow: 0 0 3px #d0d0d0 }
#widget-ibuddy div.photo-select div.scroll { padding: 1px 0px 3px 2px; border: 1px solid white; width: 12px; height: 12px; overflow: hidden; background-color: #eeeeee; -moz-border-radius: 5px; font-weight: bold; cursor: default }
#widget-ibuddy div.photo-select div.scroll:hover { background-color: #aaaaaa }
#widget-ibuddy div.tips { padding: 0 10px; text-align: left; font-weight: bolder; border-top: 2px dotted #eaeaea; border-bottom: 2px dotted #eaeaea; margin-top: 5px; padding-top: 5px; padding-bottom: 5px; background: #fafafa }
#widget-ibuddy p.subheader { color: #29425b; font-family:"Myriad Pro",Verdana,Arial; font-size: 12px; font-style: italic; font-weight: bolder; padding-left: 5px; margin-bottom: 0 }
/*#widget-ibuddy div.content div.regMore div#reloadFields div.series { font-size: 16px; padding: 0 5px; margin: 0; font-style: italic; font-weight: bold; font-family: "Myriad Pro", Verdana, Arial, 微軟正黑體, 微软正黑体; color: #29425b; text-transform: lowercase; margin-bottom: 10px; }*/

/* Emoticon Widget */
#widget-emoticon {}
#widget-emoticon div.photo-select { width: 260px; height: 88px; -moz-border-radius: 15px; background-color: #EAEAEA; margin: 0 auto; padding: 0px; border: 1px solid #aaaaaa }
#widget-emoticon div.photo-select div.container { width: 212px; height: 80px; overflow: hidden; background-color: white; -moz-border-radius: 5px; margin: 0 auto; border: 1px solid #aaaaaa }
#widget-emoticon div.photo-select div.container div.inner { overflow: hidden; width: 5000px }
#widget-emoticon div.photo-select div.container div.inner a { margin: 0; padding: 0 }
#widget-emoticon div.photo-select div.container div.inner img.photo { height: 50px; width: 50px; padding: 5px; border: 1px solid #eaeaea; margin: 9px 2px 8px 2px; -moz-box-shadow: 0 0 1px #eaeaea }
#widget-emoticon div.photo-select div.container div.inner img.photo:hover { -moz-box-shadow: 0 0 3px #d0d0d0 }
#widget-emoticon div.photo-select div.scroll { padding: 1px 0px 3px 2px; border: 1px solid white; width: 12px; height: 12px; overflow: hidden; background-color: #eeeeee; -moz-border-radius: 5px; font-weight: bold; cursor: default }
#widget-emoticon div.photo-select div.scroll:hover { background-color: #aaaaaa }
#widget-emoticon div.content div.container { max-height: 120px; overflow-y: auto; overflow-x: hidden }
#widget-emoticon div.content div.container div.inner { width: 240px; overflow-x: hidden; padding-left: 10px }
#widget-emoticon div.content div.container div.inner img.emoticon { height: 50px; width: 50px; padding: 0; border: 1px solid #909090; margin: 2px; @margin: 2px 0px; _margin: 0; }
#widget-emoticon div.content div.container div.inner img.emoticon:hover { border: 1px solid #696969 }
#widget-emoticon div.tips { padding: 0 10px; text-align: left; font-weight: bolder; border-top: 2px dotted #eaeaea; border-bottom: 2px dotted #eaeaea; margin-top: 5px; padding-top: 5px; padding-bottom: 5px; background: #fafafa }


/* Friends Widget */
#widget-friends { }
#widget-friends div.container { overflow-y: auto; overflow-x: hidden; }
#widget-friends div.container div.inner { width: 99%; overflow-x: hidden; margin: 0 auto; }
#widget-friends div.container div.inner img { margin: 2px}
#widget-friends input.search { width: 95%; margin: 5px auto; display: block; float:none; color:#666666 }
#widget-friends img.gender-box { width: 50px; height: 50px; padding: 3px; border-width: 1px; border-style: solid }
#widget-friends img.online { opacity: 1 }
#widget-friends img.offline { opacity: 0.5 }
#widget-friends p.username { text-transform:capitalize; font-family: "Myriad Pro", Verdana, Arial, 微軟正黑體, 微软正黑体; font-weight: bold; font-size: 16px; margin: 0 1px 1px 0; padding: 0 }
#widget-friends p.status-text { margin: 0 5px 2px 0; padding: 0; padding-left: 5px; width: 2000px }
#widget-friends p.male { color: #0099CC }
#widget-friends p.female { color: #FF6699 }
#widget-friends p.unknown { color: #999999 }
#widget-friends div.tips { padding: 0 10px; text-align: left; font-weight: bolder; border-top: 2px dotted #eaeaea; border-bottom: 2px dotted #eaeaea; margin-top: 5px; padding-top: 5px; padding-bottom: 5px; background: #fafafa }
#widget-friends ul.controls { padding: 0; margin: 0; overflow: hidden; padding-left: 5px }
#widget-friends ul.controls li { float:left; cursor: pointer; list-style-image: none; list-style-position: none; list-style-type: none; margin: 0 2px; padding: 4px 0; position: relative }
#widget-friends ul.controls li span { float: left; margin: 0px 4px }

/* Introduction Widget */
#widget-introduction { }
#widget-introduction .content { min-height: 300px }
#widget-introduction .content div.intro { _width: 680px; padding: 10px 0 }
#widget-introduction .content div.intro p { padding-left: 10px; padding-right: 10px; font-size: 1.2em; color: #505050; padding-top: 0; padding-bottom: 0; margin: 0; font-family:Verdana, Arial, Helvetica, sans-serif; line-height: 18px }
#widget-introduction textarea.intro-edit { padding: 0; width: 99%; height: 300px; margin: 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em }
#widget-introduction div.content div.intro { max-height:548px; overflow-y: auto }

/* Register Widget */
#widget-register div.content {width:850px;}
#widget-register div.errorMessage { color: red; font-size: 10px; font-style: italic; margin-bottom: 5px }
#widget-register div.content p.general-text { padding-left: 10px; padding-right: 10px; font-size: 1.2em; color: #505050; padding-top: 0; padding-bottom: 0; margin: 0; margin-bottom: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#widget-register div.content table.register th { width:200px;font-family: "Myriad Pro", Verdana, Arial, 微軟正黑體, 微软正黑体; font-size: 12px; text-align: right; padding-right: 20px; font-style:italic; padding-left: 50px; color: #29425b; padding-top: 4px; padding-bottom: 4px; vertical-align: top }
#widget-register div.content table.register th.question { text-align: left;width:850px; }
#widget-register div.content table.register th label { padding-left: 15px; text-indent: -15px; margin-right: 5px }
#widget-register div.content table.register th input { vertical-align: bottom; position: relative; top: -1px; *top: -3px; _top: -2px; *overflow: hidden;}
#widget-register div.content table.register td { font-size: 1.2em; color: #505050; padding-top: 0; padding-bottom: 0; margin: 0; margin-bottom: 10px; width:260px; font-family:Verdana, Arial, Helvetica, sans-serif; vertical-align: top; padding-top: 2px }
#widget-register div.content table.register td.buddyList { font-size: 1.2em; color: #505050; padding-top: 0; padding-bottom: 0; margin: 0; margin-bottom: 10px; width:600px; font-family:Verdana, Arial, Helvetica, sans-serif; vertical-align: top; padding-top: 2px }
#widget-register div.content table.register td input.text {width:210px;}
#widget-register div.content table.register input.serial-number { width: 40px; text-align:center; text-transform: uppercase }
/*#widget-register div.content table.register div.product-select { float: left; width: 50px; text-align: center; margin-bottom: 10px; }*/
#widget-register div.content table.register div.product-select { float: left; width: 50px; text-align: center; margin-bottom: 10px; border: 0px solid red; margin-right: 8px }
#widget-register a, #widget-register a:active, #widget-register a:visited {color: #333333; text-decoration: underline; display: inline; font-style: normal; font-weight: normal; font-family: Tahoma, Verdana, Arial; cursor:pointer; font-size:12px }
#widget-register a:hover { color: #427ed1 }

/* Profile Widget */
#widget-profile { }
/* #widget-profile div.content { min-height: 800px } */
/* div.content div.intro{ height:200px}*/
#widget-profile table.profile { width: 100%; border: none; text-align: left }
#widget-profile table.profile th { font-family: "Myriad Pro", Verdana, Arial, 微軟正黑體, 微软正黑体; font-size: 12px; text-align: right; padding-right: 20px; font-style:italic; padding-left: 50px; color: #29425b; vertical-align: middle; padding-top: 10px; padding-bottom: 10px; width: 120px }
#widget-profile table.profile td { font-size: 1.2em; color: #505050; padding-top: 0; padding-bottom: 0; margin: 0; font-family:Verdana, Arial, Helvetica, sans-serif; vertical-align: middle; padding-left: 5px; padding-top: 10px; padding-bottom: 10px; }
#widget-profile table.profile td input.text-input { width: 400px; margin: 0 }
#widget-profile table.profile label.label-input { width: 170px; margin-right: 10px; display: block; float: left; margin-bottom: 5px }
#widget-profile table.profile textarea { padding: 0; width: 99%; height: 200px; margin: 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em }
/*#widget-profile table.profile td input { width: 400px }
#widget-profile table.profile tr { }
#widget-profile table.profile tr.edit-row-active { }
#widget-profile table.profile tr.edit-row-inactive { display: none }*/

/* Settings */
#widget-user-settings table.settings th { font-family: "Myriad Pro", Verdana, Arial, 微軟正黑體, 微软正黑体; font-size: 12px; text-align: right; padding-right: 20px; font-style:italic; padding-left: 50px; color: #29425b; vertical-align: middle; padding-top: 0px; padding-bottom: 0px; height: 30px }
#widget-user-settings div.settingsForm{ margin: 0 10px 10px 10px; border: 1px solid #dedede; -moz-border-radius: 3px; padding: 0px;overflow-x: hidden;overflow-y: auto;}
#widget-user-settings .errorMessage { color: red; font-size: 10px; font-style: italic; margin-bottom: 5px; position: relative; top: -5px }
#widget-user-settings input { margin: 0 }
#widget-user-settings div.change, #widget-user-settings div.change:visited, #widget-user-settings div.change:active {text-decoration: underline; display: inline; font-style: normal; font-weight: normal; font-family: Tahoma, Verdana, Arial; cursor:pointer; font-size:12px }
#widget-user-settings div.change:hover { color: #427ed1 }

/* Terms and Conditions */
#widget-terms {}
#widget-terms div.terms { margin: 0 10px 10px 10px; height: 200px; overflow-x: hidden; border: 1px solid #dedede; -moz-border-radius: 3px; padding: 5px; overflow-y: auto; }
#widget-terms div.terms:hover { border: 1px solid #cacaca }
#widget-terms div.terms p { margin: 0px 5px 10px 5px; padding: 0}
#widget-terms div.content p.general-text { padding-left: 10px; padding-right: 10px; font-size: 1.2em; color: #505050; padding-top: 0; padding-bottom: 0; margin: 0; margin-bottom: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align: center }
#widget-terms div.content p.general-text label { display: block; padding-left: 15px; text-indent: -15px; margin-right: 5px; font-size: 9px }
#widget-terms div.content p.general-text input { vertical-align: bottom; position: relative; top: 4px; *top: -2px; _top: -1px; *overflow: hidden }


/* Search Result Widget */
#widget-search-result { _border: thin hidden white } /* This border is for fixing IE6... */
#widget-search-result div.entry { }
#widget-search-result div.picture-view { width: 163px; _width: 161px; height: 170px; margin: 5px; float: left; overflow: hidden }
#widget-search-result div.list-view { width: 98%; height: 170px; margin: 5px; overflow: hidden; margin-bottom: 10px; margin-top: 10px; }
#widget-search-result div.list-view p.status-message { font-size: 16px; padding: 0 5px; margin: 0; font-style: italic; font-weight: bold; font-family: "Myriad Pro", Verdana, Arial, 微軟正黑體, 微软正黑体; color: #29425b; text-transform: none; margin-bottom: 0px; border-bottom: 1px dotted #006699; white-space:nowrap }
#widget-search-result div.list-view div.info { padding: 2px }
#widget-search-result div.list-view div.info div.button-pane { float: right }
#widget-search-result div.list-view div.info p.info-text { color: #006699; font-size: 10px; margin: 0; margin-bottom: 2px;}
#widget-search-result div.list-view p.self-introduction { line-height: 14px }
#widget-search-result div.list-view p.other-pictures { border-top: 1px dotted #006699; font-style: italic; color: #3355AA; padding: 2px }
#widget-search-result div.entry img.user-photo { width: 150px; height: 150px; margin: 0 auto }
#widget-search-result div.entry span.user-name { font-size: 11px; white-space: nowrap }
#widget-search-result div.entry span.user-name img.country-flag { margin-right: 5px }
#widget-search-result span.sub-links { clear:both; margin-left: -0.8em; _margin-left: 0; display: block; clear: both}
#widget-search-result span.sub-links a { padding: 0 10px; text-decoration: none; font-size: 1.2em; color: #29425b }
#widget-search-result span.sub-links a:hover { text-decoration: underline; color: #3399cc }
#widget-search-result p.self-introduction { padding-left: 5px; padding-right: 5px; color: #29425B }

/* Search Result Frames */
div.search-image-container { position: relative; width: 150px }
div.search-image-container div.corner { width: 10px; height: 10px; position: absolute; _behavior:url(iepngfix.htc); }
div.search-image-container div.m { background-image: url(images/border-m.png) }
div.search-image-container div.f { background-image: url(images/border-f.png) }
div.search-image-container div.n { background-image: url(images/border-n.png) }
div.search-image-container div.nw { top: 0px; left: 0px }
div.search-image-container div.ne { top: 0px; right: -2px; background-position: top right }
div.search-image-container div.sw { bottom: 0px; left: 0px; background-position: bottom left; *bottom: 2px }
div.search-image-container div.se { bottom: 0px; right: -2px; background-position: bottom right; *bottom: 2px }

/* Search Settings Widget */
#widget-search-settings { margin-top: 18px }
#widget-search-settings table.search-settings th { font-family: "Myriad Pro", Verdana, Arial, 微軟正黑體, 微软正黑体; font-size: 12px; text-align: right; padding-right: 8px; font-style:italic; padding-left: 20px; color: #29425b }
#widget-search-settings table.search-settings td { font-size: 1.2em; color: #505050; padding-top: 0; padding-bottom: 0; margin: 0; margin-bottom: 10px; font-family:Verdana, Arial, Helvetica, sans-serif }
#widget-search-settings table.search-settings td select { font-size: 10px; width: 150px; font-family: Verdana, Arial, Helvetica, sans-serif }

/* Events Widget */
#widget-events .system_message { padding:0; padding-left: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; clear: both; border: 0px solid red; margin: 0; position: relative }
#widget-events .system_message p { padding-left: 10px; font-size: 1.2em; color: #505050; padding-top: 0; padding-bottom: 0; margin: 0 }
#widget-events .system_message p .user { text-decoration: underline; font-weight: bold; cursor: pointer }
#widget-events .system_message p .user:hover { color: #6699CC }
#widget-events .system_message p a.thread-link:link, #widget-events .entry p a.thread-link:visited, #widget-events .entry p a.thread-link:active { color: #99CCFF; font-weight: bold; margin-left: 10px; display: none }
#widget-events .system_message p a.thread-link:hover { color: #6699CC }
#widget-events .entry { padding:0; padding-left: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; clear: both; border: 0px solid red; margin: 0; position: relative }
#widget-events .entry p { padding-left: 10px; font-size: 1.2em; color: #505050; padding-top: 0; padding-bottom: 0; margin: 0 }
#widget-events .entry p .user { text-decoration: underline; font-weight: bold; cursor: pointer }
#widget-events .entry p .user:hover { color: #6699CC }
#widget-events .entry p a.thread-link:link, #widget-events .entry p a.thread-link:visited, #widget-events .entry p a.thread-link:active { color: #99CCFF; font-weight: bold; margin-left: 10px; display: none }
#widget-events .entry p a.thread-link:hover { color: #6699CC }
#widget-events .seperator { height: 10px }
#widget-events .filters { float: right; position: relative }
#widget-events .filters div { margin-left: 30px }
#widget-events .filters input { position: relative; right: 20px }
#widget-events .icons { background-image: url(images/icons.jpg); height: 20px; width: 20px; float: left; } 
#widget-events .icons-message { background-position: 0 0 }
#widget-events .icons-events { background-position: 0 -20px }
#widget-events .icons-friends { background-position: 0 -40px }
#widget-events .icons-comment { background-position: 0 -60px }
#widget-events table.entry-table {}
#widget-events table.entry-table tr.reply { display: none }
#widget-events table.entry-table tr.reply input { width: 600px; margin-left: 10px }
#widget-events table.entry-table tr.reply p.instruction { color: #bcbcbc; float: right; font-size: 1em; margin-right: 10px }
#widget-events table.entry-table table.thread-table { margin-left: 10px }
#widget-events img.thread-picture { margin-left: 20px; padding: 10px; border: 1px solid #dddddd }
#widget-events table.entry-table table.thread-table .photo { padding: 5px }
#widget-events table.entry-table table.thread-table .author { font-family: "Myriad Pro", Verdana, Arial, 微軟正黑體, 微软正黑体; font-style: italic; font-size: 11px; font-weight: none; color: #BEBEBE; padding-left: 0; margin-left: -5px; margin-bottom: 5px}
#widget-events table.entry-table table.thread-table .sentence { padding-left: 10px; color: #505050; font-size: 1.1em; padding-bottom: 10px; border-bottom: 1px solid #FFCCDD; -moz-border-radius: 30px; width: 90% }
#widget-events table.entry-table table.thread-table .sentence br { margin-bottom: 10px }
#widget-events table.entry-table table.thread-table .user { text-decoration: underline; font-weight: bold; cursor: pointer }
#widget-events table.entry-table table.thread-table .user:hover { color: #6699CC }
#widget-events table.entry-table table.thread-table a:link, table.entry-table table.thread-table a:visited, table.entry-table table.thread-table a:active { color:#FF6666; text-decoration: none; font-weight: bold }
#widget-events table.entry-table table.thread-table a:hover { color: #FF3366 }
#widget-events .user a:visited { color: inherit }

/* downloads */
#widget-downloads { }
#widget-downloads .download-title { text-indent: 10px; font-weight: bolder; border-top: 2px dotted #eaeaea; border-bottom: 2px dotted #eaeaea; margin-top: 5px; padding-top: 5px; padding-bottom: 5px; background: #fafafa }
#widget-downloads .download-content { margin-bottom: 20px; padding: 10px }
#widget-downloads .download-content ul { margin: 0; padding : 0; padding-left: 20px }
#widget-downloads .download-content ul li { color: #505050; margin-bottom: 3px }
#widget-downloads .download-content ul li a:link, #widget-downloads .download-content ul li a:visited, #widget-downloads .download-content ul li a:active { text-decoration: none; color: #505050 }
#widget-downloads .download-content ul li a:hover { font-weight: bold; color: #404040; text-decoration: underline }

/* terms and conditions */
div.inner-tnc { padding: 10px 20px }
div.inner-tnc p { padding: 0; line-height: 18px }
div.inner-tnc table th { padding-top: 20px; font-size: 12px }
div.inner-tnc table td { line-height: 18px }
div.inner-tnc li { margin-left: 20px }
div.inner-tnc a, div.inner-tnc a:visited, div.inner-tnc a:active { color: #333333; text-decoration: underline; display: inline; font-style: normal; font-weight: normal; font-family: Tahoma, Verdana, Arial; cursor:pointer; }
div.inner-tnc a:hover { color: #427ed1 }

/* emoticons list*/
div#widget-emoticonList table.genericList{width:900px;margin-left:40px}
div#widget-emoticonList table.listMore{width:680px;margin-left:auto;margin-right:auto;}
div#widget-emoticonList table.listMore tr.pageWidget td{margin-left:00px}
div#widget-emoticonList table.genericList table.list{width:440px;}
div#widget-emoticonList table.emoticonSearchForm select.big-select{width:150px;}
div#widget-emoticonList table.emoticonSearchForm th{text-align:left;}
div#widget-emoticonList table.emoticonSearchForm tr{height:30px;margin-top:15px;width:300px;}
div#widget-emoticonList div.emoticonContainer{margin-left:70px;width:300px;background-color:#fafafa;-moz-border-radius: 5px;}
div#widget-emoticonList table.listMore div.emoticonContainer{margin-left:0px;width:680px;background-color:#fafafa;-moz-border-radius: 5px;}
div#widget-emoticonList table.genericList table.list table.listedEmoticon{margin-left:10px;width:280px;margin-top:10px;}
div#widget-emoticonList table.genericList table.list table.listedEmoticon img{border:1px solid #ffffff;cursor:pointer;}
div#widget-emoticonList table.genericList table.list table.listedEmoticon table.emoticonInfo{width:280px;}
div#widget-emoticonList table.listedEmoticon table.emoticonInfo th{text-align:left;}
div#widget-emoticonList table.listedEmoticon table.emoticonInfo th .user { text-decoration: underline; font-weight: bold; cursor: pointer }
div#widget-emoticonList table.listedEmoticon table.emoticonInfo th .user:hover { color: #6699CC }
div#widget-emoticonList table.listedEmoticon table.emoticonInfo td{padding-left:5px;font-size:11px;}
div#widget-emoticonList th{ color: #29425b; font-family:"Myriad Pro",Verdana,Arial; font-size: 12px; font-style: italic; font-weight: bolder; padding-left: 5px; margin-bottom: 0 }

/* addons */
div.addon-intro-grid { text-align: center; width: 240px; float: left }
div.addon-intro-grid p { padding: 5px 15px }
div.addon-intro-grid-line { width: 0px; border-left: 1px dotted #006699; float: left; height: 200px }
div.addon-listing p.addon-header { font-family: "Myriad Pro", Verdana, Arial, 微軟正黑體, 微软正黑体; color: #333333; font-weight: bold; font-size: 18px; margin-top: 10px; font-style: italic }
div.addon-listing td.addon-title { font-size: 16px; padding: 0 5px; margin: 0; font-style: italic; font-weight: bold; font-family: "Myriad Pro", Verdana, Arial, 微軟正黑體, 微软正黑体; color: #29425b; text-transform: none; margin-bottom: 0px; border-bottom: 1px dotted #006699; white-space:nowrap }
div.addon-listing div.addon-creator { float: right; padding: 5px; -moz-border-radius: 5px; background: #FAFAFA }
div.addon-listing table.addon-list-entry { margin-bottom: 15px; }
div.addon-listing span.addon-info { color: #006699; font-size: 10px; margin: 0 0 2px }
div.addon-listing span.addon-info p { margin: 5px 2px }
div.addon-listing span.addon-info p.description { font-size: 12px; margin: 10px 2px; line-height: 18px; clear: both }
div.addon-listing div.addon-footer { border-top: 1px dotted #006699; padding-top: 5px }
div.addon-listing div.addon-footer button { float: right; margin-left: 5px }
div.addon-listing div.addon-footer p.addon-download { font-size: 14px; padding: 0 5px; margin: 0; font-style: italic; font-weight: bold; font-family: "Myriad Pro", Verdana, Arial, 微軟正黑體, 微软正黑体; color: #29425b; text-transform: none; white-space:nowrap }
#widget-addon-developer div.tips { padding: 0 10px; text-align: left; font-weight: bolder; border-top: 2px dotted #eaeaea; border-bottom: 2px dotted #eaeaea; margin-top: 5px; padding-top: 5px; padding-bottom: 5px; background: #fafafa }
#widget-addon-developer div.content div.acordion-content p { padding-left: 10px; padding-right: 10px}
#widget-addon-developer div.content div.acordion-content a, #widget-addon-developer div.content div.acordion-content a:active, #widget-addon-developer div.content div.acordion-content a:visited { color: #333333; cursor:pointer; text-decoration: underline }
#widget-addon-developer div.content div.acordion-content a:hover { color: #427ed1 }

/* Submit Addon */
#widget-submit-addon table.settings th { font-family: "Myriad Pro", Verdana, Arial, 微軟正黑體, 微软正黑体; font-size: 12px; text-align: right; padding-right: 20px; font-style:italic; padding-left: 50px; color: #29425b; vertical-align: middle; padding-top: 0px; padding-bottom: 0px; height: 30px }
#widget-submit-addon div.settingsForm{ margin: 0 10px 10px 10px; border: 1px solid #dedede; -moz-border-radius: 3px; padding: 0px;overflow-x: hidden;overflow-y: auto;}
#widget-submit-addon .errorMessage { color: red; font-size: 10px; font-style: italic; margin-bottom: 5px; position: relative; top: -5px }
#widget-submit-addon input { margin: 0 }
#widget-submit-addon input.text { width: 200px }
#widget-submit-addon label span { padding-right: 20px; position: relative; top: -2px; left: 2px }
#widget-submit-addon textarea { width: 300px }
#widget-submit-addon div.addon-submit-rules { margin: 5px 10px; border: 1px solid #427ed1; background: #4188d8; color: white; -moz-border-radius: 10px; padding: 10px }
#widget-submit-addon div.addon-submit-rules h3 { margin: 0 }

/* Addon Detail */
div.addon-comment { padding: 5px; -moz-border-radius: 5px; background: #FAFAFA }
div.addon-comment-user { padding-left: 10px }
div.addon-comment p.user-name { font-family: "Myriad Pro", Verdana, Arial, 微軟正黑體, 微软正黑体; font-size: 12px; padding-right: 0px; font-style:italic; padding-left: 0px; color: #29425b; margin-top: 0; padding-left: 10px; font-weight: bold; margin-bottom: 4px; }
div.addon-comment p.user-comment { font-size: 11px; padding-right: 0px; padding-left: 0px; color: #006699; margin-top: 0; padding-left: 14px; margin-bottom: 4px }
div.addon-comment table { margin-bottom: 10px; margin-left: 10px}
div.addon-comment div.add-comment { padding: 10px }
div.addon-comment div.add-comment textarea { width: 100% }
div.addon-comment div.add-comment { font-size: 14px; padding: 0 5px; margin: 0; font-style: italic; font-weight: bold; font-family: "Myriad Pro", Verdana, Arial, 微軟正黑體, 微软正黑体; color: #29425b; text-transform: none; white-space:nowrap }

/* mobile downloads */
div#widget-mobileList .content p.font {font-size:12px;padding:5px;}
div#widget-mobileList .content table {margin-left:30px;width:900px}
div#widget-mobileList .content table td {width:225px;padding:11px;border:1px solid #FFFFFF;}
div#widget-mobileList .content table td:hover {border:1px solid #40A8E8;}
div#widget-mobileList .content table td a{cursor:pointer;}
div#widget-mobileList .content table td a p{font-size:14px;text-align:center;}
div#widget-mobileList .content table td img{width:180px;height:212px;margin-left:10px;}

/* video List*/
div#widget-videoList a{cursor:pointer;color:#6699CC;font-size:12px;font-style:normal;font-weight:normal;margin-left:5px;}
div#widget-videoList .list {padding-left:10px;}
div#widget-videoList div.thread-videoList {padding:10px;margin-top:30px;height:140px;width:450px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;background-color:#FAFAFA;}
div#widget-videoList div.thread-videoList.right {float:right;margin-right:13px;}
div#widget-videoList div.thread-videoList.left {float:left;}
div#widget-videoList div.thread-videoList div.videoPreview.right{float:right;}
div#widget-videoList div.thread-videoList div.videoPreview.left{float:left;}
div#widget-videoList div.thread-videoList div.videoPreview img {margin-top:10px;width:160px;height:120px}
div#widget-videoList div.thread-videoList div.videoDetail.right {margin-left:170px;text-align:right;}
div#widget-videoList div.thread-videoList div.videoDetail .videoTitle {width:280px;font-size:12px;font-weight:bold;font-style:italic;border-bottom:1px dotted #006699;color:#29425B;}
div#widget-videoList div.thread-videoList div.videoDetail.right div {float:right;}
div#widget-videoList div.thread-videoList div.videoDetail tr {margin-bottom:5px;height:20px;}
div#widget-videoList div.thread-videoList div.videoDetail td.detailHeader {text-align:left;color:#BEBEBE;width:70px;float:left;margin-right:20px;}
div#widget-videoList div.thread-videoList div.videoDetail td.detailContent {text-align:right;}
div#widget-videoList div.thread-videoList button {width:70px;cursor:pointer;margin-top:5px;}
/* First Page Adv */
div.adv-menu { width: 280px; height: 50px; -moz-border-radius: 10px; color: white; margin-top: 0px; margin-bottom: 4px; cursor: pointer }
div.adv-menu-container div.adv-menu { position: relative; overflow: hidden }
div.adv-menu-container div.adv-menu img { position: absolute; z-index: 9; border: 0px solid red }
div.adv-menu-container div.adv-menu img:hover { position: absolute; z-index: 9; border: 0px solid red; top: -150px }
div.adv-menu-container div.adv-menu p { position: absolute; z-index: 10; border: 0px solid red }
div.adv-menu-container a:hover, div.adv-menu-container a:visited, div.adv-menu-container a:active { text-decoration: none }
div.adv-menu p.adv-menu-header { font-family: "Myriad Pro", Verdana, Arial, 微軟正黑體, 微软正黑体; font-weight: bold; font-size: 14px; font-style: italic; padding: 5px 10px; margin-top: 0px; margin-bottom: 0px; text-decoration: none }
div.flash-banner { width: 690px; height: 300px; -moz-border-radius: 10px; background: #ddffff }
div.full-line { border-bottom: 1px dotted #EAEAEA; width: 970px; height: 1px; margin: 7px auto }
p.quick-search-header { font-family: "Myriad Pro", Verdana, Arial, 微軟正黑體, 微软正黑体; color: #333333; font-weight: bold; font-size: 18px; margin-top: 0px; font-style: italic; margin-bottom: 0 }

/* Products */
p.generic-header { font-family: "Myriad Pro", Verdana, Arial, 微軟正黑體, 微软正黑体; color: #333333; font-weight: bold; font-size: 18px; margin-top: 0px; font-style: italic; margin-bottom: 0 }
div.feature-container { position: relative }
div.feature-container div.feature { background-color: #eaeaea; -moz-border-radius: 5px; width: 100%; height: 250px; overflow: hidden; position: relative; margin-top: 5px; margin-bottom: 0px }
div.feature-container div.product-select { position: relative; height: 60px; width: 100%; border: 0px solid red; top: -90px; margin-bottom: 0px; display: none }
div.product-table { padding-left: 10px; position: relative }
div.product-table th { text-align: right }
div.product-table .product-header { font-family: "Myriad Pro", Verdana, Arial, 微軟正黑體, 微软正黑体; font-weight: bold; font-size: 22px; margin-top: 0px; font-style: italic; margin-bottom: 8px }
div.product-table .product-description { font-family: "Myriad Pro", Verdana, Arial, 微軟正黑體, 微软正黑体; font-weight: bold; font-size: 14px; margin-top: 0px; font-style: italic; margin-bottom: 0px; padding-left: 10px; }
div.product-table .product-sub-header { font-family: "Myriad Pro", Verdana, Arial, 微軟正黑體, 微软正黑体; font-weight: bold; font-size: 14px; margin-top: 0px; font-style: italic; margin-bottom: 10px; padding-left: 25px; text-align: right; width: 80px }
div.product-table .product-text { padding-left: 10px }
div.product-frame-container { position: relative; width: 80px; height: 80px; border: 0px solid red; overflow: hidden; float: left; margin-right: 10px }
div.product-frame-container img.product-frame { position: absolute; top: 0px; left: 0; border: 0px solid blue; -moz-box-shadow: 0 0 0px #000000; _behavior:url(iepngfix.htc); clip:rect(0,80px,80px,0); cursor:-moz-zoom-in }
div.product-frame-container img.product-frame:hover { top: -80px; -moz-box-shadow: 0 0 2px #000000; clip:auto }
div.product-table-links { padding: 5px 5px; font-family: "Myriad Pro", Verdana, Arial, 微軟正黑體, 微软正黑体; font-weight: bold; font-size: 12px; font-style:italic; margin-top: 10px }
div.product-table-links a { padding: 5px 10px 5px 10px; -moz-border-radius: 15px; margin: 0px 0px 0px 5px; position: relative}
div.product-table-links a:hover { -moz-border-radius: 5px }
div.product-banner { border: 0; position: relative; margin-bottom: 5px }
div.product-banner span { position: absolute; top: 8px; left: 14px; font-family: "Myriad Pro", Verdana, Arial, 微軟正黑體, 微软正黑体; color: #333333; font-weight: bold; font-size: 18px; font-style: italic; }
div.product-banner ul { position: absolute; top: 32px; left: 18px; font-family: "Myriad Pro", Verdana, Arial, 微軟正黑體, 微软正黑体; color: #333333; font-weight: bold; font-size: 14px; font-style: italic; }
img.img-zoom { z-index: 17; -moz-box-shadow: 0 0 5px #cccccc; background-color: white; padding: 10px; *border: 1px solid #eaeaea }

/* World-Map */
div.where-map-container { position: relative; width: 980px; height: 300px; overflow: hidden; background: #8eb6cb; -moz-border-radius: 10px; margin-top: 10px }
div.where-map-container div.map-wrapper { position: absolute; top: -150px; left: -600px; cursor: move }
div.where-map-container div.overlay-text { position: absolute; right: 8px; top: 8px; filter: alpha(opacity=80); z-index:12 }
div.where-map-container div.overlay-text p.map-header { background: #eaeaea; -moz-border-radius: 8px; padding: 3px 8px; opacity: 0.8; margin-top: 0; }
div.where-map-container div.overlay-text select { font-size: 10px }
div.where-map-container div.map-wrapper div.country { position: absolute; width: 20px; height: 15px; cursor: pointer; z-index: 9 }
div.where-map-container div.map-wrapper div.country img { position: relative; left:0; top: 0; width: 20px; height: 15px; -moz-box-shadow: 0 0 2px #000000; opaticy: 0.9; *border: 1px solid #666666 }
div.where-map-container div.map-wrapper div.it { top: 360px; left: 960px; }
div.where-map-container div.map-wrapper div.es{ top: 365px; left: 856px; }
div.where-map-container div.map-wrapper div.fr{ top: 322px; left: 887px; }
div.where-map-container div.map-wrapper div.GB { top: 250px; left: 867px; }
div.where-map-container div.map-wrapper div.BE{ top: 283px; left: 893px; }
div.where-map-container div.map-wrapper div.nl{ top: 263px; left: 916px; }
div.where-map-container div.map-wrapper div.de{ top: 276px; left: 942px; }
div.where-map-container div.map-wrapper div.dk{ top: 243px; left: 930px; }
div.where-map-container div.map-wrapper div.no{ top: 187px; left: 926px; }
div.where-map-container div.map-wrapper div.se{ top: 167px; left: 972px; }
div.where-map-container div.map-wrapper div.fi{ top: 178px; left: 1003px; }
div.where-map-container div.map-wrapper div.tr{ top: 379px; left: 1074px; }
div.where-map-container div.map-wrapper div.ar{ top: 985px; left: 530px; }
div.where-map-container div.map-wrapper div.ch{ top: 308px; left: 930px; }
div.where-map-container div.map-wrapper div.HK{ top: 505px; left: 1638px; }
div.where-map-container div.map-wrapper div.TW{ top: 496px; left: 1674px; }
div.where-map-container div.map-wrapper div.mx{ top: 500px; left: 200px; }
div.where-map-container div.map-wrapper div.cl{ top: 1000px; left: 415px; }

table.shop-listing {display: inline; float:left;margin-bottom:50px;}
table.shop-listing td img{border:1px solid black;padding:1px;}
table.shop-listing td img.haveWeb {cursor:pointer;}
table.shop-listing td img.haveWeb:hover {border:1px solid blue;}
table.shop-listing td div.shop-title { font-family: "Myriad Pro", Verdana, Arial, 微軟正黑體, 微软正黑体; font-weight: bold; font-size: 15px ;margin-left:8px;}
table.shop-listing td div.shop-title span.shop-url { font-family: Verdana, Arial; font-weight: normal; font-size: 10px; font-style: normal; padding-left: 5px }
table.shop-listing td div.shop-title span.shop-url a { color: #333333; text-decoration: underline }
table.shop-listing td div.shop-title span.shop-url a:hover, table.shop-listing td div.shop-title span.shop-url a:visited, table.shop-listing td div.shop-title span.shop-url a:active { color: #333333 }
table.shop-listing td div.shop-icon {margin-top:8px;}
table.shop-listing td div.shop-icon span {font-family: "Myriad Pro", Verdana, Arial, 微軟正黑體, 微软正黑体; font-weight: bolder; font-size: 9px; -moz-border-radius: 15px; padding: 3px 10px;margin-left:5px; color: white; position: relative; cursor: default }
table.shop-listing td div.shop-icon span.e-shop { background: #49c213 }
table.shop-listing td div.shop-icon span.retailer { background: #3473dc }

/* Corner Fix for IE */
div.white-corner-nw { width: 12px; height: 12px; background: url(images/white-corner-nw.png); position: absolute; top: 10px; left: 0; _behavior:url(iepngfix.htc) }
div.white-corner-sw { width: 12px; height: 12px; background: url(images/white-corner-sw.png); position: absolute; bottom: 10px; left: 0; _behavior:url(iepngfix.htc) }
div.white-corner-ne { width: 12px; height: 12px; background: url(images/white-corner-ne.png); position: absolute; top: 10px; right: 0; _behavior:url(iepngfix.htc) }
div.white-corner-se { width: 12px; height: 12px; background: url(images/white-corner-se.png); position: absolute; bottom: 10px; right: 0; _behavior:url(iepngfix.htc) }
div.white-corner-nw-full { width: 12px; height: 12px; background: url(images/white-corner-nw.png); position: absolute; top: 0px; left: 0; _behavior:url(iepngfix.htc); z-index: 12 }
div.white-corner-sw-full { width: 12px; height: 12px; background: url(images/white-corner-sw.png); position: absolute; bottom: 0px; left: 0; _behavior:url(iepngfix.htc); z-index: 12 }
div.white-corner-ne-full { width: 12px; height: 12px; background: url(images/white-corner-ne.png); position: absolute; top: 0px; right: 0; _behavior:url(iepngfix.htc); z-index: 12 }
div.white-corner-se-full { width: 12px; height: 12px; background: url(images/white-corner-se.png); position: absolute; bottom: 0px; right: 0; _behavior:url(iepngfix.htc); z-index: 12 }

/* Color */
.bg-brown-molly { background: #663300 }
.bg-blue-molly { background: #006699 }
.bg-devil { background: #cd0000 }
.bg-angel { background: #cabe42 }
.bg-purple-twins { background: #472e70 }
.bg-pink-twins { background: #ed2b55 }
.bg-ori-blue { background: #1365a5 }
.bg-ori-red { background: #cc1f76 }
.bg-black { background: #272727 }
.bg-white { background: #787878 }

.text-orange { color: #ffcc00 }
.text-red { color: #ff0000 }
.text-devil { color: #ff0000 }
.text-angel { color: #cabe42 }
.text-purple-twins { color: #472e70 }
.text-pink-twins { color: #ed2b55 }
.text-ori-blue { color: #1365a5 }
.text-ori-red { color: #cc1f76 }
.text-blue { color: #006699 }
.text-green { color: #00CC33 }
.text-pink { color: #CC66BB }
.text-purple { color: #8866CC }
.text-black { color: #272727 }
.text-white { color: #FDFDFD }
.text-grey { color: #787878 }
.text-yellow { color: #FFFF00 }
.text-blue-molly { color: #3399CC }
.text-brown-molly { color: #663300 }

a.underline:link, a.underline:hover, a.underline:visited, a.underline:active { text-decoration: underline}

/*login area*/
table#loginBox {margin-top:0px;float:right;border:0px solid;}
table#loginBox th {color:#29425B;font-family:"Myriad Pro",Verdana,Arial;}
table#loginBox td a {text-decoration:none;cursor:pointer; color: black;}
table#loginBox td a:hover {text-decoration: underline; color:#0f67b2;}
table#loginBox td a div.title {font-family:"Myriad Pro",Verdana,Arial; position: relative; top: -8px;margin-top:15px;margin-left: 34px;font-weight: bolder; font-size: 12px}
table#loginBox td a div:hover {text-decoration: underline;}
table#loginBox input.text{width:100px;margin-right:5px;}
table#loginBox button {height:25px;font-size:12px;}

/* member roller */
div.member-roller { position: relative }

/*iBuddyForum*/
div#iBuddyForum {margin-top:10px;}
div#iBuddyForum div.currentArea {padding:5px;font-size:14px;}
div#iBuddyForum div.currentArea a{cursor:pointer;}
div#iBuddyForum div.areaContainer {margin-top:10px;padding:10px;background-color:#F0F0F0;-moz-border-radius:5px;}
div#iBuddyForum div.areaContainer table {width:100%;text-align:left}
div#iBuddyForum div.areaContainer table tr a.areaName {font-size:14px;}
div#iBuddyForum div.areaContainer table tr.area:hover {background-color:#CACACA;}
div#iBuddyForum div.areaContainer table th {text-align:left;font-size:16px;font-weight:bold;font-style:italic;text-decoration:underline;font-family:"Myriad Pro",verdana,arial;color:#29425B;}
div#iBuddyForum div.areaContainer table th.title {width:600px;}
div#iBuddyForum div.areaContainer table td {padding:5px;font-size:12px;border:0px solid black;}
div#iBuddyForum div.areaContainer table td a {cursor:pointer;color:#505050;font-family:Verdana,Arial,Helvetica,sans-serif;}
div#iBuddyForum div.areaContainer table td a:hover {text-decoration:none;font-weight:bold;}
div#iBuddyForum div.areaContainer table tr.separateLine td {padding:0px;}
div#iBuddyForum div.areaContainer table tr.separateLine td hr {border:0;color:#8A8A8A;background-color:#8A8A8A;height:2px;-moz-border-radius:1px;}
div#iBuddyForum div.postContainer {margin-top:10px;padding:10px;background-color:#F0F0F0;-moz-border-radius:5px;}
div#iBuddyForum div.postContainer table {width:100%;text-align:left;border:0px solid black;}
div#iBuddyForum div.postContainer table tr.post {height:auto;}
div#iBuddyForum div.postContainer table tr.post:hover {background-color:#CACACA;}
div#iBuddyForum div.postContainer table th {text-align:left;height:auto;font-size:16px;font-weight:bold;font-style:italic;text-decoration:underline;font-family:"Myriad Pro",verdana,arial;color:#29425B;}
div#iBuddyForum div.postContainer table th.title {width:450px;}
div#iBuddyForum div.postContainer table th.author {text-align:left;}
div#iBuddyForum div.postContainer table td {padding:5px 5px 5px 5px;font-size:12px;border:0px solid black;}
div#iBuddyForum div.postContainer table td a.postTitle {font-size:12px;}
div#iBuddyForum div.postContainer table td div.postPageSeletor {margin-top:5px;}
div#iBuddyForum div.postContainer table td div.postPageSeletor a {cursor:pointer;color:teal;}
div#iBuddyForum div.postContainer table td a {cursor:pointer;color:#505050;font-family:Verdana,Arial,Helvetica,sans-serif;}
div#iBuddyForum div.postContainer table td a.postTitle:hover {text-decoration:none;font-weight:bold;}
div#iBuddyForum div.postContainer table td div.authorName {margin-top:15px;float:left;width:80px;}
div#iBuddyForum div.postContainer table td img {float:left;margin-left:5px;border:1px solid #F0F0F0;}
div#iBuddyForum div.postContainer table td img.male:hover {border:1px solid #0099CC;}
div#iBuddyForum div.postContainer table td img.female:hover {border:1px solid #FF6699;}
div#iBuddyForum div.postContainer table td img.unknown:hover {border:1px solid #999999;}
div#iBuddyForum div.postContainer table td.postState {text-align:center;}
div#iBuddyForum div.postContainer table td div.lastComment {width:80px;margin-top:10px;float:left;}
div#iBuddyForum div.postContainer table td div.lastComment div.lastCommentTime {font-size:10px;color:#B2B2B2;margin-top:5px;}
div#iBuddyForum div.postContainer table tr.separateLine {height:1px;}
div#iBuddyForum div.postContainer table tr.separateLine td {padding:0px;}
div#iBuddyForum div.postContainer table tr.separateLine td hr {border:0;color:#8A8A8A;background-color:#8A8A8A;height:2px;-moz-border-radius:1px;}
div#iBuddyForum div.createPost {margin-top:10px;padding:10px;background-color:#F0F0F0;-moz-border-radius:5px;}
div#iBuddyForum div.createPost table {width:100%;text-align:left;font-size:12px;}
div#iBuddyForum div.createPost table td {width:50%;}
div#iBuddyForum div.createPost table input.text {width:90%;}
div#iBuddyForum div.createPost table textarea {width:100%;height:75px;}
div#iBuddyForum div.createPost table td.submit {text-align:right;}
div#iBuddyForum div.createPost table td.error { color: red; font-size: 11px; font-style: italic; margin-bottom: 5px; position: relative; top: -5px; }
div#iBuddyForum div.createPost table td button {cursor:pointer;}

/*forumPost*/
div#iBuddyPost {margin-top:10px;}
div#iBuddyPost div.currentArea {padding:5px;font-size:14px;}
div#iBuddyPost div.currentArea a{cursor:pointer;}
div#iBuddyPost div.postThread {min-height:170px;width:80%;margin-left:10%;margin-top:10px;padding:5px;background-color:#E9E9E9;font-size:12px;-moz-border-radius:5px;}
div#iBuddyPost div.postThread div.header {float:left;width:100%;height:20px;padding:5px;border-bottom:1px solid black;}
div#iBuddyPost div.postThread div.title {float:left;}
div#iBuddyPost div.postThread div.postNo {float:right;}
div#iBuddyPost div.postThread div.content {width:70%;float:left;min-height:80%;border-left:1px solid black;}
div#iBuddyPost div.postThread div.userData {margin-top:10px;margin-right:10px;text-align:center;padding:10px;width:20%;min-height:80%;float:left;}
div#iBuddyPost div.postThread div.userData img {margin-top:10px;border:1px solid #E9E9E9;}
div#iBuddyPost div.postThread div.userData img:hover {border:1px solid blue;}
div#iBuddyPost div.postThread div.userData div.name {margin-top:10px;}
div#iBuddyPost div.postThread div.comment {padding:10px;min-height:110px;border-bottom:1px solid black;}
div#iBuddyPost div.postThread div.footer {text-align:right;margin:0px;padding:0px;}
div#iBuddyPost div.postThread div.footer a {margin-left:8px;float:right;cursor:pointer;}
div#iBuddyPost div.pageSelector {margin-left:10%;margin-top:20px;margin-bottom:20px;}
div#iBuddyPost div.createPost {margin-left:10%;width:80%;margin-top:10px;padding:5px;background-color:#E9E9E9;-moz-border-radius:5px;}
div#iBuddyPost div.createPost table {margin:10px;width:98%;text-align:left;font-size:12px;}
div#iBuddyPost div.createPost table textarea {width:100%;height:75px;}
div#iBuddyPost div.createPost table td.submit {text-align:right;}
div#iBuddyPost div.createPost table td.error { color: red; font-size: 11px; font-style: italic; margin-bottom: 5px; position: relative; top: -5px; }
div#iBuddyPost div.createPost table input.submit {cursor:pointer;}