body
{
    margin: 0;
    padding: 0;
    color: #555;
    font: normal 10pt Arial,Helvetica,sans-serif;
    background: #E3E0E3 !important;
}

#page
{
    margin-top: 5px;
    margin-bottom: 5px;
    background: white;
    border: 1px solid;
    border-color: #2f96b4 #2f96b4 #1f6377;
}

#header
{
    margin: 0;
    padding: 0;
    border-top: 3px solid #49afcd;
    display: block;
    height:60px;
}

#header .btn-toolbar{
    float:right;
    padding: 4px 15px 0 0;
}

#content
{
    padding: 20px;
}

#sidebar
{
    padding: 20px 20px 20px 0;
}

#footer
{
    padding: 10px;
    margin: 10px 20px 0;
    font-size: 0.8em;
    text-align: center;
    border-top: 1px solid #8896ad;
}

#logo
{
    padding: 20px 20px;
    font-size: 200%;
    float: left;
    width:206px;
    display: block;
    height:20px;
    background: url("../images/logo.png") no-repeat scroll 20px 10px transparent !important;
}

.dwn
{
    height: 5px;
    margin-left: 6px;
    margin-top: -2px;
    top: 50%;
    background: url('../images/arrow_down_white.png') no-repeat scroll 0 5px transparent;
    vertical-align: middle;
}

#mainmenu
{
    color: #ffffff;
    background-color: #49afcd;
    *background-color: #2f96b4;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
    background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    height: 27px;
}

#mainmenu ul
{
    padding:0px 20px 0px 20px;
    margin:0px;
    z-index:100;
}

#mainmenu ul li
{
    display:inline;
    float:left;
    list-style:none;
    position:relative;
    min-height: 1px;
    height: 16px;
    padding: 3px 10px 8px 10px;
}

#mainmenu ul li a
{
    color:#eeeeee;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    padding:5px; 8px;
}

#mainmenu ul li:hover, #mainmenu ul li.active{
    color: #ffffff;
    background-color: #2f96b4;
    *background-color: #2a85a0;
}
#mainmenu ul li a:hover, #mainmenu ul li.active a{
    color: #eeeeee;
    background-color:transparent;
    text-decoration:none;
}

#mainmenu li ul{
    margin:0;
    padding:0;
    display:none;
    position:absolute;
    left:0px;
    top:27px;
    width:160px;
    background: #ffffff;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

#mainmenu li ul li:last-child, #mainmenu li ul li:last-child:hover, #mainmenu li ul{
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
}

#mainmenu li:hover ul{ 
    display:block;
    margin:0;
    padding: 0px;
}

#mainmenu li li{
    list-style:none;
    display:list-item;
    padding:0;
    margin: 0;
    height:28px;
    width:160px;
}
#mainmenu li li a, #mainmenu li.active li a{
    color: #333333;
    padding: 5px 8px;
    display: block;
}
#mainmenu li li a:hover{
    color: #333333;
    text-decoration:none;
    background: transparent;
}
#mainmenu li li:hover{
    background: #eeeeee;
}

div.flash-error, div.flash-notice, div.flash-success
{
    padding:.8em;
    margin-bottom:1em;
    border:2px solid #ddd;
}

div.flash-error
{
    background:#FBE3E4;
    color:#8a1f11;
    border-color:#FBC2C4;
}

div.flash-notice
{
    background:#FFF6BF;
    color:#514721;
    border-color:#FFD324;
}

div.flash-success
{
    background:#E6EFC2;
    color:#264409;
    border-color:#C6D880;
}

div.flash-error a
{
    color:#8a1f11;
}

div.flash-notice a
{
    color:#514721;
}

div.flash-success a
{
    color:#264409;
}

div.form .rememberMe label
{
    display: inline;
}

div.view
{
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
    font-size: 0.9em;
    padding: 5px 20px;
}

div.breadcrumbs span
{
    font-weight: bold;
}

div.search-form
{
    padding: 10px;
    margin: 10px 0;
    background: #eee;
}

.portlet
{

}

.portlet-decoration
{
    padding: 3px 8px;
    background: #55688a;
    border-left: 1px solid #2a2c32;
}

.portlet-title
{
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    color: #eee;
}

.portlet-content
{
    font-size:0.9em;
    margin: 0 0 15px 0;
    padding: 5px 8px;
    border-bottom: 1px solid #2a2c32;
    border-left: 1px solid #2a2c32;
    border-right: 1px solid #2a2c32;
}

.portlet-content ul
{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin: 0;
    padding: 0;
}

.portlet-content li
{
    padding: 2px 0 4px 0px;
}

.operations
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.operations li
{
    padding-bottom: 2px;
}

.operations li a
{
    font: bold 12px Arial;
    color: #0066A4;
    display: block;
    padding: 2px 0 2px 8px;
    line-height: 15px;
    text-decoration: none;
}

.operations li a:visited
{
    color: #0066A4;
}

.operations li a:hover
{
    background: #eeeeee;
}

