/* ===== Complaint System ===== */
#com {}
#com #container {width: 100%; background: #57533e url(img/com_container_top.gif) top repeat-x;}
#com #container #logorow {width: 830px; height: 98px; margin: 0px auto;}
#com #container #logorow #logo {width: 180px; height: 86px; margin-left: 65px; padding-top: 6px;}

#com #container #main {width: 830px; height: 471px;}
#com #container #main #left {float: left; width: 65px; height: 471px; background: url(img/com_main_left.gif) no-repeat;}
#com #container #main #right {float: left; width: 65px; height: 471px;  background: url(img/com_main_right.gif) no-repeat;}

#com #container #main #mid {float: left; width: 700px; height: 471px; background: url(img/com_main_bg.jpg) no-repeat; color: #404040;}
#com #container #main #mid #welcome {padding-left: 300px; padding-top: 13px; width: 344px; height: 36px;}

#com #container #main #mid #blurb {margin-left: 290px; width: 402px; margin-top: 3px;}
#com #container #main #mid #blurb .blurbtxt {width: 345px; margin-left: 18px; margin-top: 0px;}
#com #container #main #mid #blurb .blurbtxt .end {text-align: center; margin-top: 50px;}
#com #container #main #mid #blurb .blurbtxt .end .thankyou {font-size: 16px; font-weight: bold; color: white;}
#com #container #main #mid #blurb .blurbtxt .end .feedback {font-size: 14px; font-weight: bold;}
#com #container #main #mid #blurb .blurbtxt .end .officer {font-size: 14px;}

#com #container #main #mid #blurb {min-height: 412px; height: auto !important; height: 412px;}
#com #container #main #mid #blurb #blurbtop {height: 19px;}
#com #container #main #mid #blurb #blurbmid {background: url(img/com_blurbmid.png) repeat-y; behavior: url(iepngfix.htc);}
#com #container #main #mid #blurb #blurbgra {min-height: 288px; height: auto !important; height: 288px; margin-left: 7px; width: 388px; background: url(img/com_blurbgra.png) bottom no-repeat;}
#com #container #main #mid #blurb #blurbbtm {height: 19px;}
#com #container #main #mid #blurb #blurbdvd {margin-bottom: 6px; margin-top: 1px;}

h1 {font-size: 20px; font-weight: bold; margin-bottom: 0px;}
h2 {font-size: 16px; font-weight: bold; margin-top: 0px;}

#form_msg {}
#form_msg ul {margin: 0px; margin-left: 15px; padding: 0px;}

form {}
form div {width: 100%;}
form div .field {margin-bottom: 0px; /* background: #e0e0e0; */}
form div label {width: 120px;}
form div .required label {font-weight: bold;}
form div .error label {color: red;}
form div .nolabel {margin: 3px auto auto 120px;}
form div input.text {width: 215px; margin-bottom: 4px;}
form div input.texthalf {width: 144px;}
form div input.radio {margin: 0px;}
form div input.checkbox {margin-left: 0px; #margin-left: -4px;}
form div input.file {float: left;}
form div select {width: 100px;}
form div textarea {width: 215px; height: 84px;}
form div textarea.halfwh {width: 294px; height: 125px;}
form div textarea.halfh {width: 596px; height: 125px;}
form div .submit {margin-left: 260px; margin-top: -6px; behavior: url(iepngfix.htc);}
form div .submitspecial {margin-left: 0px; width: 83px;}

.field {clear: both; width: 100%; margin-bottom: 0px; overflow: hidden;}
.field label {float: left; width: 120px; overflow: hidden; height: 100%; margin-top: 0px;}
.field .value {float: left; width: 150px; margin-top: 3px;}

.field label .note {display: block; padding: 0px 5px 0px 0px; font-size: 10px; font-weight: normal; line-height: 12px;}

select.day, select.month, select.year, select.hour, select.min, select.sec, select.yn {width: auto;}

.listing {margin-top: 15px;}
.listing .add {float: left;}
.listing .stats {float: right; margin-bottom: 5px; text-align: right;}
.listing #filters {margin-bottom: 10px; display: block;}
.listing #filters select {margin: 0px;}
.listing #pagination {margin-top: 5px; color: #999; text-align: center;}
.listing #pagination .pagenum {color: black;}

.listing_item {width: 910px; border: 1px solid #666; border-top: 0px; padding: 5px; overflow: hidden;}
.listing_header {clear: both; border: 1px solid #666; font-weight: bold;}
.listing_details {width: 880px; border: 1px solid #666; border-top: 0px; padding: 5px; padding-left: 35px; display: none;}
.listing_details .text {width: 500px;}

.listing_item .actions {float: left;}
.listing_item .number {float: left; width: 30px;}
.listing_item .restaurant {float: left; width: 120px; margin-right: 10px;}
.listing_item .shortdesc {float: left; width: 300px; margin-right: 20px;}
.listing_item .location {float: left; width: 120px; margin-right: 10px;}
.listing_item .typeofdining {float: left; width: 150px; margin-right: 10px;}

.listing_item .promotype {float: left; width: 120px; margin-right: 10px;}
.listing_item .promotitle {float: left; width: 250px; margin-right: 10px;}
.listing_item .startdate {float: left; width: 100px; margin-right: 10px;}
.listing_item .enddate {float: left; width: 100px; margin-right: 10px;}

.listing_item .systemname {float: left; width: 200px; margin-right: 10px;}
.listing_item .displayname {float: left; width: 250px; margin-right: 10px;}

.thumbnail {float: left; width: 116px; margin: 5px 15px 5px 0px;}
.thumbnail img {display: block;}
.thumbnail .caption {margin-top: 5px; text-align: center; line-height: normal;}

.title {color: #363636; font-size: 24px; font-weight: bold;}
.subtitle {color: #363636; font-size: 14px; font-weight: bold;}
.header {color: #363636; font-weight: bold;}
.underline {text-decoration: underline;}
.small {font-size: 11px;}
.li_br li {margin-bottom: 20px;}

.red {color: red;}