/* home page */

/***** SQUARES *****/
div.item {position: relative; background-color: #eee; width: 180px; display: block; margin-bottom: 15px; float: left; height: 180px; margin-right: 15px;}
div.edge {margin-right: 0px}
div.selected {background-color: #ddd}
div.item div.pictures {z-index: 0;}
div.item div.pictures img {width: 180px; height: 180px; display: none;}
div.item div.words {z-index: 10; position: absolute; width: 180px; height: 180px; top: 0px; left: 0px}
div.item div.words div.band {font-family: arial, sans-serif;}
div.item div.words div.band:hover {cursor: pointer;}
div.item div.words div.band div.category {width: 174px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; color: black; font-weight: bold; padding-top: 3px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"; filter: alpha(opacity=55); opacity: 0.55;}
div.item div.words div.band div.subject {width: 174px; background-color: #AAA; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; color: black; font-weight: bold; padding-top: 3px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=88)"; filter: alpha(opacity=88); opacity: 0.88;}
div.item div.words div.band div.more {width: 174px; padding-bottom: 3px; background-color: #ccc; padding-left: 3px; padding-right: 3px; color: black; padding-top: 3px -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=88)"; filter: alpha(opacity=88); opacity: 0.88;}
div.item div.words div.band div.lcd {background-color: #66cc00}
div.item div.words div.band div.lobang {background-color: #ffcc00}
div.item div.words div.band div.rojak {background-color: #cc0099}
div.item div.words div.band div.worm {background-color: #cc9933}
div.item div.words div.band div.events {background-color: #ff6633}
div.item div.words div.band div.make {background-color: rgb(0,102,255);}
div.item div.words div.details {z-index: -10; display: none; padding-bottom: 5px; padding-left: 5px; width: 170px; padding-right: 5px; font-family: helvetica, arial, sans-serif; overflow: hidden; padding-top: 5px; color: black;}
div.item div.words div.details a {color: #000}
div.item div.words div.details div.inform {position: absolute; text-align: center; padding-bottom: 5px; background-color: #aaa; padding-left: 0px; width: 180px; bottom: 0px; padding-right: 0px; color: #333; font-size: 0.9em; padding-top: 5px; left: 0px}
div.item div.words div.details div.inform a {color: #333}
div.item div.words div.details a.more {color: black; text-decoration: underline}

/***** details page *****/
div.intro {height: 100px;}

/* filter */
div.filter {position: relative; padding: 5px 0px; height: 20px; border-top: black 1px solid; font-family: arial, sans-serif;  font-size: 1.0em}
div.sort {float: right;}
div.choice {border-left: #555 1px solid; padding-left: 5px; padding-right: 5px; float: left}
div.allchoice {padding-left: 5px; padding-right: 5px; float: left; border-left-style: none}
div.choice:hover {cursor: pointer;}
div.last {border-right-style: none; padding-right: 0px}
div.first {border-left-style: none;}

/* 150px buttons */
div.buttons {position: absolute; padding: 4px 5px 6px 5px; left: 10px; width: 140px; height: 10px; text-align: center; vertical-align: center; background-image: url('http://farm.sg/bank/common/farm_button_150.png');  font-weight: bold; margin: 10px 0px;}
div.buttons:hover {background-image: url('http://farm.sg/bank/common/farm_button_150_click.png'); cursor: pointer; color: white;}

/* 300px buttons */
div.button300 {position: relative; padding: 4px 5px 6px 5px; width: 340px; height: 10px; text-align: center; vertical-align: center; background-image: url('http://farm.sg/bank/common/farm_button_300.png');  font-weight: bold; margin: 10px auto;}
div.button300:hover {background-image: url('http://farm.sg/bank/common/farm_button_300_click.png'); cursor: pointer; color: white;}

/* error buttons */
div.errorbutton {position: relative; padding: 4px 5px 6px 5px; width: 340px; height: 10px; text-align: center; vertical-align: center; background-image: url('http://farm.sg/bank/common/farm_button_300.png');  font-weight: bold; margin: 10px auto;}
div.errorbutton a {text-decoration: none;}

/* 150px white buttons */
div.whitebuttons {position: relative; padding: 4px 5px 6px 5px; width: 340px; height: 10px; text-align: center; vertical-align: center; background-image: url('http://farm.sg/bank/common/farm_button_150.png');  font-weight: bold; margin: 10px auto;}
div.whitebuttons a {text-decoration: none;}

/* feature bar */
div.featurecontainer {position: relative; margin: 0px auto; width: 100%; height: 250px; font-family: Arial, "sans serif";}
div.feature {padding-bottom: 10px; margin: 0px auto; width: 960px; height: 210px; padding-top: 10px; position: relative;}
div.feature h1 {padding-bottom: 7px;}
div.feature img.squareimg {margin-right: 13px; width: 180px; height: 180px;}
div.feature div.onecol {width: 175px; height: 210px; border-right: black 1px solid; padding-right: 7px; margin-right: 8px; position: relative; float: left;}
div.feature div.onecol div.line {width: 175px; height: 200px; margin-bottom: 10px; border-top: black 1px dotted; position: relative;}
div.feature div.twocol {width: 375px; height: 210px; border-right: black 1px solid; padding-right: 7px; margin-right: 8px; position: relative; float: left;}
div.feature div.twocol div.line {width: 375px; height: 200px; margin-bottom: 10px; border-top: black 1px dotted; position: relative;}
div.feature div.threecol {width: 570px; height: 210px; border-right: black 1px solid; padding-right: 7px; margin-right: 8px; position: relative; float: left;}
div.feature div.threecol div.line {width: 570px; height: 200px; margin-bottom: 10px; border-top: black 1px dotted; position: relative;}
div.feature div.fourcol {width: 765px; height: 210px; border-right: black 1px solid; padding-right: 7px; margin-right: 8px; position: relative; float: left;}
div.feature div.fourcol div.line {width: 765px; height: 200px; margin-bottom: 10px; border-top: black 1px dotted; position: relative;}
div.feature div.halfcol {height: 105px; width: 180px; font-family: arial; position: relative;}
div.feature div.halfcol h4 {border-bottom: black 1px dotted; margin-bottom: 5px;}
div.feature div.halfcol div.buttons {bottom: 0px;} 
div.feature div.edge { margin-right: 0px; padding-right: 0px; border-right: none; }
div.featureband {z-index: -1000; position: absolute; filter: alpha(opacity=5); opacity: 0.05; background-color: black; width: 100%; height: 240px; top: 0px; left: 0px;}

/* beta site */
body.home div.bar {width: 100%; height: 230px;  margin-bottom: 10px; position: relative;}
body.home div#make {background-color: rgba(0,102,255,0.35);}
body.home div#lobang {background-color: rgba(255,204,0,0.35);}
body.home div#lcd {background-color: rgba(102,204,0,0.35);}
body.home div.strip {width: 100%; height: 190px; position: absolute; bottom: 10px; overflow: hidden;}
body.home div.bar a.arrow {position: absolute; top: 80px; z-index: 20000; height: 60px; width: 60px; display: none;}
body.home div.bar a.arrow:hover {cursor: pointer;}
body.home div.bar a.left {left: 10px; background: url('/bank/common/farm_arrow_left.png') 100% 50% no-repeat; filter: alpha(opacity=50); opacity: 0.50;}
body.home div.bar a.right {right: 15px; background: url('/bank/common/farm_arrow_right.png') 100% 50% no-repeat; filter: alpha(opacity=50); opacity: 0.50;}
body.home div.bar div.frame {position: relative; margin: 0px auto; height: 230px; width: 960px;}
body.home div.bar div.filter:hover {cursor: pointer; text-decoration: none;}
body.home div.bar div.filter {height: 8px; width: 40px; text-align: center; color: white; font-size: 1.01em; text-decoration:underline; padding-bottom: 7px; position: absolute; top: 5px; right: 5px; border: none;}
body.home div.bar div.filter-options {position: absolute; top: 35px; right: 0px; width: 170px; height: 170px; padding:5px;background-color: rgba(0,102,255,1); z-index: 500; display: none; color: black; font-family: Arial, "sans serif";}
body.home div.bar div.make {background-color: rgb(0,102,255);}
body.home div.bar div.lobang {background-color: rgb(255,204,0);}
body.home div.bar div.lcd {background-color: rgb(102,204,0);}
body.home div.bar div.filter-options img.up-arrow{position: absolute; top: -6px; right: 17px; width: 11px; height: 6px;}
body.home div.bar div.filter-options-opened {background-color: none; color: white;}
body.home div.bar h1.hover {position: absolute; top: 5px; left: 5px;}
body.home div.strip div.container {position: relative; height: 180px; width: 2145px; padding-top: 10px; display:none;}
body.home div.strip div.container div.first {padding: 0px 0px 5px 5px; width: 175px; height: 175px;}
body.home div.strip div.container div.item {margin-bottom: 10px; bottom: 5px;}
body.home div.strip div.container div.dim {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=5)"; filter: alpha(opacity=5); opacity: 0.05;}
body.home div.item div.words div.band:hover {cursor: default;}
body.home div.item div.words div.band div.subject:hover {cursor: pointer;}

/* New Feature bar */
div.featurescontainer {position: relative; margin: 0px auto; width: 100%; height: 240px; font-family: Arial, "sans serif";}
div.features {padding: 10px 0px; margin: 0px auto; width: 960px; height: 210px; position: relative;}
div.features img.squareimg {margin-right: 13px; width: 180px; height: 180px;}
div.features h1 {margin-bottom: 7px;}
div.features h1.underline {border-bottom: black 1px dotted;}
div.features h4 {margin-bottom: 8px;}
div.features h4.underline {border-bottom: black 1px dotted;}
div.features div.col {height: 210px; padding-left: 7px; padding-right: 7px; position: relative; float: left;}
div.features div.half {height: 105px; position: relative;}
div.features div.one {width: 180px;}
div.features div.two {width: 375px;}
div.features div.three {width: 570px;}
div.features div.four {width: 765px;}
div.features div.left {padding-left: 0px;}
div.features div.right {padding-right: 0px;}
div.features div.gut {border-right: black 1px solid;}
div.features div.square {width: 180px; height: 180px;}
div.features div#featured {height: 230px; width: 180px; z-index: 100; position: absolute; left: 0px; top: 30px;}
div.features div.col div.buttons {left: 15px; margin-bottom: 0px; bottom: 0px;}
div.features div.one div.buttons {left: 23px; margin-bottom: 0px; bottom: 0px;}
div.features div.half div.buttons{left: 15px; bottom: 0px;}
div.features div.top div.buttons {margin-bottom: 5px;}
div.featuresband {z-index: -1000; position: absolute; filter: alpha(opacity=5); opacity: 0.05; background-color: black; width: 100%; height: 230px; top: 0px; left: 0px;}
body.home div.featuresband {background-color: white;}

div#home h1 {padding-bottom: 7px; padding-top: 7px}
div.paginate {position: relative; text-align: right; width: 960px; bottom: 0px; font-family: arial, sans-serif; margin-bottom: 5px; float: left; left: 0px}
div.pictureholder {position: relative; width: 485px; float: left; height: 485px}
div.picturebackground {z-index: -100; filter: alpha(opacity=15); background-color: white; width: 485px; height: 485px; opacity: 0.15}
div.picturedetails {z-index: 100; position: absolute; text-align: center; width: 485px; display: table-cell; height: 485px; vertical-align: middle; top: 0px; left: 0px}
div.picturedetails * {vertical-align: middle}
div.picturedetails {display: block}
div.slideshow {z-index: 101; width: 450px; height: 450px; position: absolute; top: 17px; left: 17px}

div.picturedetails span {width: 1px; display: inline-block; height: 100%}
div.main {position: relative; width: 960px;}
div.mainpicture {position: relative; float: left; height: 485px}
div.maindetails {position: relative; width: 335px; font-family: arial, sans-serif; float: left; margin-right: 10px; margin-bottom: 10px;}
div.maindetails div.finedetails {border-bottom: black 1px dotted; position: relative; padding-bottom: 5px; margin-top: 5px; width: 335px; margin-bottom: 10px; border-top: black 1px dotted; padding-top: 10px}
div.maindetails div.finedetails div.inform {text-align: center; margin-top: 10px; width: 335px; border-top: black 1px dotted; padding-top: 5px}
div.maindetails div.moredetails {position: relative; padding-bottom: 5px; margin-top: 5px; width: 335px; margin-bottom: 10px; border-top: black 1px dotted; padding-top: 10px}
div.detailsgutter {height: 490px; width: 10px; position: relative; float: left;}
div.share {position: absolute; bottom: 10px}
div.share li {padding-bottom: 10px; list-style-type: none; display: inline; margin-right: 10px}
div#emailshare {display: none}
div#buy {display: none}

/* related side bar */
div.related {position: relative; border-left: black 1px solid; padding-left: 10px; width: 110px; margin-bottom: 10px; float: right; height: 485px}
div.related h5 {font-family: arial, sans-serif;border-bottom: black 1px dotted; margin-bottom: 5px;}
div.related div.relatedbox {position: relative; background-color: #eee; width: 110px; font-family: arial, sans-serif; margin-bottom: 8px; height: 110px; font-size: 0.9em}
div.related div.relatedbox:hover {cursor: hand}
div.related div.title {z-index: 200; position: absolute; filter: alpha(opacity=88); padding-bottom: 5px; padding-left: 5px; width: 100px; padding-right: 5px; top: 0px; padding-top: 5px; left: 0px; opacity: 0.88}
div.related div.events {background-color: #ff6633}
div.related div.lcd {background-color: #66cc00}
div.related div.lobang {background-color: #ffcc00}
div.related div.rojak {background-color: #cc0099}
div.related div.worm {background-color: #cc9933}
div.related div.relatedbox img {width: 110px; height: 110px}

/* share pages */
div.button {background-image: url(/harvest/work/images/button.png); text-align: center; padding-bottom: 5px; width: 137px; font: 2.3em georgia, "times new roman" , times, serif; height: 31px; color: #000; padding-top: 5px}
div.button a {text-decoration: none}
div.button:hover {color: #999; cursor: pointer}
div.stages {position: relative; background-color: #fafafa; width: 960px; height: 41px;}
div.stages div.stage {padding-bottom: 5px; background-color: #fafafa; padding-left: 5px; padding-right: 5px; font: 2.3em georgia, "times new roman" , times, serif; float: left; height: 31px; color: #000; padding-top: 5px; color:#D0D0D0;}
div.stages div.current {background-color: #f0f0f0; color: black; text-shadow: 1px 1px 1px #999; font-weight: 500}
div.stages div.side {background-image: url(/harvest/work/images/stage_side.png); width: 30px; float: left; height: 41px}
div.stages div.right {background-image: url(/harvest/work/images/stage_select_right.png)}
div.stages div.left {background-image: url(/harvest/work/images/stage_select_left.png)}
div.workspace {padding-bottom: 10px; background-color: #f0f0f0; margin-top: 5px; padding-left: 10px; width: 940px; padding-right: 10px; height: 420px; padding-top: 10px; position: relative; font-family: arial, sans-serif;}
div.workspace div.next {position: absolute; bottom: 20px; right: 20px}
div.workspace div.prev {position: absolute; bottom: 20px; left: 20px}
div.upload {height: 600px}
div.workspace div#uploadfeedback {position: absolute; width: 485px; bottom: 70px; height: 150px; left: 10px}
div.workspace div#uploadfeedback ul.error {color: red}
div.workspace div#uploadfeedback ul.error li {list-style-position: inside; list-style-type: disc}
div.workspace div#imagepreview {position: relative; text-align: center; display: block; vertical-align: middle; background-color: #ccc; width: 419px; height: 420px; margin: 0 auto;}
div.workspace div#imagepreview * {vertical-align: middle;}
div.workspace div#imagepreview span {width: 1px; display: inline-block; height: 100%}
div#resizeframe {top: 0px; left: 0px; position: absolute; border: black 2px dashed; width: 176px; height: 176px; background: #FFF; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity: 0.3} 
/* upload pictures */
li.previewimage {display: inline; margin-right: 5px;}
/* share page form table */
table.details {width: 400px;}
tr {vertical-align: top; background-color: #CCC;}
tr.altrow {background-color: #AAA;}
td {padding: 5px;}
td.detailname {font-weight: bold; white-space:nowrap;}
td.detailfield {width: 370px;}
td.detailfield input,textarea{width: 365px;}
/* dialog box */
.t {background: transparent url('/bank/common/dialog/farm_popupedge_top.png') repeat-x; width: 800px; height: 25px; position: absolute; top: 0px; left: 25px;}
.b {background: transparent url('/bank/common/dialog/farm_popupedge_bottom.png') repeat-x; width: 800px; height: 25px; position: absolute; bottom: 0px; left: 25px}
.l {background: transparent url('/bank/common/dialog/farm_popupedge_left.png') repeat-y; width: 25px; height: 400px; position: absolute; left: 0px; top: 25px;}
.r {background: transparent url('/bank/common/dialog/farm_popupedge_right.png') repeat-y; width: 25px; height: 400px; position: absolute; right: 0px; top: 25px;}
.bl {background: transparent url('/bank/common/dialog/farm_popupedge_bottomleft.png') no-repeat; height: 25px; width: 25px; position: absolute; bottom: 0px; left: 0px; z-index: 1}
.br {background: transparent url('/bank/common/dialog/farm_popupedge_bottomright.png') no-repeat; height: 25px; width: 25px; position: absolute; bottom: 0px; right: 0px; z-index: 1}
.tl {background: transparent url('/bank/common/dialog/farm_popupedge_topleft.png') no-repeat; height: 25px; width: 25px; position: absolute; top: 0px; left: 0px; z-index: 1}
.tr {background: transparent url('/bank/common/dialog/farm_popupedge_topright.png') no-repeat; height: 25px; width: 25px; position: absolute; top: 0px; right: 0px; z-index: 1}
/* white dialog */
.wt {background: transparent url('/bank/common/dialog/farm_popupvideoedge_top.png') repeat-x; width: 800px; height: 25px; position: absolute; top: 0px; left: 25px;}
.wb {background: transparent url('/bank/common/dialog/farm_popupvideoedge_bottom.png') repeat-x; width: 800px; height: 25px; position: absolute; bottom: 0px; left: 25px}
.wl {background: transparent url('/bank/common/dialog/farm_popupvideoedge_left.png') repeat-y; width: 25px; height: 430px; position: absolute; left: 0px; top: 25px;}
.wr {background: transparent url('/bank/common/dialog/farm_popupvideoedge_right.png') repeat-y; width: 25px; height: 430px; position: absolute; right: 0px; top: 25px;}
.wbl {background: transparent url('/bank/common/dialog/farm_popupvideoedge_bottomleft.png') no-repeat; height: 25px; width: 25px; position: absolute; bottom: 0px; left: 0px; z-index: 1}
.wbr {background: transparent url('/bank/common/dialog/farm_popupvideoedge_bottomright.png') no-repeat; height: 25px; width: 25px; position: absolute; bottom: 0px; right: 0px; z-index: 1}
.wtl {background: transparent url('/bank/common/dialog/farm_popupvideoedge_topleft.png') no-repeat; height: 25px; width: 25px; position: absolute; top: 0px; left: 0px; z-index: 1}
.wtr {background: transparent url('/bank/common/dialog/farm_popupvideoedge_topright.png') no-repeat; height: 25px; width: 25px; position: absolute; top: 0px; right: 0px; z-index: 1}

div.dialog { padding: 25px; position: relative; display:none;}
div.dialog div.content { position: absolute; top: 25px; left: 25px; width: 800px; height: 400px; background-color: #F2F2F2; padding: 0px; font-family: arial, sans-serif; font-size: 1.0em;}
div.dialog div.content div.title {background-color: #fff; height: 10px; padding: 10px; width: 780px;}
div.dialog div.content div.title a.close {position: absolute; right: 10px;}
div.dialog div.content div.preview {position: absolute; top: 30px; left: 0px; width: 400px; height: 370px;}
div.dialog div.content div.body {position: absolute; top: 30px; right: 0px; width: 380px; height: 350px; padding: 10px}
div.dialog div.content div.body div.details {height: 180px; border-top: black 1px dotted; border-bottom: black 1px dotted; margin: 10px 0px; padding: 10px 0px; position: relative;}
div.dialog div.content div.body div.details div.form {position: absolute; left: 0px; bottom: 20px; height: 40px; width: 380px;}
div.dialog div.content div.body div.details div.form input#subscribeEmailAddress{background-color: transparent; width: 347px; height: 15px; border: black 1px solid; padding: 3px 0px 2px 0px; font-family: arial; color: black; text-align: left; margin: 0px 15px;}
div.dialog div.content div.body div.details div.emailform {position: absolute; left: 0px; bottom: 20px; height: 175px; width: 380px;}
div.dialog div.content div.body div.details div.emailform input{background-color: transparent; width: 347px; height: 15px; border: black 1px solid; padding: 3px 0px 2px 0px; font-family: arial; color: black; text-align: left; margin: 0px 15px 5px 15px;}
div.dialog div.content div.body div.details div.emailform textarea#message{background-color: transparent; width: 347px; height: 50px; border: black 1px solid; padding: 3px 0px 2px 0px; font-family: arial; color: black; text-align: left; margin: 0px 15px 0px 15px;}
div.dialog div.content div.body div.details div.emailform div.button300{margin: 5px auto;}
div.dialog div.content div.body div.details div.emailform label{margin-left: 15px;}
div.dialog div.content div.sharebody {padding: 15px;}
div.dialog div.content div.sharebody div.details {position:absolute; width: 780px; height:180px; bottom: 10px; left: 15px;}
div.dialog div.content div.sharebody div.details div.square{width: 170px; height: 170px; margin-right: 15px; float: left; position: relative; padding: 5px;}
div.dialog div.content div.sharebody div.details div.last {margin-right: 0px;}
div.dialog div.content div.sharebody div.details div.events {background-color: #ff6633}
div.dialog div.content div.sharebody div.details div.lcd {background-color: #66cc00}
div.dialog div.content div.sharebody div.details div.lobang {background-color: #ffcc00}
div.dialog div.content div.sharebody div.details div.rojak {background-color: #ff33ff}
div.dialog div.content div.sharebody div.details div.square div.buttons{bottom: 0px; left: 15px;}
div.dialog div.content div.sharetemp {background-color: black; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=88)"; filter: alpha(opacity=88); opacity: 0.88; z-index: 100; position: absolute; top: 30px; right: 0px; width: 780px; height: 350px; padding: 10px}
div.dialog div.content div.sharetemp h1 {color: white;} 
div.dialog div.content div.sharetemp a {color: white;} 
div.dialog div.content div.sharetemp div {margin: 100px auto;} 
body.home div.dialog h1{color: black;}

/* STAMP */
body.stamp div.item:hover {cursor: pointer;}
span.selectview a:hover{cursor: pointer;}

/* LCD share */
body.share {font-family: Arial;}
body.share div.shareuploadimage {height: 580px;}
div.leftcol {position: absolute; left: 5px; width: 180px; height: 480px; border-right: black 1px solid; padding: 0px 5px;}
div.leftcol h1{margin-bottom: 10px; margin-right: 5px; border-bottom: black 1px dotted;}
div.leftcol p#message {color: red;}
div.rightcol {position: absolute; right: 5px; width: 180px; height: 480px; border-left: black 1px solid; padding: 0px 10px;}
div.rightcol h4{padding-bottom: 5px; margin-bottom: 5px; margin-left: 0px; border-bottom: black 1px dotted;}
div.rightcol li {list-style-type: decimal; list-style-position: inside;}
div.rightcol div.buttons {bottom: 10px;}
div.leftcol div.buttons {bottom: 10px;}
div.leftcol li {list-style-type: decimal; list-style-position: outside; width: 163px; float: right;}
div.sharecontent {position: absolute; left:205px; width: 560px; height: 480px; margin: 0px 0px;}
div.sharecontent h4{padding-bottom: 5px; margin-bottom: 5px; margin-left: 0px; margin-right: 10px; border-bottom: black 1px dotted;}
div.sharecontent p{margin-right:10px;}
div.sharecontent table.fields {width: 100%}
div.sharecontent table.fields td {height: 38px; padding: 0px 5px;}
div.sharecontent table.fields tr.about {height: 187px;}
div.sharecontent tr {background: none;}
div.sharecontent td.label {font-weight: bold; width: 120px;}
div.sharecontent input.text {background: none; width: 408px; border: black 1px solid; padding: 2px; font-family: Arial;}
div.sharecontent label.error {color: red; display: none;}
div.sharecontent textarea {background: none; width: 408px; border: black 1px solid; padding: 2px; font-family: Arial;}
div.sharecontent input.checkbox {background: none; width:15px; height: 15px;}
div.sharecontent table.category td {padding: 3px; height: 15px; width: 80px;}
div.sharecontent div.images { width: 550px; height: 470px; background-color: black; color: white; opacity: 0.99; position: relative;}
div.sharecontent div.images div.mainpic {width: 450px; height: 450px; position: absolute; top: 10px; left: 10px;}
div.sharecontent div.images img.mainpic {width: 450px; height: 450px; position: absolute; top: 10px; left: 10px;}
div.sharecontent div.images div.smallimages{ width: 72px; height: 450px; position: absolute; top: 5px; right: 8px;}
div.sharecontent div.images div.smallpic{ width: 69px; height: 69px; border: white 1px solid; margin: 5px 0px;}
div.sharecontent div.images img.smallpic:hover {cursor: pointer;}
div.sharecontent div.images img.smallpic{ width: 69px; height: 69px;}
div.sharecontent div.images div.chosen{ border: white 2px solid;}
div.sharecontent div.picupload {width: 550px; height: 80px;}
div.sharecontent div.hidden {display: none;}
div.sharecontent div.previewimages {padding: 10px; color: white; font-weight: bold; width: 530px; height: 100px; background-color: black; opacity: 0.99;}
div.sharecontent div.previewimages img.previewthumbs {width: 80px; height: 80px; margin-right: 5px; border: white 1px solid;}
div.sharecontent div.previewimages img.previewthumbs:hover {cursor: pointer;}
div.sharecontent div.previewimages img.hover {border: yellow 1px solid;}
div.sharecontent div.previewimages img.chosen {border: white 3px solid;}
div.sharecontent div.emailcontact {width: 550px; border-top: black 1px dotted; margin-right: 10px;}

div.blockUI h1 {color: #fff;}
.ui-widget-header {display: none;}
.ui-widget-content {border: 0px; background: none;}