.email_template_block 
{
    background-color: #FBFBFB;
    background-image: -moz-linear-gradient(center top , white, whiteSmoke);
    background-repeat: repeat-x;
    border: 1px solid #DDD;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 white inset;
    list-style: none outside none;
    margin: 0 0 18px;
    padding: 7px 14px;
}

.fr{
    float: right;
}

/* tables fixes */
.grid-view table.items th{
    background: #e0e2e8 !important;
}
.grid-view table.items th a{
    color: #444444 !important;
}

table.detail-view th {
    text-align: left !important;
}

.dwn{
    height: 5px;
    margin-left: 6px;
    margin-top: -2px;
    top: 50%;
    background: url('../images/arrow_down_white.png') no-repeat scroll 0 5px transparent;
    vertical-align: middle;
}

/* forms fields */
.grid-view .filters input, .grid-view .filters select {
    width: 90% !important;
}
/*
input, select, textarea{
    -moz-border-bottom-colors: none !important;
    -moz-border-image: none !important;
    -moz-border-left-colors: none !important;
    -moz-border-right-colors: none !important;
    -moz-border-top-colors: none !important;
    -moz-box-sizing: border-box;
    border-color: #C0C0C0 #D9D9D9 #D9D9D9 !important;
    border-radius: 1px 1px 1px 1px;
    border-right: 1px solid #D9D9D9 !important;
    border-style: solid !important;
    border-width: 1px !important;
    margin: 1px !important;
    padding: 3px 1px 3px 3px;
}

select{
    padding:2px;
}

input:focus, select:focus, textarea:focus{
    border: 1px solid #4d90fe !important;
    box-shadow: 0 1px 2px rbga (0, 0, 0, 0.3) inset;
    margin: 1px !important;
    background: #eee;
}

input[readonly] {background: #fff;border:0px !important;}
*/
.hasDatepicker{
    background: white url(../images/icons/cal.png) right no-repeat !important;
    padding-right: 17px;
    width: 197px !important;
}

.Icon {
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
    width: auto;
}


/* Ticket Icons */

.Icon.OtherTicket {
    background: url("../images/icons/ticket_source_other.gif") no-repeat scroll 0 0 transparent;
}

.Icon.EmailTicket {
    background: url("../images/icons/ticket_source_email.gif") no-repeat scroll 0 0 transparent;
}

.Icon.PhoneTicket {
    background: url("../images/icons/ticket_source_phone.gif") no-repeat scroll 0 0 transparent;
}

.Icon.WebTicket {
    background: url("../images/icons/ticket_source_web.gif") no-repeat scroll 0 0 transparent;
}

.Icon.AssignedTicket {
    background: url("../images/icons/assigned_ticket.gif") no-repeat scroll 0 0 transparent;
}

.Icon.overdueTicket {
    background: url("../images/icons/overdue_ticket.gif") no-repeat scroll 0 0 transparent;
}

.Icon.note {
    background-image: url("../images/icons/note.gif");
    font-size: 1em;
    font-weight: bold;
}

.Icon.file {
    background-image: url("../images/icons/attachment.gif");
}

.Icon.thread {
    background-image: url("../images/icons/thread.gif");
    font-size: 1em;
    font-weight: bold;
}

.operations a.newTicket, .operations a.newTicket:hover {
    padding-left: 20px;
    background-image: url("../images/icons/new_ticket.gif");
    background-repeat: no-repeat;
    background-position: 1px 1px;
}

.operations a.Ticket, .operations a.Ticket:hover {
    padding-left: 20px;
    background-image: url("../images/icons/open_tickets.gif");
    background-repeat: no-repeat;
    background-position: 1px 1px;    
}

.operations a.assignedTickets, .operations a.assignedTickets:hover {
    padding-left: 20px;
    background-image: url("../images/icons/assigned_tickets.gif");
    background-repeat: no-repeat;
    background-position: 1px 1px;    
}

.operations a.overdueTickets, .operations a.overdueTickets:hover {
    padding-left: 20px;
    background-image: url("../images/icons/overdue_tickets.gif");
    background-repeat: no-repeat;
    background-position: 1px 1px;  
}

.operations a.archivedTickets, .operations a.archivedTickets:hover {
    padding-left: 20px;
    background-image: url("../images/icons/folder_brick.png");
    background-repeat: no-repeat;
    background-position: 1px 1px;  
}

.operations a.closedTickets, .operations a.closedTickets:hover {
    padding-left: 20px;
    background-image: url("../images/icons/closed_tickets.gif");
    background-repeat: no-repeat;
    background-position: 1px 1px;    
}

.operations a.internalTickets, .operations a.internalTickets:hover {
    padding-left: 20px;
    background-image: url("../images/icons/shield.png");
    background-repeat: no-repeat;
    background-position: 1px 1px;    
}

#infomessage, #warnmessage, #errormessage {
    border: 1px solid;
    font-weight: bold;
    margin-bottom: 1.5em;
    padding: 0.3em;
}

