/* 
  Stylesheet 
  Maian Support v2.0
  Written by David Ian Bennett
*/

html{
direction:rtl;
}

body {
  background:#415b62;
  padding:0;
  margin:0;
  font:12px tahoma, Lucida Sans Unicode, Lucida Grande, sans-serif;
  color:#3e3530;
  padding-bottom:20px;
}

div, h1, h2, h3, h4, p, form, label, input, textarea, img, span, fieldset, legend, ul, li {
  margin:0;
  padding:0;
}

img {
  border:0;
}

a {
  color:#000;
  
}

a:hover {
  color:#000;
}

.clear {
  clear:both;
}

.highlight {
  color:#5d781d;
}

td {
  text-align: right;
  vertical-align: top;
}

#wrapper {
  width: 920px;
  margin:0 auto;
  background:#eaeaea;
  padding:10px;
}

#header {
  width: 920px;
  margin:0 auto;
  padding:50px 0 20px 0;
}

#header p .dashboard {
  float:left;
  color:#fff;
}

#header p .dashboard a {
  color:#c0c0c0;
  text-decoration:none;
}

#header p .dashboard a:hover {
  text-decoration:underline;
}

#header p {
  text-align:right;
}

/* Search */
#searchBar {
  width: 940px;
  margin:0 auto;
  background:#f6f6f6;
  border-bottom:5px solid #415b62;
}

#searchBar p {
  padding:10px;
}

#searchBar p.float {
  float:left;
}

#searchBar .box {
  width:55%;
  padding:3px;
  border:1px solid #dedede;
  border-right:3px solid #dedede;
  font:12px tahoma, Lucida Sans Unicode, Lucida Grande, sans-serif;
  color:#5d781d;
}

#searchBar .button {
  background:#e0dfdf;
  padding:5px;
  border:1px solid #3f585d;
  color:#000;
  font:12px tahoma, Lucida Sans Unicode, Lucida Grande, sans-serif;
}

#searchBar .closebutton {
  background:#415b62;
  padding:5px;
  border:1px solid #000;
  color:#fff;
  font:12px tahoma, Lucida Sans Unicode, Lucida Grande, sans-serif;
}

/* Main Interface */
#boxes {
  height:100%;
}

#boxes #leftBox {
  border:1px solid #d7d7d7;
  background:#fff;
  float:right;
  width:50%;
}

#boxes #rightBox {
  border:1px solid #d7d7d7;
  background:#fff;
  float:left;
  width:49%;
}

#boxes #rightBox_search {
  border:1px solid #b9b9b9;
  background:#fff;
  float:left;
  width:49%;
}

#boxes #rightBox h2,#boxes #leftBox h2,
#boxes #rightBox_search h2 {
  background:#f6f6f6;
  padding:10px;
  font-size:16px;
  color:#696969;
  text-transform:uppercase;
}

#boxes #rightBox h2.updated {
  background:#FFF6BA url(templates/images/tick.png) no-repeat 98% 50%;
  padding:10px;
  font-size:16px;
  color:#000;
  text-transform:uppercase;
}

#boxes #rightBox p {
  padding:18px 10px 18px 10px;
  line-height:18px;
}

#boxes #rightBox_search p {
  padding:5px 10px 10px 10px;
  line-height:18px;
}

#boxes #rightBox_search p .term {
  display:block;
  color:#5d781d;
  margin-top:10px;
}

#boxes #rightBox_search p .explain {
 display:block;
 font-size:11px;
 margin:5px 0 0 0;
}

#boxes #rightBox_search .close {
  text-align:center;
  margin-top:10px;
  font-size:10px;
}

#boxes #rightBox_search .close a {
  color:#5d781d;
}

#boxes #rightBox_search .close a:hover {
  text-decoration:none;
}

#boxes .ticketForm {
  padding:10px;
}

#boxes .box {
  width:85%;
  padding:3px;
  border:1px solid #dedede;
  border-right:3px solid #dedede;
  font:12px tahoma, Lucida Sans Unicode, Lucida Grande, sans-serif;
  color:#5d781d;
}

#boxes label {
  display:block;
  margin:10px 0 10px 0;
  font-size:14px;
}

