body {font-family: Helvetica, Arial, sans-serif; color:#666; background-image: url(images/bg_main.jpg) !important; background-repeat: repeat; margin: 0px; padding: 0px; font-size: 14px; width: 100%;}

.clearspace {clear:both; height:0px; padding:0px; margin:0px; width:0px;}
.clearleft {clear:left;}
.clearright {clear:right;}

a { color: #0170d8; text-decoration: none; }
a:link {color: #0170d8; text-decoration: none;}
a:visited {color: #0170d8; text-decoration: none;}
a:hover {color: #0170d8; text-decoration: none;}
a:active {color: #0170d8;text-decoration: none;}

form {margin: 0px; padding: 0px;}

.txtleft {text-align: left;}
.txtcenter {text-align: center;}
.txtright {text-align: right;}
.lfloat {float: left}
.rfloat {float: right}
.magB10 {margin-bottom: 10px;}
.padT60 {padding-top: 60px;}

h1.model1 { margin: 0px; padding: 0px; line-height: 26px; color: #333; font-weight: bold; font-size: 14px; text-shadow: 0px 1px 2px #FFF;}
h1.model2 {line-height: 24px; color: #333; font-weight: bold; font-size: 20px; text-shadow: 0px 1px 2px #FFF; margin: 0px; padding: 0px;}

.avatar { 
	margin:0 5px 0 0;
	float:left;
}
.avatar img{ 
   width:70px;
	height:70px; 
}
.showpic { 
	margin:0 5px 0 0;
	display: table-cell;
}
.showpic img{ 
   width:40px;
	height:40px; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

.showtitle { 
	width:100%;
	padding:0 0 0 5px;
	vertical-align:top;
	display: table-cell;
}

 .button_p { width:13px; height:13px; }
 .button_pp { float:right; }
 
 .ajax_load_more { text-align: center; font-weight: bold; font-size: 18px; }
 
 .searchrs { font-size: 16px; line-height: 16px; text-align:center; }

h2.navcat {line-height: 18px; color: #888; font-weight: normal; font-size: 12px; margin: 0px; padding: 0px; padding-left: 20px; background:url(images/icon_smile_member_off16.png) left top no-repeat; white-space: nowrap; overflow: hidden;}
h3.navcat {line-height: 18px; color: #888; font-weight: normal; font-size: 12px; margin: 0px; padding: 0px; padding-left: 20px; background:url(images/icon_delmail16.png) left top no-repeat; white-space: nowrap; overflow: hidden;}

#headerA {line-height: 38px; color: #FFF; font-weight: bold; font-size: 18px; text-align: center; text-shadow: 0px 1px 1px #333333; margin: 0px; padding: 0px; display: block; background-color: #666563; width: 100%; height: 38px; position: relative;}
#headerA a.lbutton {left: 5px; top: -2px; position: absolute; display: block;}
#headerA a.rbutton {right: 5px; top: -2px; position: absolute; display: block;}

#header_bar {background:url(images/bg_topheader.jpg) repeat-x; height: 42px; line-height: 42px; overflow: auto;}

#nav_bar {background:url(images/bg_navuser.jpg) repeat-x; padding: 0 10px; height: 42px; line-height: 42px; position: relative; overflow: hidden;}
#nav_bar span {width: auto; text-align: right; float: right; overflow: hidden; white-space: nowrap; display: block; height: 42px; line-height: 42px; color: #999999;}
#nav_bar b {color: #FFFFFF;}
#nav_bar span img {margin-bottom: -3px; padding-left: 5px;}
#nav_mainmenu {width: 260px; background: url(images/bg_navm0.gif); background-repeat: repeat-y; background-position: right; border-top: #141414 1px solid; }

#fb-like {background:url(images/bg_navuser.jpg) repeat-x; padding:10px 10px 5px 10px; height: 32px; line-height: 25px; position: relative; overflow: hidden;}

.fb-like { margin-top:-5px !important;  }


#member_info a { color: #FFFFFF; text-decoration: none; font-size:12px;}
#member_info a:link {color: #FFFFFF; text-decoration: none; font-size:12px;}
#member_info a:visited {color: #FFFFFF; text-decoration: none; font-size:12px;}
#member_info a:hover {color: #FFFFFF; text-decoration: none; font-size:12px;}
#member_info a:active {color: #FFFFFF;text-decoration: none; font-size:12px;}

#containerA {margin: auto; padding: 10px;}
#bgalpha75 {width: 100%; height: 100%; display: block; border: 0px; position: fixed; z-index: -1;}

a.topnav {width: 42px; height: 42px; display: block; border-left: #3782ba solid 1px; background-position: center; text-indent: -9999px;}
.nav_menu {background-image: url(images/icon_mainmenu.png);}
.nav_search {background-image: url(images/icon_search.png);}

a.usernav {width: 16px; height: 42px; margin-right: 15px; display: block; background-image: url(images/icon_usermenu16.png); background-repeat: no-repeat; float: left; text-indent: -9999px;}
.nav_cat {background-position: 0px 13px;}
.nav_fav {background-position: -20px 13px;}
.nav_loc {background-position: -40px 13px;}
.nav_pos {background-position: -60px 13px;}

ul#tablesize2 img {min-height: 50px; min-width: 50px; height: 100%; width: 100%; height: auto; display: block; border: 0px;}
ul#tablesize4 img {min-height: 50px; min-width: 50px; height: 100%; width: 100%; height: auto; display: block; border: 0px;}
ul#tablesize2 {width: 100%; margin: auto; padding: 0px;}
ul#tablesize2 li{float: left; width: 50%; list-style: none;}
ul#tablesize4 {width: 100%; margin: auto; padding: 0px;}
ul#tablesize4 li{float: left; width: 25%; list-style: none;}

ul#mainmenu {margin: 0px; padding: 0px; list-style: none; }
ul#mainmenu h1 {display: block; width: 260px; line-height: 24px; height: 24px; border-bottom: #141414 solid 1px; font-size: 12px; font-weight: bold; margin: 0px; padding: 0 10px; color: #999999; text-shadow: 0px -1px 2px #000; background: url(images/bg_navm2.gif); background-position: top right; background-repeat: no-repeat;}
ul#mainmenu li {position: relative;}
ul#mainmenu li a {color: #DDDDDD; line-height: 42px; height: 42px; border-bottom: #141414 solid 1px; font-size: 16px; text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black; display: block; width: 260px; overflow: hidden; padding: 0 10px; margin: 0px;}
ul#mainmenu li a:hover {background: url(images/bg_navm1.gif); background-repeat: repeat-y; color: #F6F6F6;}
ul#mainmenu li a:active {background: url(images/bg_navm1.gif); background-repeat: repeat-y; color: #F6F6F6;}
ul#mainmenu li a:visited {color: #DDDDDD; text-decoration: none;}
ul#mainmenu li span {position: absolute; display: block; top: 12px; right: 10px; color: #FFFFFF;;}
ul#mainmenu li span i {background: url(images/bg_submail.png) no-repeat; width: 8px; height: 16px; display: block; float: left;}
ul#mainmenu li span b{font-size: 10px; color: #FFFFFF; background: url(images/bg_submail.png) top right no-repeat; display: block; margin-left: 8px; padding-right: 8px; line-height: 14px; height: 16px;}
ul#mainmenu li img {position: absolute; display: block; top: 12px; right: 10px; color: #FFFFFF;;}

.showgroup { display: none;  height: 150px; overflow: auto; }
ul#showgroup2 a li {color: #DDDDDD; line-height: 20px; height: 20px; border-bottom: #141414 solid 1px; font-size: 12px; text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black; display: block; width: auto; overflow: hidden; padding:5px 5px 0px 15px;  margin: 0px;}

.showblog { display: none;  height: 150px; overflow: auto; }
ul#showblog2 a li {color: #DDDDDD; line-height: 20px; height: 20px; border-bottom: #141414 solid 1px; font-size: 12px; text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black; display: block; width: auto; overflow: hidden; padding:5px 5px 0px 15px;  margin: 0px;}

ul.cattype {margin: 0px; padding: 0px; list-style: none; box-shadow: 0 1px 5px #bbb; margin-bottom: 15px; border-radius: 4px; border: #c6c1bb 1px solid;}
ul.cattype li {background: url(images/bg_navcatcolor.gif) no-repeat left top; background-position: 0px -351px; position: relative; display: block; background-color: #FFFFFF; padding: 10px 30px; margin: 0px; border-bottom: #eceae8 solid 1px; line-height: 22px; font-size: 18px; white-space: nowrap;}
ul.cattype li a {color: #444444; overflow: hidden; display: block; background-color: #FFFFFF;}
ul.cattype li span {position: absolute; top: 50%; margin-top: -13px; right: 5px; width: 16px; height: 16px; padding: 5px; background: url(images/icon_br_right16.png); background-repeat: no-repeat; background-position: 5px 5px; cursor: pointer;}

ul.cattype li b {position: absolute; top: 50%; margin-top: -6px; left: 4px; width: 12px; height: 12px; background: url(images/icon_arrow_point12.png); cursor: pointer;}
ul.cattype li b.showlist {position: absolute; top: 50%; margin-top: -6px; left: 4px; width: 12px; height: 12px; background: url(images/icon_arrow_down12.png); cursor: pointer;}
ul.cattype li b.hidelist {position: absolute; top: 50%; margin-top: -6px; left: 4px; width: 12px; height: 12px; background: url(images/icon_arrow_up12.png); cursor: pointer;}

ul.cattype li:first-child {border-radius: 3px 3px 0 0;}
ul.cattype li:last-child {border-radius: 0 0 3px 3px; border-bottom: 0px;}
ul.cattype li:only-child {border-radius: 3px;}
ul.cattype ul {list-style: none;}
ul.cattype ul li {border-radius: 0px;}
ul.cattype ul li:first-child {border-radius: 0px;}
ul.cattype ul li:last-child {border-radius: 0 0 3px 3px; border-bottom: 0px;}
ul.cattype ul li:only-child {border-radius: 0 0 3px 3px;}

ul.cattype2 {margin: 0px; padding: 0px; list-style: none; box-shadow: 0 1px 5px #bbb; margin-bottom: 15px; border-radius: 4px; border: #c6c1bb 1px solid;}
ul.cattype2 li {background: url() no-repeat left top;  background-position: 0px -351px; position: relative; display: block; background-color: #FFFFFF; padding: 10px 20px; margin: 0px; border-bottom: #eceae8 solid 1px; line-height: 22px; font-size: 18px; white-space: nowrap; cursor: pointer;}
ul.cattype2 li a {color: #444444; overflow: hidden; display: block; background-color: #FFFFFF; }
ul.cattype2 li span {position: absolute; top: 50%; margin-top: -13px; right: 5px; width: 16px; height: 16px; padding: 5px; background: url(images/icon_br_down16.png); background-repeat: no-repeat; background-position: 5px 5px; cursor: pointer;}

ul.cattype2 li b {position: absolute; top: 50%; margin-top: -6px; left: 4px; width: 12px; height: 12px; background: url(images/icon_arrow_point12.png); cursor: pointer;}
ul.cattype2 li b.showlist {position: absolute; top: 50%; margin-top: -6px; left: 4px; width: 12px; height: 12px; background: url(images/icon_arrow_down12.png); cursor: pointer;}
ul.cattype2 li b.hidelist {position: absolute; top: 50%; margin-top: -6px; left: 4px; width: 12px; height: 12px; background: url(images/icon_arrow_up12.png); cursor: pointer;}

ul.cattype2 li:first-child {border-radius: 3px 3px 0 0;}
ul.cattype2 li:last-child {border-radius: 0 0 3px 3px; border-bottom: 0px;}
ul.cattype2 li:only-child {border-radius: 3px;}
ul.cattype2 ul {list-style: none;}
ul.cattype2 ul li {border-radius: 0px;}
ul.cattype2 ul li:first-child {border-radius: 0px;}
ul.cattype2 ul li:last-child {border-radius: 0 0 3px 3px; border-bottom: 0px;}
ul.cattype2 ul li:only-child {border-radius: 0 0 3px 3px;}
ul.cattype2 li img { width:100%; height : auto;}

ul.cattype2 li.listcatt {padding-left: 30px; font-size: 16px;}

ul.cattype2 li.lv0 {
 font-size: 20px;
 font-weight: bold;
 padding-left: 40px;
 box-shadow: inset 0 1px 0 rgba(239, 237, 232, 1);
 border-radius: 3px 3px 0 0;
 border-bottom: #c6c1bb 1px solid;
 background-color: #f0ece6; /*IE fallback*/
 background-image: none;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ece6), to(#e1ded8));
 background-image: -moz-linear-gradient(top left 90deg, #f0ece6 0%, #e1ded8 100%);
 background-image: linear-gradient(top left 90deg, #f0ece6 0%, #e1ded8 100%);
}
ul.cattype2 li.lv0 b{position: absolute; top: 50%; margin-top: -8px; left: 10px; width: 16px; height: 16px; background: url(images/icon_category.png); cursor: pointer;}

ul.cattype3 {margin: 0px; padding: 0px; list-style: none; box-shadow: 0 1px 5px #bbb; margin-bottom: 15px; border-radius: 4px; border: #c6c1bb 1px solid;}
ul.cattype3 li {background: url() no-repeat left top;  background-position: 0px -351px; position: relative; display: block; background-color: #FFFFFF; padding: 10px 10px; margin: 0px; border-bottom: #eceae8 solid 1px; line-height: 16px; font-size: 12px; white-space: normal; }
ul.cattype3 li a {color: #005CA2; overflow: hidden; display: block; background-color: #FFFFFF; vertical-align:middle;}
/*ul.cattype3 li span {position: absolute; top: 50%; margin-top: -13px; right: 5px; width: 16px; height: 16px; padding: 5px; background: url(images/icon_br_right16.png); background-repeat: no-repeat; background-position: 5px 5px; cursor: pointer;}*/
ul.cattype3 li b {position: absolute; top: 50%; margin-top: -6px; left: 4px; width: 12px; height: 12px; background: url(images/icon_arrow_point12.png); cursor: pointer;}
ul.cattype3 li b.showlist {position: absolute; top: 50%; margin-top: -6px; left: 4px; width: 12px; height: 12px; background: url(images/icon_arrow_down12.png); cursor: pointer;}
ul.cattype3 li b.hidelist {position: absolute; top: 50%; margin-top: -6px; left: 4px; width: 12px; height: 12px; background: url(images/icon_arrow_up12.png); cursor: pointer;}

ul.cattype3 li span.showname {color: #FF6600;}
ul.cattype3 li span.date {color: #999999;}

ul.cattype3 li:first-child {border-radius: 3px 3px 0 0;}
ul.cattype3 li:last-child {border-radius: 0 0 3px 3px; border-bottom: 0px;}
ul.cattype3 li:only-child {border-radius: 3px;}
ul.cattype3 ul {list-style: none;}
ul.cattype3 ul li {border-radius: 0px;}
ul.cattype3 ul li:first-child {border-radius: 0px;}
ul.cattype3 ul li:last-child {border-radius: 0 0 3px 3px; border-bottom: 0px;}
ul.cattype3 ul li:only-child {border-radius: 0 0 3px 3px;}

ul.cattype3 li.lv0 {
 font-size: 16px;
 font-weight: bold;
 padding-left: 40px;
 box-shadow: inset 0 1px 0 rgba(239, 237, 232, 1);
 border-radius: 3px 3px 0 0;
 border-bottom: #c6c1bb 1px solid;
 background-color: #f0ece6; /*IE fallback*/
 background-image: none;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ece6), to(#e1ded8));
 background-image: -moz-linear-gradient(top left 90deg, #f0ece6 0%, #e1ded8 100%);
 background-image: linear-gradient(top left 90deg, #f0ece6 0%, #e1ded8 100%);
}
ul.cattype3 li.lv0 b{position: absolute; top: 50%; margin-top: -8px; left: 10px; width: 16px; height: 16px; background: url(images/icon_category.png); cursor: pointer;}

ul.cattype li.lv0 {
 font-size: 20px;
 font-weight: bold;
 padding-left: 40px;
 box-shadow: inset 0 1px 0 rgba(239, 237, 232, 1);
 border-radius: 3px 3px 0 0;
 border-bottom: #c6c1bb 1px solid;
 background-color: #f0ece6; /*IE fallback*/
 background-image: none;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ece6), to(#e1ded8));
 background-image: -moz-linear-gradient(top left 90deg, #f0ece6 0%, #e1ded8 100%);
 background-image: linear-gradient(top left 90deg, #f0ece6 0%, #e1ded8 100%);
}
ul.cattype li.lv0 b{position: absolute; top: 50%; margin-top: -8px; left: 10px; width: 16px; height: 16px; background: url(images/icon_category.png); cursor: pointer;}
ul.cattype li.lv1 {background: url(images/bg_navcatcolor.gif) no-repeat left top #FFF; background-position: 0px 0px;}
ul.cattype li.lv1 a{color: #8f3323;}
ul.cattype li.lv2 {background: url(images/bg_navcatcolor.gif) no-repeat left top #FFF; background-position: 0px -51px;}
ul.cattype li.lv2 a{color: #e8583e;}
ul.cattype li.lv3 {background: url(images/bg_navcatcolor.gif) no-repeat left top #FFF; background-position: 0px -101px;}
ul.cattype li.lv3 a{color: #f1db40;}
ul.cattype li.lv4 {background: url(images/bg_navcatcolor.gif) no-repeat left top #FFF; background-position: 0px -151px;}
ul.cattype li.lv4 a{color: #f2de57;}
ul.cattype li.lv5 {background: url(images/bg_navcatcolor.gif) no-repeat left top #FFF; background-position: 0px -201px;}
ul.cattype li.lv5 a{color: #8cc15d;}
ul.cattype li.lv6 {background: url(images/bg_navcatcolor.gif) no-repeat left top #FFF; background-position: 0px -251px;}
ul.cattype li.lv6 a{color: #726846;}
ul.cattype li.lv7 {background: url(images/bg_navcatcolor.gif) no-repeat left top #FFF; background-position: 0px -301px;}
ul.cattype li.lv7 a{color: #33352f;}

ul.filter_cat {padding: 0px; margin: 0px; list-style: none; border-radius: 3px; border: #a7a7a7 solid 1px; box-shadow: 0 2px 5px #bbb;
 background-color: #FDFDFD; /*IE fallback*/
 background-image: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#EAEAEA));
 background-image: -moz-linear-gradient(top left 90deg, #FDFDFD 0%, #EAEAEA 100%);
 background-image: linear-gradient(top left 90deg, #FDFDFD 0%, #EAEAEA 100%);}
ul.filter_cat li {display: block; width: 50%; text-align: center; font-size: 11px; line-height: 14px; font-weight: bold; padding: 40px 0 5px 0; float: left; box-shadow: inset -1px 0 0 rgba(215, 215, 215, 1);}
ul.filter_cat li.filter1 {background: url(images/icon_location24.png) no-repeat;  background-position: 48% 25%;}
ul.filter_cat li.filter2 {background: url(images/icon_post24.png) no-repeat;  background-position: 48% 25%;}
ul.filter_cat li.filter3 {background: url(images/icon_rate24.png) no-repeat;  background-position: 48% 25%;}

ul.filter_cat2 li {display: block; width: 33.3%; text-align: center; font-size: 11px; line-height: 14px; font-weight: bold; padding: 40px 0 5px 0; float: left; box-shadow: inset -1px 0 0 rgba(215, 215, 215, 1);}
ul.filter_cat2 li.filtermanage {background: url(images/icon_edit16.png) no-repeat;  background-position: 48% 25%;}
ul.filter_cat2 li.filtergoblog {background: url(images/icon_post24.png) no-repeat;  background-position: 48% 25%;}
ul.filter_cat2 li.filterlogout {background: url(images/icon_delete24.png) no-repeat;  background-position: 48% 25%;}
ul.filter_cat li.filter4 {line-height: 14px; font-size: 14px; font-weight: bold; padding: 22px 0 23px 0; cursor: pointer; color: #555;
 text-shadow: 0 1px 1px #E1E1E1;
 box-shadow: inset 0 0 0 rgba(215, 215, 215, 1); 
 background-color: #ADADAD; /*IE fallback*/
 background-image: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), to(#ADADAD));
 background-image: -moz-linear-gradient(top left 90deg, #F1F1F1 0%, #ADADAD 100%);
 background-image: linear-gradient(top left 90deg, #F1F1F1 0%, #ADADAD 100%);}
 
 ul.filter_cat a li{color: #444444;}

ul.listitem {width: 100%; margin: 0px; padding: 0px; margin: auto; list-style: none; max-width: 720px;}
ul.listitem li {border: #a7a7a7 solid 1px; border-radius: 3px; background-color: #FFFFFF; margin-bottom: 15px; box-shadow: 0 2px 5px #bbb}
ul.listitem li b {line-height: 16px; font-size: 12px; color: #333; padding: 7px 10px 0px 10px; display: block; max-height: 32px; overflow: hidden; margin-bottom: 7px;}
ul.listitem li div {max-height: 720px; height: auto; background-color: #E0E0E0; border-top: #E0E0E0 solid 1px; overflow: hidden; width: 100%;}
ul.listitem li div img {height: 100%; width: 100%; height: auto; border: 0px; cursor: pointer;}
ul.listitem li span {display: block; background-color: #69bf13; height: 30px; padding-left: 10px; padding-right: 72px; line-height: 30px; position: relative; font-size: 14px; font-weight: bold; color: #FFF; border-top: #a7a7a7 1px solid; margin-top: -2px; overflow: hidden; text-shadow: #49850d 0 1px 3px;}
ul.listitem li span i {position: absolute; display: block; background: url(images/icon_smile_member_off16.png) no-repeat #F5F5F5; background-position: 7px 7px; width: 30px; height: 30px; right: 31px; bottom: 0px; border-left: #a7a7a7 solid 1px; text-indent: -9999px;}
ul.listitem li span u {position: absolute; display: block; background: url(images/icon_heart_fav_off16.png) no-repeat #F5F5F5; background-position: 7px 7px; width: 30px; height: 30px; right: 0px; bottom: 0px; border-left: #D5D5D5 solid 1px; text-indent: -9999px; border-radius: 0 0 3px 0;}
ul.listitem li span i.addmem {background: url(images/icon_smile_member_on16.png) no-repeat #F5F5F5; background-position: 7px 7px;}
ul.listitem li span u.addfav {background: url(images/icon_heart_fav_on16.png) no-repeat #F5F5F5; background-position: 7px 7px;}

ul.listpost {width: 100%; margin: 0px; padding: 0px; margin: auto; list-style: none;}
ul.listpost li {border: #a7a7a7 solid 1px; border-radius: 3px; background-color: #FFFFFF; margin-bottom: 15px; box-shadow: 0 2px 5px #bbb}
ul.listpost li span.headpost {line-height: 30px; font-size: 14px; color: #ff9900; padding: 0 30px; position: relative; border-bottom: #CCCCCC solid 1px; display: block; text-align: left; font-weight: bold;}
ul.listpost li span.footpost {line-height: 30px; position: relative; border-top: #CCCCCC solid 1px; padding: 0 30px 0 22px; display: block; text-align: left; clear: both; background-color: #F5F5F5; border-radius: 0 0 3px 3px; background-image: url(images/icon_br_down16.png); background-repeat: no-repeat; background-position: 5px 7px;}
ul.listpost li span i {position: absolute; display: block; background: url(images/icon_edit16.png) no-repeat; background-position: 7px 7px; width: 30px; height: 30px; right: 0px; bottom: 0px; border-left: #CCCCCC solid 1px; text-indent: -9999px;}
ul.listpost h1 {font-size: 12px; font-weight: bold; color: #333333; line-height: 18px; margin-bottom: 5px; text-align: justify;}
ul.listpost input[type=checkbox] {position: absolute; left: 5px; top: 5px;}
ul.listpost label {font-size: 12px; position: absolute; right: 10px; font-weight: normal; color: #999; line-height: 30px; border-left: solid 1px #EAEAEA; padding-left: 10px;}
ul.listpost div.imgpost {width: 70px; height: 70px; display: table-cell; text-align: center; vertical-align: middle; position: absolute; top: 0px; left: 0px; border: #EAEAEA solid 1px; background-color: #FFFFFF;}
ul.listpost div.contentpost {padding-left: 82px; margin: 7px; position: relative; min-height: 72px; height: auto; color: #999999; font-size: 11px;}
ul.listpost select {font-family: Helvetica, Arial, sans-serif; font-size: 12px; outline: none; color: #666; padding: 0px; margin: 0px; width: 100%; height: 28px; line-height: 28px; border: 0px; background:transparent; -webkit-appearance: none; display: inline;}

ul.listfav {width: 100%; margin: 0px; padding: 0px; margin: auto; list-style: none;}
ul.listfav li {border: #a7a7a7 solid 1px; border-radius: 3px; background-color: #FFFFFF; margin-bottom: 15px; box-shadow: 0 2px 5px #bbb}
ul.listfav li span.headfav {line-height: 30px; font-size: 14px; color: #ff9900; padding: 0 30px; position: relative; border-bottom: #CCCCCC solid 1px; display: block; text-align: left; font-weight: bold;}
ul.listfav li span.headipage {min-height: 20px; line-height: 18px; font-size: 14px; color: #333333; padding: 5px 10px 5px 35px; position: relative; display: block; text-align: left; font-weight: bold; box-shadow: inset 30px 0 0 #56c3dd;}
ul.listfav li span.footfav {line-height: 30px; position: relative; border-top: #CCCCCC solid 1px; padding: 0 30px 0 27px; display: block; text-align: left; clear: both; background-color: #F5F5F5; border-radius: 0 0 3px 3px; background-image: url(images/icon_category16.png); background-repeat: no-repeat; background-position: 5px 7px; font-size: 12px;}
ul.listfav li span i {position: absolute; display: block; background: url(images/icon_delfav16.png) no-repeat; background-position: 7px 7px; width: 30px; height: 30px; right: 0px; bottom: 0px; border-left: #CCCCCC solid 1px; text-indent: -9999px;}
ul.listfav li span b {position: absolute; display: block; background: url(images/icon_delmail16.png) no-repeat; background-position: 7px 7px; width: 30px; height: 30px; right: 31px; bottom: 0px; border-left: #CCCCCC solid 1px; text-indent: -9999px;}
ul.listfav h1 {font-size: 12px; font-weight: bold; color: #333333; line-height: 18px; margin-bottom: 5px; text-align: justify;}
ul.listfav input[type=checkbox] {position: absolute; left: 5px; top: 5px;}
ul.listfav label {font-size: 12px; position: absolute; right: 10px; font-weight: normal; color: #999; line-height: 30px; border-left: solid 1px #EAEAEA; padding-left: 10px;}
ul.listfav div.imgfav {width: 70px; height: 70px; display: table-cell; text-align: center; vertical-align: middle; position: absolute; top: 0px; left: 0px; border: #EAEAEA solid 1px; background-color: #FFFFFF;}
ul.listfav div.contentfav {padding-left: 82px; margin: 7px; position: relative; min-height: 72px; height: auto; color: #999999; font-size: 11px;}


ul.nav_command {padding: 0px; margin: 0px; border-top: #0C0C0C solid 1px; list-style: none; width: 100%; position: fixed; bottom: 0px;
 background-color: #454545; /*IE fallback*/
 background-image: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#1A1A1A));
 background-image: -moz-linear-gradient(top left 90deg, #454545 0%, #1A1A1A 100%);
 background-image: linear-gradient(top left 90deg, #454545 0%, #1A1A1A 100%);
}
ul.nav_command li {float: left; font-size: 12px; font-weight: bold; color: #CCCCCC; text-shadow: -1px 0 1px #000; line-height: 16px; display: table-cell; text-align: center; vertical-align: middle; box-shadow: inset 1px 0 0 #1C1C1C; height: 55px;}
ul.nav_command li div {padding: 10px 5px;}
ul.nav_command li.tab3 {width: 33%;}
ul.nav_command li.tab2 {width: 50%;}
ul.nav_command li.tab1 {width: 100%;}

div.nav_detail {padding: 10px; margin: 0px;  line-height: 16px; background-color: #F9F9F9; border-bottom: #C9C9C9 1px solid; border-top: #C9C9C9 1px solid; overflow: hidden; display: block;text-indent: 0px; width: auto; font-size: 16px; font-weight: bold;}

ul.nav_detail {padding: 0px; margin: 0px; height: 40px; line-height: 40px; background-color: #F9F9F9; border-bottom: #C9C9C9 1px solid; border-top: #C9C9C9 1px solid; overflow: hidden; list-style: none;}
ul.nav_detail li {display: block; height: 40px; width: 40px; text-indent: -9999px; background-repeat: no-repeat;}
ul.nav_detail.bggray {background-color: #efefef;}
ul.nav_detail li.fleft {float: left; box-shadow: inset -1px 0 0 rgba(205, 205, 205, 1);}
ul.nav_detail li.fright {float: right; box-shadow: inset 1px 0 0 rgba(205, 205, 205, 1);}

ul.nav_detail li.nopost {text-indent: 0px; width: auto; font-size: 16px; font-weight: bold; padding-left: 10px; float: left;}
ul.nav_detail li.fav {background: url(images/icon_detailgroup.png); background-position: 0px;}
ul.nav_detail li.addfav {background: url(images/icon_detailgroup.png); background-position: -40px;}
ul.nav_detail li.facebook {background: url(images/icon_detailgroup.png); background-position: -80px;}
ul.nav_detail li.twitter {background: url(images/icon_detailgroup.png); background-position: -120px;}
ul.nav_detail li.google {background: url(images/icon_detailgroup.png); background-position: -160px;}
ul.nav_detail li.contact {background: url(images/icon_detailgroup.png); background-position: -200px;}
ul.nav_detail li.calltel {background: url(images/icon_detailgroup.png); background-position: -400px;}
ul.nav_detail li.shared {background: url(images/icon_detailgroup.png); background-position: -440px;}
ul.nav_detail li.cog {background: url(images/icon_detailgroup.png); background-position: -480px;}
ul.nav_detail li.prev {background: url(images/icon_detailgroup.png); background-position: -240px;}
ul.nav_detail li.next {background: url(images/icon_detailgroup.png); background-position: -280px;}
ul.nav_detail li.edit {background: url(images/icon_detailgroup.png); background-position: -320px;}
ul.nav_detail li.delete {background: url(images/icon_detailgroup.png); background-position: -360px;}

.post_info {font-size: 12px; line-height: 18px; display: block; color: #999; background-color: #F9F9F9;}
.post_info h1 {font-size: 14px; line-height: 22px; display: block; color: #333; text-align: justify; background-color: #e5e5e5; text-shadow: 0 1px 1px #ffffff; padding: 10px; border-top: solid 1px #FEFEFE; border-bottom: solid 1px #D7D7D7;}
.post_info span {display: block; float: left; padding-right: 15px;}
.post_info b {color: #666666; padding-right: 7px;}
.post_info i {display: block; font-size: 14px; line-height: 18px; font-style: normal; font-weight: bold; width: auto; background-color: #69bf13; padding: 3px 7px; margin: 10px 0px; color: #FFF; text-shadow: #49850d 0 1px 3px; float: left; border-radius: 3px; text-align: center; clear: left;}
.post_map {display: block; margin: 0 0 5px 0; border: #a7a7a7 1px solid; padding: 5px; background-color: #FFFFFF; box-shadow: 0 1px 3px #bbb; height: 100px; clear: left;}
.post_nav {background-color: #F9F9F9;}
.post_nav ul {margin: 0px; padding: 0px; list-style: none;}
.post_nav ul li {display: block; color: #555555; line-height: 42px; height: 42px; font-size: 16px; display: block; overflow: hidden; padding: 0 10px; margin: 0px; background-color: #F5F5F5; border-top: solid 1px #ededed; background: #F9F9F9; font-weight: bold; position: relative;}
.post_nav ul li span {display: block; position: absolute; right: 10px; top: 50%; margin-top: -12px; width: 24px; height: 24px;}
.post_nav ul li span.showpost {background-image: url(images/icon_postshow24.png); background-repeat: no-repeat;}
.post_nav ul li span.hidepost {background-image: url(images/icon_posthide24.png); background-repeat: no-repeat;}
.post_box {display: block; background-color: #FFFFFF; padding: 10px; border-top: solid 1px #e5e5e5; font-size: 12px; color: #999;}
.post_boxclear {display: block; background-color: #FFFFFF; padding: 10px; border-top: solid 1px #e5e5e5; font-size: 12px; color: #999;}
.post_box span {display: block; padding-left: 50%; position: relative; line-height: 16px; margin-bottom: 7px; overflow: auto;}
.post_box span b {display: block; position: absolute; left: 0px; top: 0px; color: #666; width: 50%;}
.post_nav div:last-child {border-top: solid 1px #e5e5e5;}

.viewcomment{ background-color: #F9F9F9;  padding: 10px;}
.viewcomment li{display: block; margin: 10px; background-color: #F9F9F9; padding: 10px; border-top: solid 1px #e5e5e5; font-size: 12px; color: #555555;}
ul#comment_box { margin: 0px; padding: 0px; list-style: none; margin: auto; margin-bottom: 15px; border-radius: 5px; border: solid 2px #B7B7B7; background-color: #F9F9F9; }
ul#comment_box li {color: #111111; font-size: 12px; line-height: 20px; display: block; overflow: hidden; padding:10px; margin: 0px; background-color: #F9F9F9; border-bottom: solid 1px #CCCCCC; border-top: solid 1px #FEFEFE; border-left: 0px; border-right: 0px;}
ul#comment_box img { width:100%; height : auto;}
ul#comment_box .icon_cm {margin: 5px; width:11px; height : 11px;}

ul#comment_box  .iconemo{width:auto;height:auto;}
#listphoto  .iconemo{width:auto;height:auto;}

#listphoto {overflow: hidden; background-color: #FFFFFF; padding: 20px; line-height: 20px; color:#000;}
#listphoto span {font-size:15px !important; color:#000 !important;}
#listphoto div {font-size:15px !important; color:#000 !important;}
#listphoto p {font-size:15px !important; color:#000 !important;}
#listphoto table {font-size:15px !important; color:#000 !important;}
#listphoto td {font-size:15px !important; color:#000 !important;}
/*#listphoto ul {padding: 0px; list-style: none; width: 182px; height: 182px; margin: auto; display: inline-block; overflow: hidden;}
#listphoto ul li {width: 180px; height: 180px; border: #DBDBDB 1px solid; margin-right: 10px; float: left; }
#listphoto ul li div {width: 180px; height: 180px; display: table-cell; vertical-align: middle; }
#listphoto ul li:last-child {margin-right: 0px;}
#listphoto ol {padding: 10px; list-style: none; display: inline-block; margin: auto;}
#listphoto ol li {width: 12px; height: 12px; border: 0px; margin-right: 10px; float: left; text-indent: -9999px;}
#listphoto ol li.offpast {background: url(images/icon_bullet12off.png);}
#listphoto ol li.onpast {background: url(images/icon_bullet12on.png);}
#listphoto ol li:last-child {margin-right: 0px;}*/

#listphoto2 {overflow: hidden; background-color: #FFFFFF; padding: 5px; }

#listphoto3 {overflow: hidden; background-color: #FFFFFF; padding: 20px; }

/*#listphoto img {
	width  : 100%;
	height : auto;
 }*/
 #listphoto iframe {
	width  : 100%;
	height : auto;
 }
table, caption, tbody, tfoot, thead, tr, th, td img #listphoto {
	width  : 100%;
	height : auto;
 }
 
 #listphoto4 {overflow: hidden; background-color: #FFFFFF;}
 #listphoto4 iframe {
	width  : 100%;
	height : 260px;
 }
 
 /*img[src$=".gif"], img[src$=".png"] {
    width  : auto !important;
	height : auto !important;
 }*/
 

h1.ckname {font-size: 16px; font-weight: bold; color: #FF6600;}

ul.tab3_nava {margin: 0px; padding: 5px 3px 0 3px; list-style: none; box-shadow: inset 0 -1px 0 #B5B5B5; height: 42px; overflow: hidden;}
ul.tab3_nava li {width: 33%; float: left; font-size: 12px; font-weight: bold; color: #666; display: table-cell; text-align: center;}
ul.tab3_nava li div {line-height: 40px; border: #B5B5B5 solid 1px; border-radius: 3px 3px 0 0; margin: 0 2px; background-color: #C1C1C1; box-shadow: inset 0 1px 0 #DDDDDD;}
ul.tab3_nava li div.onnava {border-bottom: solid 1px #e7e2dc; background-color: #e7e2dc;}
ul.tab3_nava li img {margin-bottom: -3px; padding-right: 3px;}
ul.tab3_nava li:last-child {width: 34%;}

ul.tab3_navmag {margin: 0px; padding: 0px; margin-bottom: 10px; list-style: none; overflow: hidden; box-shadow: 0 1px 5px #999999;
 background-color: #EAEAEA; /*IE fallback*/
 background-image: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#EAEAEA));
 background-image: -moz-linear-gradient(top left 90deg, #FEFEFE 0%, #EAEAEA 100%);
 background-image: linear-gradient(top left 90deg, #FEFEFE 0%, #EAEAEA 100%);
}
ul.tab3_navmag li {width: 33%; float: left; font-size: 12px; font-weight: bold; color: #666; display: table-cell; text-align: center; line-height: 40px; border-bottom: #888888 solid 1px;}
ul.tab3_navmag li div {border-right: #CCCCCC solid 1px;}
ul.tab3_navmag li.onnavmag {box-shadow: inset 0 -3px 0 #a9d815; background-color: #FEFEFE; color: #333333;}
ul.tab3_navmag li img {margin-bottom: -3px; padding-right: 3px;}
ul.tab3_navmag li:first-child {width: 34%;}

ul.tab2_navmag {margin: 0px; padding: 0px; margin-bottom: 10px; list-style: none; overflow: hidden; box-shadow: 0 1px 5px #999999;
 background-color: #EAEAEA; /*IE fallback*/
 background-image: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#EAEAEA));
 background-image: -moz-linear-gradient(top left 90deg, #FEFEFE 0%, #EAEAEA 100%);
 background-image: linear-gradient(top left 90deg, #FEFEFE 0%, #EAEAEA 100%);
}
ul.tab2_navmag li {width: 50%; float: left; font-size: 12px; font-weight: bold; color: #666; display: table-cell; text-align: center; line-height: 40px; border-bottom: #888888 solid 1px;}
ul.tab2_navmag li div {border-right: #CCCCCC solid 1px;}
ul.tab2_navmag li.onnavmag {box-shadow: inset 0 -3px 0 #a9d815; background-color: #FEFEFE; color: #333333;}
ul.tab2_navmag li img {margin-bottom: -3px; padding-right: 3px;}

#member_info {width: 260px; height: 50px; padding: 10px; position: relative;}
#member_info h1 {display: block; padding: 0px; margin: 0px; padding-left: 60px; width: auto; font-size: 14px; height: 28px; line-height: 28px; color: #F1F1F1; overflow: hidden; font-weight: bold;}
#member_info span {display: block; padding-left: 60px; width: auto; font-size: 12px; height: 24px; line-height: 24px; color: #999999; overflow: hidden; }
#member_info span img {margin-bottom: -3px; padding-right: 4px; border: 0px;}
#member_info .crop {width: 50px; height: 50px; position: absolute; top: 10px; left: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#member_info .navtype {position: absolute; top: 25px; right: 10px; border: 0px;}  

ul#menupopup {width: 90%; margin: 0px; padding: 0px; list-style: none; margin: auto; border-radius: 3px; box-shadow: -1px 0 5px #666, 0 1px 5px #666, 1px 0 5px #666, 0 -1px 5px #666;}
ul#menupopup li a{color: #111111; line-height: 42px; height: 42px; font-size: 16px; display: block; overflow: hidden; padding: 0 10px; margin: 0px; background-color: #F5F5F5; border-bottom: solid 1px #e5e5e5; border-top: solid 1px #ededed; border-left: solid 1px #FFF; border-right: solid 1px #FFF; 
 background: #F1F1F1; 
 background: -webkit-linear-gradient(to right, #F5F5F5, #F1F1F1); 
 background: -moz-linear-gradient(to right, #F5F5F5, #F1F1F1); 
 background: -ms-linear-gradient(to right, #F5F5F5, #F1F1F1); 
 background: -o-linear-gradient(to right, #F5F5F5, #F1F1F1); 
 background: linear-gradient(to right, #F5F5F5, #F1F1F1); text-shadow: -1px 0 1px #FFF, 0 1px 1px #FFF, 1px 0 1px #FFF, 0 -1px 1px #FFF;
}
ul#menupopup li:first-child a {border-radius: 3px 3px 0 0;}
ul#menupopup li:last-child a {border-radius: 0 0 3px 3px; border-bottom: 0px;}
ul#menupopup li:only-child a {border-radius: 3px;}

#regisform {width: 100%; margin: 0px; padding: 0px; list-style: none; margin: auto; margin-bottom: 15px; border-radius: 5px; border: solid 2px #B7B7B7; background-color: #EFEFEF; position: relative; height: 80px;}
#regisform input {font-family: Helvetica, Arial, sans-serif; font-size: 16px; outline: none;}
#regisform input[type=text], #regisform input[type=password]{color: #808080; padding: 0px; margin: 0px; width: 100%; height: 38px; border: 0px; background:transparent;}
#regisform .addphoto {position: absolute; top: 0px; left: 0px; padding: 5px; border-right: #CCCCCC solid 1px; width: 70px; height: 70px; display: table-cell;}
#regisform .boxuser {margin-left: 80px; padding-left: 10px; border-bottom: #CCCCCC 1px solid;}
#regisform .boxpass {margin-left: 80px; padding-left: 10px; border-top: #FEFEFE 1px solid;}
#regisform img {border-radius: 5px;}

ul#baseform {width: 100%; margin: 0px; padding: 0px; list-style: none; margin: auto; margin-bottom: 15px; border-radius: 5px; border: solid 2px #B7B7B7;}
ul#baseform li {color: #111111; line-height: 42px; height: 42px; font-size: 16px; display: block; overflow: hidden; padding: 0 10px; margin: 0px; background-color: #EEEEEE; border-bottom: solid 1px #CCCCCC; border-top: solid 1px #FEFEFE; border-left: 0px; border-right: 0px;}
ul#baseform li:first-child {border-radius: 5px 5px 0 0; border-top: solid 1px #FEFEFE;}
ul#baseform li:last-child {border-radius: 0 0 5px 5px; border-bottom: 0px;}
ul#baseform li:only-child {border-radius: 5px;}
ul#baseform li:focus {background-color: #FEFEFE;}
ul#baseform li.txtarea {height: auto;}
ul#baseform li.sel {background-image: url(images/icon_selectdown24.png); background-position: right center; background-repeat: no-repeat;}
ul#baseform li.subtitle {background-color: #E0E0E0; font-size: 14px; font-weight: bold; height: 20px; line-height: 20px; border-top: solid 1px #EEEEEE;}

#baseform input {font-family: Helvetica, Arial, sans-serif; font-size: 16px; outline: none;}
#baseform input[type=text], #baseform input[type=password]{color: #808080; padding: 0px; margin: 0px; width: 100%; height: 38px; border: 0px; background:transparent;}
#baseform textarea {font-family: Helvetica, Arial, sans-serif; font-size: 16px; outline: none; color: #808080; padding: 0px;  margin: 0px; padding-top: 10px; width: 100%; border: 0px; background: transparent;}
#baseform select {font-family: Helvetica, Arial, sans-serif; font-size: 16px; outline: none; color: #808080; padding: 0px; margin: 0px; width: 100%; height: 38px; line-height: 38px; border: 0px; background:transparent; -webkit-appearance: none; display: inline;}
#baseform label {font-family: Helvetica, Arial, sans-serif; font-size: 16px; outline: none; color: #808080; width: 100%; height: 38px; display: inline-block;}
#baseform input[type=checkbox], #baseform input[type=radio] {margin: 0px; padding: 0px; margin-top: -2px; margin-right: 5px;}
#baseform .label50 {width: 45%; margin-right: 10px; float: left; font-weight: bold; color: #808080;}
#baseform .labeltxt {width: 50%; float: left; font-weight: bold; color: #333333; text-align: right;}
#baseform select.w50 {font-family: Helvetica, Arial, sans-serif; font-size: 16px; outline: none; color: #808080; padding: 0px; margin: 0px; height: 38px; line-height: 38px; border: 0px; width: 50%; float: right; background:transparent; -webkit-appearance: none; display: inline; float: left;}

.buttonA {
 width: 100%;
 height: 40px;
 font-size: 16px;
 font-weight: bold;
 color: #F9F9F9;
 text-shadow: 0 -1px 0 #0d5d89;
 background-color: #089bdf; /*IE fallback*/
 background-image: -webkit-gradient(linear, left top, left bottom, from(#089bdf), to(#1872c4));
 background-image: -moz-linear-gradient(top left 90deg, #089bdf 0%, #1872c4 100%);
 background-image: linear-gradient(top left 90deg, #089bdf 0%, #1872c4 100%);
 border-radius: 5px;
 border: 1px solid #39568e;
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
 cursor: pointer;
}
.buttonA:hover {
 background-image: -webkit-gradient(linear, left top, left bottom, from(#3ab0e6), to(#1872c4));
 background-image: -moz-linear-gradient(top left 90deg, #3ab0e6 0%, #1872c4 100%);
 background-image: linear-gradient(top left 90deg, #3ab0e6 0%, #1872c4 100%);
}
.buttonA:active {
 background-image: -webkit-gradient(linear, left top, left bottom, from(#1872c4), to(#3ab0e6));
 background-image: -moz-linear-gradient(top left 90deg, #1872c4 0%, #3ab0e6 100%);
 background-image: linear-gradient(top left 90deg, #1872c4 0%, #3ab0e6 100%);
}

.buttonB {
 width: 100%;
 height: 40px;
 font-size: 16px;
 font-weight: bold;
 color: #F9F9F9;
 text-shadow: 0 -1px 0 #4a6e00;
 background-color: #86c400; /*IE fallback*/
 background-image: -webkit-gradient(linear, left top, left bottom, from(#86c400), to(#669900));
 background-image: -moz-linear-gradient(top left 90deg, #86c400 0%, #669900 100%);
 background-image: linear-gradient(top left 90deg, #86c400 0%, #669900 100%);
 border-radius: 5px;
 border: 1px solid #537c00;
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
 cursor: pointer;
}
.buttonB:hover {
 background-image: -webkit-gradient(linear, left top, left bottom, from(#9fd034), to(#669900));
 background-image: -moz-linear-gradient(top left 90deg, #9fd034 0%, #669900 100%);
 background-image: linear-gradient(top left 90deg, #9fd034 0%, #669900 100%);
}
.buttonB:active {
 background-image: -webkit-gradient(linear, left top, left bottom, from(#669900), to(#9fd034));
 background-image: -moz-linear-gradient(top left 90deg, #669900 0%, #9fd034 100%);
 background-image: linear-gradient(top left 90deg, #669900 0%, #9fd034 100%);
}

.buttonC {
 width: 100%;
 height: 40px;
 font-size: 16px;
 font-weight: bold;
 color: #F9F9F9;
 text-shadow: 0 -1px 0 #35393f;
 background-color: #79818c; /*IE fallback*/
 background-image: -webkit-gradient(linear, left top, left bottom, from(#79818c), to(#535c68));
 background-image: -moz-linear-gradient(top left 90deg, #79818c 0%, #535c68 100%);
 background-image: linear-gradient(top left 90deg, #79818c 0%, #535c68 100%);
 border-radius: 5px;
 border: 1px solid #35393f;
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
 cursor: pointer;
}
.buttonC:hover {
 background-image: -webkit-gradient(linear, left top, left bottom, from(#888f99), to(#535c68));
 background-image: -moz-linear-gradient(top left 90deg, #888f99 0%, #535c68 100%);
 background-image: linear-gradient(top left 90deg, #888f99 0%, #535c68 100%);
}
.buttonC:active {
 background-image: -webkit-gradient(linear, left top, left bottom, from(#535c68), to(#888f99));
 background-image: -moz-linear-gradient(top left 90deg, #535c68 0%, #888f99 100%);
 background-image: linear-gradient(top left 90deg, #535c68 0%, #888f99 100%);
}

.buttonD {
 width: 100%;
 height: 40px;
 margin-bottom: 10px;
 font-size: 16px;
 font-weight: bold;
 color: #5e5e5e;
 text-shadow: 0 1px 0 #FFF;
 background-color: #F9F9F9; /*IE fallback*/
 background-image: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#e6e6e6));
 background-image: -moz-linear-gradient(top left 90deg, #F9F9F9 0%, #e6e6e6 100%);
 background-image: linear-gradient(top left 90deg, #F9F9F9 0%, #e6e6e6 100%);
 border-radius: 5px;
 border: 1px solid #888888;
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
 cursor: pointer;
}
.buttonD:hover {
 background-image: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#e6e6e6));
 background-image: -moz-linear-gradient(top left 90deg, #FEFEFE 0%, #e6e6e6 100%);
 background-image: linear-gradient(top left 90deg, #FEFEFE 0%, #e6e6e6 100%);
}
.buttonD:active {
 background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#FEFEFE));
 background-image: -moz-linear-gradient(top left 90deg, #e6e6e6 0%, #FEFEFE 100%);
 background-image: linear-gradient(top left 90deg, #e6e6e6 0%, #FEFEFE 100%);
}

.buttonE {
 width: 150px;
 height: 22px;
 /*/margin-bottom: 10px;*/
 font-size: 10px;
 font-weight: bold;
 color: #5e5e5e;
 text-shadow: 0 1px 0 #FFF;
 background-color: #F9F9F9; /*IE fallback*/
 background-image: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#e6e6e6));
 background-image: -moz-linear-gradient(top left 90deg, #F9F9F9 0%, #e6e6e6 100%);
 background-image: linear-gradient(top left 90deg, #F9F9F9 0%, #e6e6e6 100%);
 border-radius: 5px;
 border: 1px solid #888888;
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
 cursor: pointer;
 float: right;
}
.buttonE:hover {
 background-image: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#e6e6e6));
 background-image: -moz-linear-gradient(top left 90deg, #FEFEFE 0%, #e6e6e6 100%);
 background-image: linear-gradient(top left 90deg, #FEFEFE 0%, #e6e6e6 100%);
}
.buttonE:active {
 background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#FEFEFE));
 background-image: -moz-linear-gradient(top left 90deg, #e6e6e6 0%, #FEFEFE 100%);
 background-image: linear-gradient(top left 90deg, #e6e6e6 0%, #FEFEFE 100%);
}

.sublinkL {text-align: left; padding: 10px 0 10px 10px; margin-top: -13px; line-height: 20px;}
.sublinkC {text-align: center; padding: 10px; margin-top: -13px; line-height: 20px;}
.sublinkR {text-align: right; padding: 10px 10px 10px 0; margin-top: -13px; line-height: 20px;}

img {
    image-orientation: from-image;
}