#warnmessage {
    background-color: #FDEDC1;
    border-color: #FAD163;
}

/* Side Content */
.clrfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#side-content h3{
    font-size: 1.3em;
    font-weight: bold;
    margin:0 0 4px 0;
    padding:0;
}

#article_search{
    padding: 5px;
    margin-bottom: 5px;
}

ul.article_categories {
    margin: 0 0 5px 0;
    list-style: none outside none;
    padding: 0px;
}

ul.article_categories li{
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}

ul.article_categories li h4 {
    color: #39381E;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.25em;
    margin: 10px 0 2px;
}

ul.article_categories li p.title {
    font-size: 1em;
}
ul.article_categories li p {
    color: #757575;
    margin: 0;
}
ul.article_categories li p a{
    text-decoration: none;
}
ul.article_categories li span.desc {
    margin-left: 3px;
}

/* articles */
div.tickets, div#top_articles, div#featured_articles, div#articles, ul#ticket_history_list {
    border-top: 2px solid #39381E;
    margin-bottom: 25px;
}

#dashboard{

}
#dashboard h3 {
    font-size: 1.375em;
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 10px;
}

div.ticket, div.article {
    background: url("../images/icons/article.gif") no-repeat scroll 13px 12px #F5FBFF;
    border-bottom: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    margin: 2px 0;
    padding: 10px 15px 12px 40px;
}

div.ticket p.ticket_subject, div.article p.article_subject {
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
div.ticket p.ticket_meta, div.article p.article_meta {
    font-size: 0.9em;
    line-height: 1.5em;
    margin: 0;
    padding: 0;
}

h3.article_subject {
    font-size: 1.75em;
    line-height: 1.15em;
    margin-bottom: 3px;
}
h5.article_subject{
    color: #555555;
}
h5.article_subject span{
    font-weight: normal;
    padding-right: 5px;
    padding-top: 1px;
}
h5.article_subject span:before {
    content: "»";
    margin-right: 4px;
}

div.article_body {
    padding-top: 10px;
}
div.article_meta {
    background: #F5FBFF;
    border-top: 1px solid #CCCCCC;
    margin: 30px 0 0 0;
    padding: 10px 10px 2px;
}
div.article_meta p {
    font-size: 1em;
    margin-bottom: 8px;
}

/* ticket */

table.msg{
    border-collapse: separate;
    border-spacing: 2;

}
table.msg tr th{
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

table.response tr th {
    background: #fcf8e3;
    color: #c09853;
    padding: 8px 15px;
}

table.message tr th {
    background: #f2dede;
    color: #b94a48;
    padding: 8px 15px;
}

table.note tr th {
    background: #d9edf7;
    color: #3a87ad;
    padding: 8px 15px;
}

table.note tr th.secondary {
    background: #fff;
    padding: 4px 15px;    
}

table.msg tr td{
    border: 1px solid #dddddd;
    padding: 8px 15px;
}
table.msg tr:last-child td:first-child {
    -moz-border-radius-bottomleft:4px;
    -webkit-border-bottom-left-radius:4px;
    border-bottom-left-radius:4px
}

table.msg tr:last-child td:last-child {
    -moz-border-radius-bottomright:4px;
    -webkit-border-bottom-right-radius:4px;
    border-bottom-right-radius:4px
}
table.msg tr:first-child th:first-child {
    -moz-border-radius-topleft:4px;
    -webkit-border-top-left-radius:4px;
    border-top-left-radius:4px
}

table.msg tr:first-child th:last-child {
    -moz-border-radius-topright:4px;
    -webkit-border-top-right-radius:4px;
    border-top-right-radius:4px
}

table tr.header td {
    background-color: #EFEFEF;
    border-color: #CCCCCC;
    padding: 1px 1px 1px 5px;
}

/******************/

table.message th, table.response th, table.note th {
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    padding: 1px 1px 1px 5px;
    text-align: left;
}
table.message td, table.response td, table.note td {
    background-color: #f9f9f9;
}

.email_template_block{
    background-color: #FBFBFB;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #F5F5F5);
    background-repeat: repeat-x;
    border: 1px solid #DDDDDD;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 #FFFFFF inset;
    list-style: none outside none;
    margin: 0 0 18px;
    padding: 7px 14px;
}

table.detail-view th {width:150px !important;}

#version{
    display: inline;
}

#version span{
    color: #55688A;
    border-bottom: 1px dotted #ccc;
    cursor:help;
}

.categorySearch select{width:180px !important;}

.search_col, .search_exp{
    display: inline-block;
    margin:7px;
    width: 0;
    height: 0;
    vertical-align: top;  
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
}

.search_col{
    border-top: 4px solid #000000;
}

.search_exp{
    border-bottom: 4px solid #000000;
}

.fileSize{
	padding: 0 10px;
font-size: 0.9em;
color: navy;
}
a.iconFr {float:right;display: none;}
.header .btn-toolbar{margin:2px!important; float:right;}


.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container{
    width: 995px !important;
}