#boxes .buttonWrapper {
  margin-top:20px;
}

#boxes .buttonWrapper .forgot {
  float:left;
}

#boxes .buttonWrapper .forgot a {
  color:#5d781d;
  font-size:12px;
  padding-left:20px;
}

#boxes .buttonWrapper .forgot a:hover {
  text-decoration:none;
}

#boxes .button {
  background:#e0dfdf;
  padding:5px;
  border:1px solid #3f585d;
  color:#000;
  font:12px tahoma, Lucida Sans Unicode, Lucida Grande, sans-serif;
}

#boxes .button2 {
  background:#eaeaea;
  padding:5px;
  border:1px solid #d7d7d7;
  color:#000;
  font:12px tahoma, Lucida Sans Unicode, Lucida Grande, sans-serif;
}

#boxes .button3 {
  background:#415b62;
  padding:5px;
  border:1px solid #eaeaea;
  color:#fff;
  font:12px tahoma, Lucida Sans Unicode, Lucida Grande, sans-serif;
}

#boxes .error {
  display:block;
  background:#e8e8e8 url(templates/images/formerror.gif) no-repeat 98% 50%;
  color:#000;
  font-size:10px;
  padding:5px 25px 5px 5px;
  margin-top:3px;
  width:300px;
}

.replyBox .error {
  display:block;
  background:#e8e8e8 url(templates/images/formerror.gif) no-repeat 98% 50%;
  color:#000;
  font-size:10px;
  padding:5px 25px 5px 5px;
  margin-top:3px;
  width:500px;
}

/* New Password */
.newPassError {
  font-size:11px;
  color:red;
  background:url(templates/images/error.gif) no-repeat right center;
  padding:1px 20px 1px 0;
}

.newPassSuccess {
  font-size:11px;
  background:url(templates/images/ok.gif) no-repeat right center;
  padding:1px 20px 1px 0;
  color:#000;
}

/* Knowledge Base */
.kbWrapper {
  margin-top:5px;
}

#categories {
  border:1px solid #d7d7d7;
  background:#fff;
}

#categories h2 {
  background:#f6f6f6;
  padding:10px;
  font-size:16px;
  color:#696969;
  text-transform:uppercase;
}

#categories .kbaseWrapper {
  height:100%;
  padding:10px;
}

.kbaseWrapper ul.cats {
  list-style:none;
  width:100%;
  list-style-type: none;
  padding:5px;
}

.kbaseWrapper .cats li {
  width:33%;
  float:right;
  margin-bottom:10px;
}

.kbaseWrapper .cats li a {
  color:#5d781d;
  background:url(templates/images/folder.gif) no-repeat right center;
  padding-right:20px;
}

.kbaseWrapper .cats li a:hover {
  text-decoration:none;
}

.kbaseWrapper .cats li .summary {
  display:block;
  margin-top:3px;
  font-size:11px;
}

#questions {
  border:1px solid #d7d7d7;
  background:#fff;
}

#questions h2 {
  background:#f6f6f6;
  padding:10px;
  font-size:16px;
  color:#696969;
  text-transform:uppercase;
}

#questions .kbaseWrapper {
  height:100%;
  padding:10px;
}

.kbaseWrapper ul.ques {
  list-style:none;
  width:100%;
  list-style-type: none;
  padding:5px;
}

.kbaseWrapper .ques li {
  margin-bottom:15px;
}

.kbaseWrapper .ques li a {
  color:#415b62;
  background:url(templates/images/question.gif) no-repeat right center;
  padding-right:20px;
}

.kbaseWrapper .ques li a:hover {
  text-decoration:none;
}

.kbaseWrapper .ques li .summary {
  display:block;
  margin-top:3px;
  font-size:11px;
}

.kbaseWrapper {
}

.kbaseWrapper .answer {
  line-height:18px;
}

.kbaseWrapper .qfooter {
  margin-top:10px;
  padding-top:10px;
  color:#5d781d;
  font-size:10px;
  border-top:1px solid #d7d7d7;
}

.kbaseWrapper .qfooter .qfooterLinks {
  display:block;
  margin-top:10px;
}

