body{margin:0;padding:0;border:0;background:#e5e5e5;font-size:15px;font-family: calibri, tahoma,verdana, arial, helvetica, sans-serif;}
table{border-collapse:collapse;}
a {color: #666666;text-decoration: none;}
a:hover {text-decoration: underline;}
a img{cursor:pointer; border:0;}

.clear {clear:both;}

label.error{display:none;color:#ff0000;}
label.hkidError{display:none;color:#ff0000;}

.separator {color:#CCC;}
h1 {margin: 0 0 5px 0;padding: 0 0 5px 0;color: #660033;font-size: 20px;border-bottom:1px #CCC solid;}
h2 {margin: 10px 0;color: #333;font-size: 16px;}

#wrapper {margin:0 auto;padding:0 0 20px 0;width:100%;}
#page {margin:0 auto;width:980px;background:#FFF;}

/* table format */
.infoTableTitle {margin:0;padding:2px 5px;background:#494949;color:#FFF;border:1px solid #ddd;}
.infoTableSubTitle {padding:5px 5px;background:#eee;border:1px solid #fff;}
.infoTableContent {margin:0;padding:2px 5px;border:1px solid #ddd;}
.infoTableOtherContent {margin:0;padding:2px 5px;background:#F2F7A4;border:1px solid #ddd;}
.midText{text-align:center;}

/* page title */
.titleBlock {margin:0 0 5px 0;padding:0;}

/* header */
#header {}
#header .sitename {margin-top:10px;}
#header h1.programmeName {margin:5px 0 0 0;padding-right:200px;text-align:right;font-weight:normal;font-size:110%;}
#header h2.supportName {margin:0 0 5px 0;padding-right:200px;text-align:right;color:#666;font-weight:normal;font-size:100%;}
#header .headerTopBar {float:left;line-height:30px;font-size:28px;color:#222;padding:3px 3px 3px 15px;}
#header .languageBar {float:right;margin:5px 5px 5px 0;font-size:13px;}
#header .logoutBar {float:right;margin:5px 5px 5px 0;padding:0 0 0 10px;font-size:13px;}

/* list */
.newsBlock {margin: 0 0 20px 0;}
.newsBlock{font-size:13px;}
.newsBlock ul{margin:0 0 5px 20px;padding:0;}
.newsBlock ul li{line-height:20px;padding:0 0 5px 0;border-bottom:1px #EEE solid;}

.standardList {margin: 0 0 20px 0;}
.standardList{font-size:15px;}
.standardList ul{margin:0 0 5px 20px;padding:0;}
.standardList ul li{line-height:20px;padding:0 0 5px 0;border-bottom:1px #EEE solid;}

.backButton, .moreButton{float:right;font-size:13px;font-weight:normal;text-align:middle;padding:3px 3px 0 0;}

/* form */
.standardForm form {margin:10px 0 0 0;}
.standardForm .title{margin:0 0 5px 0;line-height:25px;font-size:16px;background:#660066;color:#FFF;padding:3px 5px;}
.standardForm input.text {height:20px;border:1px #999 solid;width:400px;padding:5px;font-size:13px;}
.standardForm input.dollar {width:150px;}
.standardForm input.others {width:150px;}
.standardForm input.submit {background:#660033;color:#FFF;border:1px #999 solid;width:310px;padding:10px 5px;cursor:pointer;font-size:16px;}
.standardForm .entry  {line-height:25px;margin:0 0 20px 0;}
.standardForm .entry .label {float:left;width:110px;line-height:25px;text-align:right;padding:0 20px 0 0;}
.standardForm .entry .label label {display:block;}
.standardForm .entry .field {float:left;width:350px;line-height:25px;}
.standardForm .entry .field label {cursor:pointer;}


/* menu */
#header #menu {background:url('../images/menubg.png') no-repeat;height:51px;line-height:45px;padding:0 13px;font-size:13px;}
#header #menu ul {margin:0;padding:0;}
#header #menu ul li {list-style:none;float:left;margin:0 16px 0 0;}
#header #menu ul li a {color:#FFF;}

/* content */
#content {padding:5px 10px;font-size:13px;}

#main h1 {padding:0 0 3px 0;}

#home {font-size:16px;}
#home #left {float:left;width:640px;padding:0 15px 0 0;border-right:1px #EEE solid;padding:0 5px 0 0;}
#home #right {float:left;width:300px;padding: 0 0 0 5px;}
#home .imgSlider{float:left;margin: 0 0 10px 0;}
#home #introBlock {float:left;width:640px;font-size:13px;line-height:22px;letter-spacing:1px;}

#home #promoteBlock {width:640px;font-size:13px;margin:0 0 40px 0;}
#home .promoteItemBlock {margin:15px 0 0 0;float:left;width:200px;font-size:13px;padding:0 0 0 5px;color:#000000;vertical-align:text-top;height:240px;}
#home .promoteItemBlock p{margin:0;height:40px;font-size:13px;padding:0 2px;}
#home .promoteItemBlockContent {margin:0 2px;height:40px;font-size:13px;padding:0;background-color:#660033;color:#ffffff;}
#home .separator {margin:15px 0 0 0;border-right:1px #ccc solid;}

#home #highlightBlock {width:640px;font-size:13px;margin:0 0 40px 0;}
#home .highlightItemBlockTitle {margin:0;padding: 2px;height:40px;font-size:13px;font-weight:bold;background-color:#660033;color:#ffffff;}
#home .highlightItemBlock {margin:15px 0 0 0;float:left;width:200px;font-size:13px;padding:0 0 0 10px;color:#000000;vertical-align:text-top;height:300px;}
#home .highlightItemBlock a{text-decoration:none;}
#home .highlightItemBlockContent {margin:0;padding: 2px;height:80px;font-size:13px;background-color:#660033;color:#eeeeee;}
#home .separator {margin:15px 0 0 0;border-right:1px #ccc solid;}

#home #chartBlock {float:right;width:407px;border-left:1px #EEE solid;padding:0 0 0 3px;font-size:12px;}
#home #mapBlock td{padding:0 0 5px 5px;line-height:25px;}

#home #videoBlock {margin: 0 0 20px 0;}

#home #donationObjectiveBlock{font-size:13px;}
#home #donationObjectiveBlock ul{margin:0 0 5px 20px;padding:0;}
#home #donationObjectiveBlock ul li{line-height:30px;border-bottom:1px #EEE solid;}

#home #imageBlock .imageAndText .text {position:absolute;bottom:0;z-index:2;background:#000;line-height:30px;width:165px;font-size:13px;color:#FFF;text-align:right;padding:0 5px 0 0;filter:alpha(opacity=85);opacity:0.85;}
#home #imageBlock .imageAndTextDouble {position:relative;width:300px;display:block;float:left;margin:0 0 5px 2px;padding:2px 0;}
#home #imageBlock .imageAndTextDouble .image {height:100px;z-index:1;}
#home #imageBlock .imageAndTextDouble .text {position:absolute;bottom:0;z-index:2;background:#000;line-height:30px;width:295px;color:#FFF;text-align:right;padding:0 5px 0 0;filter:alpha(opacity=85);opacity:0.85;}
#home #imageBlock .imageAndTextDouble .hyperText {font-size:22px;}

#main {}
#main input.hkid {height:25px;border:1px #999 solid;padding:5px;font-size:16px;}
#main input.text {height:25px;border:1px #999 solid;width:300px;padding:5px;font-size:16px;}
#main select.select {border:1px #999 solid;width:300px;padding:5px;font-size:16px;}
#main input.submit {background:#111;color:#FFF;border:1px #999 solid;width:310px;padding:10px 5px;cursor:pointer;font-size:16px;}
#main .entry  {line-height:25px;margin:0 0 20px 0;}
#main .entry .label {float:left;width:300px;text-align:right;padding:0 20px 0 0;}
#main .entry .label label {display:block;}
#main .entry .field {float:left;width:500px}
#main .entry .field label {cursor:pointer;}

#main #voteBlock .entry  {line-height:25px;margin:0 0 10px 0;padding:10px 0;}
#main #voteBlock .entry:hover  {background:#ddd;cursor:pointer;}
#main #voteBlock .entry .label {float:left;width:300px;text-align:right;padding:50px 20px 0 0;}
#main #voteBlock .entry .label label {display:block;}
#main #voteBlock .entry .field {float:left;width:500px;padding:50px 0 0 10px;font-size:22px;}
#main #voteBlock .entry .field label {cursor:pointer;}
#main #voteBlock .entry .photo {float:left;width:120px;}
#main #voteBlock .entry .photo img {float:left;width:120px;height:auto;}
#main #voteBlock .entry .label img {vertical-align:text-top;}
#main #voteBlock .entry .field img {vertical-align:text-top;}
#main #voteBlock .submit  {line-height:25px;margin:0 0 10px 0;padding:10px 0;}
#main #voteBlock .errorMessage{color:#ff0000;line-height:30px;border:1px #ff0000 solid;padding:10px;margin:3px 0;width:600px;}
#main #voteBlock .submitBox{background-color:#fff;width:550px;padding:15px;text-align:left;border:2px solid #333;opacity:0.8;-moz-border-radius:6px;-webkit-border-radius:6px;-moz-box-shadow: 0 0 50px #ccc;-webkit-box-shadow: 0 0 50px #ccc;}
#main #voteBlock .submitBox button{background:#660033;color:#FFF;border:1px #999 solid;width:100px;padding:5px;cursor:pointer;}
#main #voteBlock .submitBox button:hover{background:#BF0060;}

#main .candidateVoteBoxTable {padding:5px;background:#ccc;border:1px solid #ddd;}
#main .candidateVoteBox  {padding:3px;}
#main .candidateVoteBox  img {vertical-align:middle;width:110px;height:auto;}

#main #loginForm .errorMessage{color:#ff0000;line-height:30px;border:1px #ff0000 solid;padding:10px;margin:3px 0;width:600px;}
#main #loginForm #randomImageBlock{float:left;padding:0;width:160px;height:80px;}
#main #loginForm #randomImageBlock #randomImage {margin:0;border: 0px solid #ffffff;}
#main #loginForm #refreshButtonBlock{float:left;padding: 15px 0 0 5px;}
#main #loginForm #refreshButtonBlock a{display:block;cursor:pointer;}
#main #loginForm #disclaimerBlock {font-size:12px;}

#main #timerBlock{font-family:verdana;font-size:16pt;margin:0;}
#main #timerBlock #timer{border:none;font-family:verdana;font-size:16pt;font-weight:bold;border-right-color:#FFFFFF}

#donation {font-size:13px;}
#donation #left {float:left;width:400px;padding:0 15px 0 0;}
#donation #right {float:left;width:540px;border-left:1px #EEE solid;padding:0 0 0 4px;}
#donation h1 {padding:0 0 3px 0;border-bottom:1px #CCC solid;}
#donation #methodBlock {margin:0 0 10px 0;}
#donation #methodBlock ul {margin:0;padding:0;}
#donation #methodBlock ul li {float:left;list-style:none;padding:0 30px 2px 0;border-bottom:1px #EEE solid;margin:0 0 2px 0;}

#donation #donationFormBlock {}
#donation #donationFormBlock ul {}
#donation #donationFormBlock ul li {padding:2px;margin:0 0 2px 0;}
#donation #donationFormBlock  .title{margin:0 0 5px 0;line-height:25px;font-size:16px;background:#660066;color:#FFF;padding:3px 5px;}

#donation #donationObjectiveBlock{}
#donation #donationObjectiveBlock ul{margin:0 0 0 20px;padding:0;}
#donation #donationObjectiveBlock ul li{line-height:30px;border-bottom:1px #EEE solid;}

#donation #totalContributionsBlock p{font-size: 20px;line-height:20px;}
#donation #totalContributionsBlock .footnote {font-size: 12px;}

#donation #donorBlock {}
#donation #donorBlock ul {margin:0;padding:0;}
#donation #donorBlock ul li {list-style:none;float:left;padding:5px;}

#donation #updateDonationFormBlock {}
#donation #updateDonationFormBlock ul {}
#donation #updateDonationFormBlock ul li {padding:2px;margin:0 0 2px 0;}
#donation #updateDonationFormBlock  .title{margin:0 0 5px 0;line-height:25px;font-size:16px;background:#660066;color:#FFF;padding:3px 5px;}
#donation #updateDonationFormBlock {margin:10px 0 0 0;}
#donation #updateDonationFormBlock input.text {height:20px;border:1px #999 solid;width:350px;padding:5px;font-size:13px;}
#donation #updateDonationFormBlock input.dollar {width:150px;}
#donation #updateDonationFormBlock input.others {width:150px;}
#donation #updateDonationFormBlock input.submit {background:#660033;color:#FFF;border:1px #999 solid;width:150px;padding:10px 5px;cursor:pointer;font-size:16px;}
#donation #updateDonationFormBlock .entry  {line-height:25px;margin:0 0 10px 0;}
#donation #updateDonationFormBlock .entry .label {float:left;width:110px;line-height:25px;text-align:right;padding:0 20px 0 0;}
#donation #updateDonationFormBlock .entry .label label {display:block;}
#donation #updateDonationFormBlock .entry .field {float:left;width:350px;line-height:25px;}
#donation #updateDonationFormBlock .entry .field label {cursor:pointer;}

#donation form {margin:10px 0 0 0;}
#donation input.text {height:20px;border:1px #999 solid;width:350px;padding:5px;font-size:13px;}
#donation input.dollar {width:150px;}
#donation input.others {width:150px;}
#donation input.submit {background:#660033;color:#FFF;border:1px #999 solid;width:310px;padding:10px 5px;cursor:pointer;font-size:16px;}
#donation .entry  {line-height:25px;margin:0 0 20px 0;}
#donation .entry .label {float:left;width:110px;line-height:25px;text-align:right;padding:0 20px 0 0;}
#donation .entry .label label {display:block;}
#donation .entry .field {float:left;width:350px;line-height:25px;}
#donation .entry .field label {cursor:pointer;}

#relatedLinksBlock{}
#relatedLinksBlock ul{}
#relatedLinksBlock ul li{line-height:20px;font-size:13px;}

#referendums {width: 960px;border:0;padding:2px;}
#referendums #left {float:left;width:680px;padding:0 15px 0 0;}
#referendums #right {float:left;width:250px;}
#referendums #menu {margin:0;padding:0 0 0 10px;border-left:1px #EEE solid;margin:0 0 2px 0;}
#referendums #menu ul{margin:0;padding:0;}
#referendums #menu ul li {list-style:none;line-height:30px;border-bottom:1px #EEE solid;margin:0 0 2px 0;}
#referendums #menu ul li a{display:block;cursor:pointer;}
#referendums #menu ul li a:hover{background-color:#EEE;}
#referendums .title{width:900px;background-color:#000000;color:#ffffff;}
#referendums .content{}

#support #supportFormBlock {}
#support #supportFormBlock ul {}
#support #supportFormBlock ul li {padding:2px;margin:0 0 2px 0;}
#support #supportFormBlock  .title{margin:0 0 5px 0;line-height:25px;font-size:16px;background:#660066;color:#FFF;padding:3px 5px;}

#support form {margin:10px 0 0 0;}
#support input.text {height:20px;border:1px #999 solid;width:350px;padding:5px;font-size:13px;}
#support input.dollar {width:150px;}
#support input.others {width:150px;}
#support input.submit {background:#660033;color:#FFF;border:1px #999 solid;width:310px;padding:10px 5px;cursor:pointer;font-size:16px;}
#support .entry  {line-height:25px;margin:0 0 20px 0;}
#support .entry .label {float:left;width:100px;line-height:25px;text-align:right;padding:0 20px 0 0;}
#support .entry .label label {display:block;}
#support .entry .field {float:left;width:840px;line-height:25px;}
#support .entry .field label {cursor:pointer;}

#school #schoolFormBlock {}
#school #schoolFormBlock ul {}
#school #schoolFormBlock ul li {padding:2px;margin:0 0 2px 0;}
#school #schoolFormBlock  .title{margin:0 0 5px 0;line-height:25px;font-size:16px;background:#660066;color:#FFF;padding:3px 5px;}

#school form {margin:10px 0 0 0;}
#school input.text {height:20px;border:1px #999 solid;width:350px;padding:5px;font-size:13px;}
#school input.dollar {width:150px;}
#school input.others {width:150px;}
#school input.submit {background:#660033;color:#FFF;border:1px #999 solid;width:310px;padding:10px 5px;cursor:pointer;font-size:16px;}
#school .entry  {line-height:25px;margin:0 0 20px 0;}
#school .entry .label {float:left;width:160px;line-height:25px;text-align:right;padding:0 20px 0 0;}
#school .entry .label label {display:block;}
#school .entry .field {float:left;width:500px;line-height:25px;}
#school .entry .field label {cursor:pointer;}
#school .newRecordButton {background:#660033;color:#FFF;border:1px #999 solid;width:200px;padding:5px;cursor:pointer;}
#school .newRecordButton:hover{background:#BF0060;}

#archive {font-size:16px;}
#archive #left {float:left;width:640px;padding:0 15px 0 0;border-right:1px #EEE solid;padding:0 5px 0 0;}
#archive #right {float:left;width:300px;padding: 0 0 0 5px;}

#verifysmsBlock {text-align:center;}
#succeedBlock {text-align:center;line-height:40px;}

#admin #donationSummary{}
#admin #donationSummary table{background:#ffffff;font-size:13px;}
#admin #donationSummary #sortBlock{float:left;margin: 3px 0; padding:5px;}
#admin #donationSummary #sortBlock ul{margin:0;padding:0;}
#admin #donationSummary #sortBlock  ul li{list-style:none;float:left;margin:3px 20px;}
#admin #donationSummary #statBlock{margin: 3px 0; padding:10px 20px;background:#D5FFAA;}
#admin #donationSummary #statBlock ul{margin:0;padding:5px;}
#admin #donationSummary #statBlock  ul li{line-height:20px;padding:2px;}
#admin #donationSummary .updateButton {display:block;background:#660033;color:#FFF;border:1px #999 solid;width:40px;padding:5px;cursor:pointer;text-align:center}
#admin #donationSummary .updateButton:hover{display:block;background:#BF0060;}
#admin #donationSummary .newRecordButton {background:#660033;color:#FFF;border:1px #999 solid;width:30px;padding:5px;cursor:pointer;}
#admin #donationSummary .newRecordButton:hover{background:#BF0060;}

#admin .voteSummary  {margin:5px 0;padding:5px;float:left;width:950px;border:1px solid #ddd;}
#admin .voteSummary  ul{margin:0;padding:0;}
#admin .voteSummary  ul li{float:left;margin:3px 20px;}

#admin #voteStatBlock{}
#admin #voteStatBlock .statLabel{line-height:20px;padding:2px;}
#admin #voteStatBlock .statTotalLabel{line-height:20px;padding:2px;border-top:1px #EEE solid;font-weight:bold;}
#admin #voteStatBlock .statPercentageLabel{line-height:20px;padding:2px;font-weight:bold;}
#admin #voteStatBlock  img {vertical-align:middle;width:110px;height:auto;padding:3px;}

#admin #summaryTabBlock{}
#admin #summaryTabBlock ul{}
#admin #summaryTabBlock li{height:30px;padding:2px;}

/* station */
#station .refCodeBlock{font-size:24px;line-height:40px;margin: 15px;}
#station input.button, input.submit {background:#111;color:#FFF;border:1px #999 solid;width:210px;padding:10px 5px;cursor:pointer;font-size:16px;}
#station input.submitDisabled, input.submitDisabled {background:#ccc;color:#666;border:1px #999 solid;width:210px;padding:10px 5px;font-size:16px;}
#station .errorMessage{color:#ff0000;line-height:30px;border:1px #ff0000 solid;padding:10px;margin:3px 0;width:600px;}
#station input.hkid {height:25px;border:1px #999 solid;padding:5px;font-size:16px;}
#station input.text {height:25px;border:1px #999 solid;width:300px;padding:5px;font-size:16px;}
#station select.select {border:1px #999 solid;width:300px;padding:5px;font-size:16px;}
#station .entry  {line-height:25px;margin:0 0 20px 0;}
#station .entry .label {float:left;width:150px;text-align:right;padding:0 20px 0 0;}
#station .entry .label label {display:block;}
#station .entry .field {float:left;width:400px}
#station .entry .field label {cursor:pointer;}

#station #left {float:left;margin:0;padding:0 0 0 5px;width:630px;}
#station #right {float:right;margin:0;width:300px;border:1px #EEE solid;}
#station #right #staffInfo ul{margin:0;padding:5px;;float:left;}
#station #right #staffInfo ul li{line-height:30px;margin:0 0 15px 20px; padding:0;font-weight:normal;font-size:16px;color:#333;}

#station #voteStatusBlock {}
#station #voteStatusBlock {line-height:30px;border:1px #666666 solid;padding:10px;margin:3px 0;}
#station #voteStatusBlock input.stopButton {background:#111;color:#FFF;border:1px #999 solid;width:100px;padding:10px 5px;cursor:pointer;font-size:16px;}

#footer {font-size:75%;color:#CCC;background:url('../images/footerbg.png') no-repeat;height:115px;}
#footer #footerDeclare{text-align:justify;padding:5px 0;margin:15px;}
#footer #copyright{color:#CCC;}

/* Add for Vote 2014 donation */
#leftMenu{width: 230px; float: left;}
#leftMenu ul{margin: 0; list-style: none;padding: 5px;}
#leftMenu ul li{ padding: 4px; border-bottom: 1px #EEE solid;}
#leftMenu ul li:hover{ background-color: #eee;}
#leftMenu ul li a:hover{ text-decoration: none;}
#rightContent{ width: 730px; float: right;}
#vote201411 .question{padding: 10px 0 5px 0; font-size: 1.1em;}
#vote201411 .options{margin: 5px 0 0 50px;}