@charset "UTF-8";

/* main styles */
html, body, form {margin:0;padding:0;}
html, body {height:100%;width:100%;}
body {background:#BBD9EE;color:#222;font-family:arial,verdana,sans-serif;font-size:12px;}
.ui-widget {font-family:arial,verdana,sans-serif !important;font-size:12px !important;}
img {border:none;}
a {color:blue;text-decoration: none}
a:hover {text-decoration: underline}
input {vertical-align:middle}
.fl {float:left !important}
.fr {float:right !important}
.clearfix {display:block;}
.clear {clear:both !important}
.bold {font-weight:bold !important}
.normal {font-weight:normal !important}
.block {display:block !important}
.small {font-size:11px;}
a.no-link {color:#222 !important;}
.mr {margin-right:15px !important;}
.pointer {cursor:pointer;}

/*Public*/
.public {background-color:#FFFFFF;border:1px solid #ff6f00;padding:10px;width:310px;}
.public input[type="text"], .public input[type="password"]{width:200px;}

/*Footer*/
.footer {color:#666666;}

/*Loading*/
#loading {display:none;position:fixed;z-index:1005;background:none;background-color:#AAAAAA;background-attachment:fixed;background-position: 50% 50%;background-repeat:no-repeat;background-image:url('../img/icon/loading.gif');}

/* Success, notice and error boxes */
ul.error, ul.warning, ul.notice {border:2px solid #ddd;list-style:disc outside none;margin: 0 0 1em;padding:.4em 1em .4em 2em;text-align:left;}
ol.notice {border:2px solid #ddd;text-align:left;background: #E6EFC2;border-color:#C6D880;color:#264409;}

ul.error {background:#FBE3E4;border-color:#FBC2C4;color:#8a1f11;}
ul.warning {background:#FFF6BF;border-color:#FFD324;color:#514721;}
ul.notice {background: #E6EFC2;border-color:#C6D880;color:#264409;}
.error a {color:#8a1f11;}
.notice a   {color:#514721;}
.success a {color:#264409;}

/*Form*/
input[type="text"], input[type="password"], select, textarea {/*border:1px solid #8E9DAA;*/vertical-align:middle;}
input[type="text"], input[type="password"] {padding:3px 2px 2px;font-weight:normal;width:250px;}
label {font-weight:bold;}
select {padding:2px 2px 2px 0;width:250px;}
textarea {height:100px;padding:2px;width:420px;}
.errors {color:#CD0A0A;}
.errors .ui-icon {background-image: url('../img/icon/ui-icons_cd0a0a_256x240.png');margin-top:-2px;}

ul.errors {
    list-style: none;
    padding: 0;
    margin: 2px 0 5px;
    font-size: 11px;
}

.dialog-element {
    padding:2px 0;
}

.dialog-element label {
    display:block;
    font-size:11px;
    height:16px;
}

.dialog-element select {/*height:22px;*/padding:2px 2px 2px 0;width:200px;}
.dialog-element input[type="text"], .dialog-element input[type="password"], .dialog-element select, .dialog-element textarea {font-size:11px;}
.dialog-element input[type="text"], .dialog-element input[type="password"] {padding:0 2px 2px;height:14px;width:200px;}
.dialog-element textarea {height:100px;font-size:11px;padding:2px;width:420px;}

.table-label {
    vertical-align: top;
}

.table-label {
    line-height: 24px;
}

.table-label .errors .ui-icon {
    margin-top: 4px;
}

.table-element, 
.table-element input, 
.table-element select, 
.table-element textarea {
    font-size:12px !important;
    font-family:arial !important;
}

.element-description {margin-top:3px;}
.element-description a {color:blue;}

/*Tooltip*/
#tooltip {position:absolute;z-index:3000;padding:5px;opacity:0.85;}
#tooltip h3, #tooltip div {margin:0;}
#tooltip.errors {border:1px solid #CD0A0A;background-color:#FBE3E4;}
#tooltip.info {background:#FFF6BF;border:1px solid #FFD324;}
.info .ui-icon {margin-top:-2px;}

/*List*/
table.listing {border-collapse:collapse;width:100%;}
table.listing th {font-weight:normal;text-align:left;padding:5px;}
table.listing .sort {float:left;width:100%;}
table.listing .sort-text {float:left;margin-top:2px;}
table.listing td {/*background:#f4f4f4;*/border-bottom:1px solid #EBEBEB;color:#000;padding:3px 5px;}
table.listing .current td {background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;}
table.listing td a {color:blue;}
table.listing .highlight {background-color:#ffffcc;border:0;}
.list-paging {border-top:1px solid #9097A9;float:left;padding:5px 0;width:100%;}
.list-paging .paging-info {float:right;}
.list-paging .separator {padding:0 5px;}
.list-paging select {width:50px;}
.paging-layout button {font-weight:normal !important;margin:0 2px;padding:0 4px;}
.paging-layout button:hover {border: 1px solid #999999;color: #212121;}
.group-title {background:#f4f4f4;border-bottom:2px solid #9097A9;border-top:4px solid #fff;font-weight:bold;padding:7px 0 2px;}

/*Table actions*/
.list-actions {background-color:#f4f4f4;padding:5px;}
.ui-button-action {margin-left:5px;padding:5px !important;}
.ui-button-text {font-weight:bold;}
.ui-button-text-action-right {padding:0.2em 1.6em 0.2em 0.2em;}
.ui-button-text-action-left {padding:0.2em 0.2em 0.2em 1.6em;}
.ui-button-default {cursor:default !important;font-weight:bold;padding:2px;}
.action-container {border-left:1px solid #CFCFCF;border-top: 1px solid #CFCFCF;list-style:none;margin:0;padding:3px 0;position:absolute;width:200px;z-index:2;text-align:left;}
.action-container a {display:block;padding:3px 5px;text-decoration:none;}
.action-container a:hover {background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;}
.action-container .no-elements {color:#ccc;padding:3px 5px;}
.action-container-separator {border:0;background:#ccc;height:1px;margin:2px 5px;}
.action-container-item {padding: 3px 15px 3px 25px !important;}
.action-container .ui-icon {position:absolute;margin-left:3px;}
.list-actions label {font-size:12px;}
/*Table icons*/
.ui-icon-list {background-image:url(images/ui-icons_888888_256x240.png);}
.ui-icon-red {background-image: url(images/ui-icons_cd0a0a_256x240.png);}
.ui-icon-blue {background-image: url(images/ui-icons_2e83ff_256x240.png);}
.ui-icon-green {background-image: url(images/ui-icons_2ea112_256x240.png);}

/*Form view*/
.form-view {background:#f4f4f4;border-top:1px solid #AAAAAA;border-bottom:1px solid #AAAAAA;padding:3px;}
.form-view-footer {padding:0.3em 1em 0.5em 0.4em;text-align:left;}
.ticket-view {width:320px;margin-left:15px;}
.ticket-view .form-view {padding:7px;}

/* main container */
#main {margin:0 auto;width:992px;}

/* header */
#header {height:93px;width:992px;}
/* site logo */
a.logo {left:20px;position:absolute;top:5px;}

/* header menu */
.menu {margin-left:25px;position:absolute;top:60px;width:950px;}
#top-navigation {list-style:none;margin:0;padding:0;}
.top-menu-item {border-bottom:1px solid #FF6F00;float:left;height:33px;}
.top-menu-item a {background-color:#e7f1f8;color:#898989;float:left;height:21px;line-height:19px;margin:6px 3px 0 0;padding:4px 0 0 0;text-align:center;width:66px;}
.top-menu-item.active a {background-color:#fff;border:1px solid #FF6F00;border-bottom-color:#fff;height:24px;color: #222222;font-weight: bold;margin:0 2px 0 0;padding:8px 0 0;}
.top-menu-item.active a:hover {text-decoration:none;} 

.toppanel {height:0;/*position:fixed;*/width:992px;}
.quick-panel {background-color:#ffffcc;border-style:solid;border-width:0 1px 1px 1px;border-color:#AAA;margin-right:30px;padding:3px 10px;}
.quick-panel a {color:#606060;}
.quick-panel span {color:#606060;}
.quick-panel .ui-state-focus {background:none;border:0;}
.quick-panel .action-container {width:100px;}

/*tabs*/
#tabs {border-bottom:1px solid #000;list-style:none;margin:5px 0;padding:0 0 3px 2px;}
#tabs li {display:inline;}
#tabs li a:hover {text-decoration:none;}
#tabs li a {border-color:#000000;border-style:solid;border-width:1px 1px 0;padding: 3px 5px;}
#tabs li.active a {border-bottom:1px solid #fff;color:#000;font-weight:bold;}
.ui-tabs .ui-tabs-nav li a {padding:0.2em 0.4em;}

/* middle */
h2 {color:#43729F;font-size: 16px;margin-bottom:0px;padding-bottom:5px;}
h3 {border-bottom: 1px solid #888888;color:#43729F;font-size: 16px;margin-bottom: 0px;padding-bottom: 0px;}
.brightLink  {color: blue;font-weight: bold;}
.middle {box-shadow:5px 5px 9px #777777;webkit-box-shadow:5px 5px 9px #777777;-moz-box-shadow: 5px 5px 9px #777777;background-color:#fff;border:1px solid #FF6F00;float:left;margin:0 10px 20px;padding:0 12px 0 12px;width:946px;}

/*sidebar*/
#sidebar {margin-bottom:20px;}

/* homepage elements styles */
#homepage-top-left {margin-bottom:50px;margin-left:20px;margin-top:15px;min-height: 300px;width:922px;}

/*minimum*/
.content {padding:5px 15px;}

/*Page*/
.page-controls {float:left;}
.page-controls a {float:left;margin:2px;padding:4px 0;}
.page-controls .button {cursor:pointer;float:left;margin:2px;padding:1px 10px;}
.page-content {clear:both;}
.page-content h2 {margin-top:0;padding-top:10px;}

/* footer */
#footer {background:url("../img/bg-footer.gif") no-repeat;float:left;height:15px;width:100%;}

/*Button*/
.ui-button {font-weight:bold;}


.attachments .remove {margin-left:10px;font-size:10px;}
.attachments .remove:hover {text-decoration:underline;}