.kbaseWrapper .qfooter .qfooterLinks a.print {
  color:#415b62;
  background:url(templates/images/print.gif) no-repeat right center;
  padding:1px 20px 1px 0;
  margin-right:20px;
}

.kbaseWrapper .qfooter .qfooterLinks a.bookmark {
  color:#415b62;
  background:url(templates/images/bookmark.gif) no-repeat right center;
  padding:1px 20px 1px 0;
}

.kbaseWrapper .qfooter .qfooterLinks a:hover {
  text-decoration:none;
}

.kbaseWrapper .qfooter .voting {
  float:left;
  color:#415b62;
}

.kbaseWrapper .qfooter .voting img {
  vertical-align:bottom;
}

.kbaseWrapper .qfooter .voted {
  color:#5d781d;
}

.kbaseWrapper .qfooter .pointer {
  cursor:pointer;
}

.kbaseWrapper .qfooter .yes,.kbaseWrapper .qfooter .no {
  color:#000;
}

/* New Ticket Interface */

#newTicketWrapper,#newTicketWrapperMessage {
  border:1px solid #d7d7d7;
  background:#fff;
}

#newTicketWrapper {
  margin-top:5px;
}

#newTicketWrapper .ticketForm .boxArea {
  height:100%;
  margin-bottom:10px;
  clear:both;
}

#newTicketWrapper .ticketForm .boxArea .boxLeft {
  float:right;
  width:49%;
}

#newTicketWrapper .ticketForm .boxArea .boxRight {
  float:left;
  width:49%;
}

#newTicketWrapper h2 {
  background:#f6f6f6;
  padding:10px;
  font-size:16px;
  color:#696969;
  text-transform:uppercase;
}

#newTicketWrapperMessage .message {
  padding:10px;
}

#newTicketWrapper .ticketForm {
  padding:10px;
}

#newTicketWrapper .box {
  width:85%;
  padding:3px;
  border:1px solid #dedede;
  border-right:3px solid #dedede;
  font:12px tahoma, Lucida Sans Unicode, Lucida Grande, sans-serif;
  color:#5d781d;
}

#newTicketWrapper .filebox {
  width:40%;
  padding:3px;
  border:1px solid #dedede;
  border-right:3px solid #dedede;
  font:12px tahoma, Lucida Sans Unicode, Lucida Grande, sans-serif;
  color:#5d781d;
}

#newTicketWrapper .smallbox {
  width:5%;
  padding:3px;
  border:1px solid #dedede;
  border-right:3px solid #dedede;
  font:12px tahoma, Lucida Sans Unicode, Lucida Grande, sans-serif;
  color:#5d781d;
}

#newTicketWrapper textarea {
  width:95%;
  padding:3px;
  border:1px solid #dedede;
  border-right:3px solid #dedede;
  font:12px tahoma, Lucida Sans Unicode, Lucida Grande, sans-serif;
  color:#5d781d;
}

#newTicketWrapper select {
  border:1px solid #dedede;
  font:12px tahoma, Lucida Sans Unicode, Lucida Grande, sans-serif;
  color:#5d781d;
  padding:3px;
}

#newTicketWrapper label {
  display:block;
  margin:10px 0 10px 0;
  font-size:14px;
}

#newTicketWrapper .buttonWrapper {
  margin-top:20px;
  text-align:center;
  padding-bottom:50px;
}

#newTicketWrapper .button {
  background:#e0dfdf;
  padding:5px;
  border:1px solid #3f585d;
  color:#000;
  font:12px tahoma, Lucida Sans Unicode, Lucida Grande, sans-serif;
}

#newTicketWrapper .error {
  display:block;
  background:#e8e8e8 url(templates/images/formerror.gif) no-repeat 1% 50%;
  color:#000;
  font-size:10px;
  padding:5px 25px 5px 5px;
  margin-top:3px;
  width:75%;
}

#newTicketWrapper .sum {
  font-weight:bold;
  font-size:16px;
}

#newTicketWrapper .attachmentWrapper {
  border-top:1px solid #eaeaea;
  margin-top:20px;
}

