

div.form .left { float:left;}
div.form .right { float:right;}
div.form .right input { height:18px;}
div.form table {margin-top:0;}
label { vertical-align:middle;}
span { vertical-align:middle;}
span a { vertical-align:middle;}

div.form { clear:both;}
div.form input { margin-right:10px; vertical-align:top; [;vertical-align:middle;] vertical-align:middle \9;}
div.form table td input { margin-left:3px;}
div.form table td.right table td.right { padding:0;}
div.form table td img { vertical-align:middle; text-align:center; width:150px; margin:5px 5px; border:1px solid #999999}
div.form table td.textcenter { text-align:center; vertical-align:middle;}
div.form table td input.keyword {width:175px;}
div.form table td.textcenter input { width:70px;}
div.form table td textarea { width:300px; height:100px; margin-left:3px; margin-right:10px;}
div.form table td select { margin:0 10px 0 3px; float:left; width:260px;width: 370px \9;} 

div.form table td { padding:5px 5px;}
div.form table td.leftside { background-color:#f1f1f1; text-align:right; }
div.form table td.rightside { background-color:#fff5dd;}
div.form table td.white { background:#FFFFFF; padding:0; text-align:center;}
div.form table td table { margin:0;}
div.form table td table td { padding:0; border:0; background-color:transparent;}
div.form table#mytable input { width:152px; margin:0}
div.form table td input.birth { width:80px; margin:0 5px;}
div.form table td input.notfloat { float:none;}
select#field , select#level { width:230px;}
input#submit {margin-left: 0px;}
div.button { margin-bottom:5px; text-align:right;float: right;}
input.edit ,input#share { border-color: #efefef; color: white; font-weight: bold;  text-align: center; margin:0 10px 0 0; background-color:#68227A;  cursor:pointer; border:0; font-size:10px;}
input#attachment { height:auto; width:200px;}
input#capcha { margin-left:12px; margin-top:10px; [;margin-top:5px;]  margin-top:10px \9;*margin-top:3px; width:70px;}
input.address { margin-bottom:5px; width:300px;}
div.form span{ font-size:11px;}
div.intro { margin-bottom:10px; position:absolute; bottom:0; right:0; text-align:center;}
div.intro a { background:url(share-my-news-bg.png) top center no-repeat;font-weight:bold;  font-size:1.4em; display:block; width:190px; height:24px; padding-top:6px; color:white;}   
div.intro a:hover { background-position:center -30px;}
div.intro a img {margin-top: 4px;margin-left: 10px;}
div.top  { position:relative; margin-bottom:30px; width:100%; height:140px;}
div.note-cat { float:left; *width:300px;}
div.note-cat img { width:36px;}
div.note-cat label { margin-right:5px;}
div.note-cat a {text-transform:capitalize;background:url(images/menu-list-arrow.gif) no-repeat scroll left 5px transparent; padding-left:6px; text-decoration:underline;font-size:1.2em; font-weight:bold;}
a:hover { text-decoration:underline;}
div.note-cat a.selected {color: #68227A; text-decoration:underline;}
/*a.birth { background:url(icon-birth.gif) top left no-repeat; width:36px; height:36px;}
a.career { background:url(icon-career.gif) top left no-repeat;  width:36px; height:36px;}
a.edu { background:url(icon-edu.gif) top left no-repeat;  width:36px; height:36px;}
a.marriage { background:url(icon-marriage.gif) top left no-repeat;  width:36px; height:36px;}
a.general { background:url(icon-general.gif) top left no-repeat;  width:36px; height:36px;}
div.note-cat a:hover { background-position:0 -36px;}*/
span.page a img { margin-top:2px; float:right;}
span.page span { font-size:12px; float:right;}

span.note { font-size:10px; }
span.notice { display:block; float:right; width:180px;}
input#hkid { margin-bottom:5px;margin-top:0;}
input#passport{ margin-top:0;}
td.rightside span.red{color:red;}
h4.formtitle { background:#f1f1f1; padding:5px; width:890px;}
body.form-background { border:2px solid #f1f1f1; background:url(../images/form-bg.gif) top left repeat;}

div.feed { margin:10px 0 20px; width:100%; display:none; background-color:#ffffff}
div.feed div.item { border:1px solid gainsboro; margin:5px 0; float:left; width:100%;  background-color:#fff5dd;}
/*div.feed div.item div.author { float:left; width:160px;padding:10px; background-color:#f1f1f1;}
div.feed div.item div.author p { text-align:center;}
div.form div.feed div.item div.author span.name { font-weight:bold; font-size:16px; text-decoration:underline; color:#68227a } 
div.form div.feed div.item div.author span {color:#555555; te}
div.feed div.item div.share { float:left;padding:10px; background-color:#fff5dd;}
div.feed div.item div.share img { float:left; margin-right:10px;}
div.feed div.item div.share p { padding-bottom:0; margin-top:5px;}
*/
div.feed div.item table { margin-bottom:0;}
div.item table td { border:none;}
div.form table td.author {  width:180px;padding:10px; background-color:#f1f1f1;}
div.form table td.author span.name { font-weight:bold; font-size:16px; text-decoration:underline; color:#68227a } 
div.form table td.author img { border:none;}
div.form table td.author span {color:#555555; te}
div.form table td.share {padding:10px; background-color:#fff5dd;}
div.form table td.share img { float:left; margin-right:10px;}
div.form table td.share p { padding-bottom:0; margin-top:5px;}


div.feed span.page { float:right; }
div.feed span.page ul { list-style-type:none;}
div.feed span.page ul li { display:inline; background:none;}

input#other {font-size:11px;}
input[name=category] { width:10px; margin:0 0 0 0px; padding:0; vertical-align:middle;}
div.form input { width:190px;}
div.form input[type=checkbox] { width:auto;}
select#cate { width:190px;}
label.error { color:#FF0000; font-style:italic; padding-left:3px; padding-left:6px \9; font-size:11px; clear:both;}

div.form div.item table td span.enlarge {position: relative;     right: -126px;     top: -33px; }
span.enlarge img{ width: 25px !important;}
div.form input[type=radio] { margin:0; width:13px; margin-right:5px; margin-bottom:2px; margin-top:4px; [;margin-top:0px;] margin-top:0px \9;} 
div.form input[name=method] { margin-bottom:3px;}

div.button input#add{background: url("../images/submit-purple.gif") no-repeat scroll 0 0 transparent;border: 0 none;color: white;cursor: pointer;display: block;float: left;height: 26px;margin:10px 10px 10px 0;text-align: center;width: 79px;}
div.button input#delete{background: url("../images/submit-purple.gif") no-repeat scroll 0 0 transparent;border: 0 none;color: white;cursor: pointer;display: block;float: left;height: 26px;margin:10px 10px 10px 0;text-align: center;width: 79px;}