#newTicketWrapper .attachmentWrapper .attachBox {
  display:block;
  margin-bottom:2px;
}

#newTicketWrapper .sumWrapper {
  border-top:1px solid #eaeaea;
  margin-top:20px;
}

#newTicketWrapper .limits {
  color:#0a7a98;
}

/* Ticket Reply */

#ticketReplies {
  clear: both;
  margin-top:5px;
}

#ticketReplies .signature {
  color:#0a7a98;
  font-size:11px;
  margin-top:10px;
  padding-top:10px;
  border-top:1px dashed #d7d7d7;
}

#ticketReplies .nodata {
  font-size:10px;
  background:#fff;
  border:1px solid #d7d7d7;
  padding:10px;
}

#ticketReplies .reply_admin {
  clear: both;
  margin-top:5px;
  border:1px solid #d7d7d7;
  background:#fff;
}

#ticketReplies .reply_admin .text {
  padding:10px;
}

#ticketReplies .reply_admin .info {
  padding:5px;
  font-size:11px;
  background:#f6f6f6;
  border-top:1px solid #d7d7d7;
}

#ticketReplies .reply_admin .info .attachments {
  float:left;
}

#ticketReplies .reply_visitor {
  clear: both;
  margin-top:5px;
  border:1px solid #d7d7d7;
  background:#fff;
}

#ticketReplies .reply_visitor .text {
  padding:10px;
}

#ticketReplies .reply_visitor .info {
  padding:5px;
  font-size:11px;
  background:#f6f6f6;
  border-top:1px solid #d7d7d7;
}

#ticketReplies .reply_visitor .info .attachments {
  float:left;
}

/* Ticket Portal */
#yourTickets {
  height:100%;
}

#yourTickets #ticketList {
  border:1px solid #d7d7d7;
  background:#fff;
  margin:5px 0 5px 0;
}

#yourTickets #ticketList h2 {
  background:#f6f6f6;
  padding:10px;
  font-size:16px;
  color:#696969;
  text-transform:uppercase;
}

#yourTickets #ticketList h2 .float {
  float:left;
}

#yourTickets #ticketList h2 .float a {
  color:#3e3530;
  text-decoration:none;
  background:url(templates/images/open.gif) no-repeat right center;
  padding-right:20px;
}

#yourTickets #ticketList h2 .float a:hover {
  text-decoration:underline;
}

#ticketsWrapper {
  height:100%;
}

#ticketsWrapper .ticketWrapper,#ticketsWrapper .ticketWrapper_high {
  border:1px solid #d7d7d7;
  background:#fff;
  margin-bottom:5px;
}

#ticketsWrapper .ticketWrapper_high {
  border:1px solid #415b62;
}

#ticketsWrapper .ticketWrapper .subject,#ticketsWrapper .ticketWrapper_high .subject {
  float:right;
  width:86%;
  font-size:14px;
  font-weight:bold;
}

#ticketsWrapper .ticketWrapper .subject p,
#ticketsWrapper .ticketWrapper .view p,
#ticketsWrapper .ticketWrapper_high .subject p,
#ticketsWrapper .ticketWrapper_high .view p {
  padding:10px;
}

#ticketsWrapper .ticketWrapper .subject .from,
#ticketsWrapper .ticketWrapper_high .subject .from {
  display:block;
  font-size:12px;
  margin-top:10px;
  text-indent:3px;
  font-weight:normal;
  color:#415b62;
}

#ticketsWrapper .ticketWrapper .view,#ticketsWrapper .ticketWrapper_high .view {
  float:left;
  text-align:center;
  width:13%;
}

#ticketsWrapper .ticketWrapper .info,#ticketsWrapper .ticketWrapper_high .info {
  clear:both;
}

#ticketsWrapper .ticketWrapper .info p,#ticketsWrapper .ticketWrapper_high .info p {
  padding:7px;
  background:#f6f6f6;
  font-size:11px;
}

#ticketsWrapper .ticketWrapper .info .delete,#ticketsWrapper .ticketWrapper_high .info .delete {
  float:left;
}

#ticketsWrapper #pageNumbers {
  clear:both;
  margin-top:10px;
}

#ticketsWrapper #pageNumbers p {
  padding:10px;
  text-align:center;
  background:#e0dfdf;
}

#ticketsWrapper .nodata {
  font-size:10px;
  background:#fff;
  border:1px solid #d7d7d7;
  padding:10px;
}

#pageNumbers {
  clear:both;
  margin-top:10px;
}

#pageNumbers p {
  padding:10px;
  text-align:center;
  background:#e0dfdf;
}

/* View Ticket */
#viewBoxes {
  height:100%;
}

#viewBoxes #viewLeft {
  border:1px solid #d7d7d7;
  background:#fff;
  float:right;
  width:69%;
}

#viewBoxes #viewLeft a {
  color:#415b62;
}

#viewBoxes #viewLeft a:hover {
   text-decoration:none;
}

#viewBoxes #viewLeft p {
  padding:10px;
}

#viewBoxes #viewLeft .attachments {
  padding:5px 0 5px 5px;
  font-size:10px;
  border-top:1px solid #eaeaea;
  color:#415b62;
  height:100%;
}

#viewBoxes #viewLeft .attachments .files {
  float:left;
  padding:5px 0 5px 10px;
  display:block;
  line-height:18px;
}

#viewBoxes #viewRight {
  border:1px solid #d7d7d7;
  background:#fff;
  float:left;
  width:30%;
}

#viewBoxes .highPriority {
  color:red;
}

#viewBoxes #viewRight .detailWrapper {
  padding:10px;
}

#viewBoxes #viewRight .detailWrapper label {
  display:block;
  margin:10px 0 2px 0;
  font-size:13px;
  font-weight:bold;
}

#viewBoxes #viewRight .detailWrapper p {
  color:#0a7a98;
}

#viewBoxes #viewRight h2,#viewBoxes #viewLeft h2 {
  background:#f6f6f6;
  padding:10px;
  font-size:16px;
  color:#696969;
  text-transform:uppercase;
}

.no_replies {
  text-align:center;
  border:1px solid #d7d7d7;
  background:#fff;
  padding:10px;
  margin-top:5px;
  font-size:11px;
}

/* Reply Box */

#replyBoxWrapper {
  height:100%;
  margin-top:5px;
  border:1px solid #d7d7d7;
  background:#fff;
}

#replyBoxWrapper .replyBox {
  padding:10px;
}

#replyBoxWrapper textarea {
  width:98%;
  padding:3px;
  border:1px solid #dedede;
  border-right:3px solid #dedede;
  font:12px tahoma, Lucida Sans Unicode, Lucida Grande, sans-serif;
  color:#5d781d;
}

#replyBoxWrapper label {
  display:block;
  margin:10px 0 10px 0;
  font-size:14px;
}

#replyBoxWrapper .buttonWrapper {
  margin-top:30px;
  text-align:center;
  padding-bottom:50px;
}

#replyBoxWrapper .closeButton {
  margin-top:20px;
  padding-top:20px;
  border-top:1px solid #eaeaea;
  font-size:14px;
}

#replyBoxWrapper .button {
  background:#e0dfdf;
  padding:5px;
  border:1px solid #3f585d;
  color:#000;
  font:12px tahoma, Lucida Sans Unicode, Lucida Grande, sans-serif;
}

#replyBoxWrapper h2 {
  background:#f6f6f6;
  padding:10px;
  font-size:16px;
  color:#696969;
  text-transform:uppercase;
}

#replyBoxWrapper .attachmentWrapper {
}

#replyBoxWrapper .attachmentWrapper .attachBox {
  display:block;
  margin-bottom:2px;
}

#replyBoxWrapper .attachmentWrapper .limits {
  color:#0a7a98;
}

#replyBoxWrapper .box {
  width:65%;
  padding:3px;
  border:1px solid #dedede;
  border-right:3px solid #dedede;
  font:12px tahoma, Lucida Sans Unicode, Lucida Grande, sans-serif;
  color:#5d781d;
}

/* Attachments */
.attached_file {
  display:block;
  line-height:18px;
  color:#5d781d;
}

.attached_file a {
  color:#5d781d;
}

.attached_file a:hover {
  text-decoration:none;
}