body {margin: 0; padding: 0;}
.container { width: 100%; }
/*
*/
body { color: #484848; background-color:#eee; font-family:"Lucida Grande", verdana, arial, helvetica, sans-serif; }
h1, h2, h3, h4 { font-family: "Trebuchet MS", Verdana, sans-serif; font-weight: bold; }
h1 { font-weight: normal; }
h2 {font-size: 22px; padding: 2px 10px 1px 0px; margin: 0 0 10px 0; color: #444; }
h3 {font-size: 18px; padding: 2px 10px 1px 0px; margin: 0 0 10px 0; color: #444; }
h4 {font-size: 13px; padding: 2px 10px 1px 0px; margin-bottom: 5px; color: #444; }
a { color: #333; }
.center { text-align: center; }

/* CakePHP magic */
div.input { padding: 10px; clear: both;}
div.password {}
div.submit {}
div.text {}
#authMessage {}
div.message { border: 1px solid; width: auto; margin-bottom: 7px; font-size: 1.1em; padding: 5px 8px; }
div.error-message { clear: both; margin-left: 122px; color: #FFF; }

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

/* markItUp magic */
textarea.markItUpEditor { width: 124%; margin: 0 -8px; }

/* reseting form elements */
label { float: left; width: 100px; text-align: right; color: #484848; }
input[type="text"], input[type="password"], select { float: left; margin-left: 20px; }
input, select {vertical-align: middle; margin-top: 1px; margin-bottom: 1px;}
input[type="text"], textarea, select { padding: 2px; border: 1px solid #d7d7d7; }
input[type="text"] { padding: 4px; }
input[type="text"]:focus, textarea:focus, select:focus { border: 1px solid #888866; }
option { border-bottom: 1px dotted #d7d7d7; }
input[type="checkbox"], input[type="radio"] { margin-left: 122px; }
label.checkbox, label.agreement, div.radio > label { margin-top: -17px; margin-left: 142px; width: auto; font-weight: normal; }
input.short { width: 30px; }
textarea { margin-left: 20px; height: auto; width: auto;}
div.agreement > input[type="checkbox"] { margin-left: 0px; }
div.agreement > label.checkbox, div.agreement > div.error-message { margin-left: 0px; }
div.agreement > label.checkbox { text-indent: 20px; text-align: left; }

/* overall template */
#header { height: 5.5em; background-color: #484848; padding-top: 8px; color: #fff; position:relative; }
#header h1 { margin: 0 24px; font-size: 24px; color: #fff;}
#header a { color: #fff; }
#main { background: #eee; margin: 8px 30px 0px 30px; }
#footer { clear: both; font-size: 0.9em; color: #aaa; padding: 5px; text-align: center; border: 0px; }

#content { background-color: #fff; border-right: 1px solid #ddd; padding: 6px 10px; z-index: 10; }
#wrapper { width: 80%; }
* html #content{ padding-left: 0; margin-top: 0px; padding: 6px 0;}
* html #wrapper{ width: 80%; }
html>body #content { min-height: 600px; }
* html body #content { height: 600px; } /* IE */
#sidebar{ float: right; width: 17%; position: relative; z-index: 9; min-height: 600px; padding: 0; margin: 0;}
* html #sidebar{ width: 17%; }
#sidebar h3{ font-size: 14px; margin-top:14px; color: #666;  }
#sidebar hr{ width: 100%; margin: 0 auto; height: 1px; background: #ccc; border: 0; }
* html #sidebar hr{ width: 95%; position: relative; left: -6px; color: #ccc; }
#main.nosidebar #sidebar{ display: none; }
#main.nosidebar #content{ border-right: 0; }
#main.nosidebar #wrapper{ width: auto; }

/* Navigations */
#top-navigation a, #main-navigation a, .pagination a { text-decoration: none; }
#top-navigation { background-color: #000; font-size: 10px; position: relative; padding: 0; height: 21px }
#top-navigation ul { margin: 0; padding: 0 21px; }
#top-navigation li { float: left; list-style-type: none; white-space: nowrap; margin: 0; padding: 0;}
#top-navigation li, #top-navigation .loggedas { color: #ddd; line-height: 21px; margin-right: 4px; }
#top-navigation li a { color: #999; padding:4px 5px; }
#top-navigation li a.active { background-color: #484848; color: #fff; }
#top-navigation .loggedas, #top-navigation li a:hover { color: #fff; }
#top-navigation .loggedas, #account { float: right; }

#main-navigation { position: absolute;  bottom: 0px;  left:6px; margin-right: -500px; }
#main-navigation ul { margin: 0 24px; list-style-type: none;}
#main-navigation li { float:left; margin: 0px 2px 0px 0px; padding: 0px 0px 0px 0px; white-space:nowrap; }
#main-navigation li a { display: block; background-color: #666; margin: 0; padding:4px 8px 6px; }
#main-navigation li a:hover { background: #999; text-decoration: none; }
#main-navigation li a.active, #main-menu li a.active:hover { background-color:#EEEEEE; color: #111; }
#quick-access { margin: 0 24px; float: right; }

.contextual {
   float:right;
   white-space: nowrap;
   line-height: 1.4em;
   margin-top: 5px;
   padding-left: 10px;
   font-size: 11px;
   font-family: verdana;
}
.contextual a { color: #2A5685; }
.contextual ul { list-style: none;}
.contextual li { float: right; margin-left: 10px;}
.contextual .active { display: none; }

ul.contextual {
   list-style: none;
   padding: 0;
   margin: 0;
}
/* page elements */
#main h2 { background-color: #edf3fe; margin: -6px -10px 20px -10px; padding: 10px 0 10px 10px; font-size: 14px; color: #484848; }
div.pagination { font-size: 90%; }
div.pagination div.last { margin-left: 28px; }
div.pagination a { color: #2A5685; }

/* tables */
table.list a { text-decoration: none; }
table.list {
   width: 100%;
   border-bottom: 1px solid #999;
   border-top: 1px solid #999;
   margin: 3px auto;
}
table.list td, table.list tr td { border-bottom: solid 1px #ddd; font-size: 11px; padding:4px 10px 4px 3px; }
table.list th {
   border: none;
   border-bottom: 1px solid #999;
   font-size: 9px;
   font-weight: normal;
   padding: 5px 3px 3px;
   text-transform: uppercase;
   text-align: center;
   background-color: #edf3fe;
}
table.list tr.even td { background-color: #fafafa; }
table.list tr.odd td { background-color: #fefefe; }
table.list tr.odd:hover, table.list tr.even:hover td { background-color: #ffd; }

/* login form */
#form-login { width: 32%; margin: auto; margin-top:5em; padding:1em; border: 2px solid #FDBF3B; background-color:#FFEBC1; }
#form-login label { width: 18%; }
#form-login input[type="text"], #form-login input[type="password"] { width: 70%; }
#form-login div.submit { margin: 30px 10px 0 0; text-align: right;}
#form-login input[type="checkbox"] { margin-left: 83px; }
#form-login label.checkbox { width: auto; margin-left: 103px; }
#form-login div.auth { border: 1px solid #300; background-color: #ffe3e3; color: #500; }

/* tabular forms */
.tabular legend, legend.tabular {
   font-family: "Trebuchet MS", Verdana, sans-serif;
   font-weight: normal;
   font-size: 13px;
   color: #484848;
   padding: 0 8px;
}
.tabular div.input {
   margin: 0;
   padding: 5px 0 8px 0;
   padding-left: 180px; /*width of left column containing the label elements*/
   height: 1%;
   clear:left;
}
html>body .tabular div.input {overflow:hidden;}
.tabular label{
   font-weight: bold;
   float: left;
   text-align: right;
   margin-left: -180px; /*width of left column*/
   width: 175px; /*width of labels. Should be smaller than left column to create some right margin*/
}
.tabular label.floating{
   font-weight: normal;
   margin-left: 0px;
   text-align: left;
   width: 270px;
}
.tabular input[type="checkbox"] { margin-left: 20px; margin-right: 10px;}

.quick_access { float: right; margin-top: -10px;}
/*
   icons
*/
.icon {
background-position: 0% 40%;
background-repeat: no-repeat;
padding-left: 20px;
padding-top: 2px;
padding-bottom: 3px;
}

.icon22 {
background-position: 0% 40%;
background-repeat: no-repeat;
padding-left: 26px;
line-height: 22px;
vertical-align: middle;
}

.icon-add { background-image: url(../img/add.png); }
.icon-edit { background-image: url(../img/edit.png); }
.icon-copy { background-image: url(../img/copy.png); }
.icon-del { background-image: url(../img/delete.png); }
.icon-move { background-image: url(../img/move.png); }
.icon-save { background-image: url(../img/save.png); }
.icon-cancel { background-image: url(../img/cancel.png); }
.icon-file { background-image: url(../img/file.png); }
.icon-folder { background-image: url(../img/folder.png); }
.open .icon-folder { background-image: url(../img/folder_open.png); }
.icon-package { background-image: url(../img/package.png); }
.icon-home { background-image: url(../img/home.png); }
.icon-user { background-image: url(../img/user.png); }
.icon-mypage { background-image: url(../img/user_page.png); }
.icon-admin { background-image: url(../img/admin.png); }
.icon-projects { background-image: url(../img/projects.png); }
.icon-help { background-image: url(../img/help.png); }
.icon-attachment  { background-image: url(../img/attachment.png); }
.icon-index  { background-image: url(../img/index.png); }
.icon-history  { background-image: url(../img/history.png); }
.icon-time  { background-image: url(../img/time.png); }
.icon-stats  { background-image: url(../img/stats.png); }
.icon-warning  { background-image: url(../img/warning.png); }
.icon-fav  { background-image: url(../img/fav.png); }
.icon-fav-off  { background-image: url(../img/fav_off.png); }
.icon-reload  { background-image: url(../img/reload.png); }
.icon-lock  { background-image: url(../img/locked.png); }
.icon-unlock  { background-image: url(../img/unlock.png); }
.icon-checked  { background-image: url(../img/true.png); }
.icon-details  { background-image: url(../img/zoom_in.png); }
.icon-report  { background-image: url(../img/report.png); }
.icon-comment  { background-image: url(../img/comment.png); }

.icon22-projects { background-image: url(../img/22x22/projects.png); }
.icon22-users { background-image: url(../img/22x22/users.png); }
.icon22-tracker { background-image: url(../img/22x22/tracker.png); }
.icon22-role { background-image: url(../img/22x22/role.png); }
.icon22-workflow { background-image: url(../img/22x22/workflow.png); }
.icon22-options { background-image: url(../img/22x22/options.png); }
.icon22-notifications { background-image: url(../img/22x22/notifications.png); }
.icon22-authent { background-image: url(../img/22x22/authent.png); }
.icon22-info { background-image: url(../img/22x22/info.png); }
.icon22-comment { background-image: url(../img/22x22/comment.png); }
.icon22-package { background-image: url(../img/22x22/package.png); }
.icon22-settings { background-image: url(../img/22x22/settings.png); }
.icon22-plugin { background-image: url(../img/22x22/plugin.png); }

 tr.odd td { background-color: #ffd; }

/*
   support suite
   @todo jad move it to its own
*/
#tickets tr.odd td, #tickets tr.even td { padding: 3px; font-size: 1em; height: 22px;}

/* color-coded lists */
.marker {
   display: block;
   padding: 1px 6px;
   font-size: 0.9em;
   color: #000;
   font-weight: normal;
   width: auto;
   float: right;
}
/*#tickets tr:hover .marker { margin-top:7px; }*/
.billing { background-color: #fc3; }
.support { background-color: #9c6; }

.priority-urgent, table.list tr.even.priority-urgent td { background-color: #ffd4d4; }
.priority-high, table.list tr.even.priority-high td { background-color: #fff2f2; }
.priority-low, table.list tr.even.priority-low td { background-color: #fff; }
table.list tr.odd:hover, table.list tr.even:hover td { background-color: #ffd; }

table.support_suite_tickets td.column-1 { width: 60px; text-align: left; }
table.support_suite_tickets td.column-3 { width: 60px; text-align: left; }
table.support_suite_tickets td.column-4 { width: 60px; text-align: left; }
table.support_suite_tickets td.column-5 { width: 140px; text-align: left; }
table.support_suite_tickets td.column-6 { width: 140px; text-align: center; }
table.support_suite_tickets td.column-7 { width: 40px; text-align: right; }

/* controls (options) */
#tickets .controls {  width: 64px; }
#tickets .controls span { display: none; }
#tickets .controls a {
   float: left;
   background-repeat: no-repeat;
   background-position: 0 3px;
   display: none;
   width: 16px;
   height: 19px;
/*   padding: 3px 0 3px 0;*/
}
a.delete { background-image: url(../img/delete.png); /*margin-top: 3px;*/ }
a.watch { background-image: url(../img/fav_off.png); }
a.watch:hover, a.watch.on { background-image: url(../img/fav.png); }
#tickets tr:hover .controls { background: #ffd; margin-left: -35px; height: 22px; margin-bottom: -22px;}
/*#tickets tr:hover td { background-color: #ffd; }*/
#tickets tr:hover .controls a { display: block; }

div.ticket { background: #ffd; padding: 6px; margin-bottom: 10px; border: 1px solid #d7d7d7; }
.ticket div.split { padding-top: 13px; }
.ticket .split span { display: block; padding: 2px 0; }
.ticket .split label { width: 25%; text-align: left;  }
.ticket .split span span { width: 65%; }
/*.ticket hr { margin-top: 13px;}*/
.ticket h4 { margin-bottom: 15px; margin-top: 13px; padding-top: 6px; border-top: 1px solid #d7d7d7; }

.history span.author { font-weight: bold; }
.history ul { margin: 8px 0 0 30px; }
.history div { padding: 15px 0; }

#update div.box { color:#505050; border: 1px solid #e4e4e4; padding: 7px 6px 0 6px; margin-bottom: 15px; background-color:#fcfcfc; }
#update fieldset { margin-bottom: 6px; }

.tabbedContent { margin-top: 15px; font-size: 0.9em; }

/* vBulletin */
.vbActiveUsers li { padding: 1px 0; }
.vbActiveUsers span { margin-left: -23px; padding: 5px 0 5px 19px; display: block; }
.vbActiveUsers span:hover { background-color: #edf3fe; }
.vbActiveUsers a { color: #2A5685; }
.vbActiveUsers a:hover { color: #333; }

ul.vbLatestPosts { list-style: none; margin-left: 0; }
.vbLatestPosts li { padding: 5px 0; border-top: 1px solid #333; }
.vbLatestPosts li.first { border: 0; }
.vbLatestPosts li:hover { background-color: #edf3fe; }
span.vbPostTitle { display: block; margin-bottom: 3px; font-weight: bold; }
span.vbPostLastPoster { display: block; font-style: italic;}

/* containers */
ol.containers, ul.container { list-style: none; margin-left: 0; }
ul.container { margin-left: 0;}
li.container_day { margin: 5px 0; }
span.container_date { background-color: #484848; color: #fff; padding: 5px; display: block; font-weight: bold; margin-bottom: 5px; }
li.container_file { padding: 5px 0; }
li.container_file:hover { background-color: #edf3fe; }
.container_file img { margin-left: 5px; margin-bottom: -3px;}
span.container_name { padding-left: 4px; font-weight: bold; }
span.container_meta { display: block; padding-left: 28px;}
div.containerColName { width: 600px; }

#container .ui-tabs-nav li a { padding:0.5em; font-size:0.8em;}
#container span.container_name { padding-left: 0px; font-weight: bold; }
#container span.container_meta { display: block; padding-left: 0px; }

/* customers */
table.customers td.column-1 { width: 30px; text-align: center; }
table.customers td.column-2 { width: 100px; text-align: left; }
table.customers td.column-3 { width: 70px; text-align: center; }
table.customers td.column-4 { width: 70px; text-align: center; }
table.customers td.column-5 { width: 60px; text-align: center; }
table.customers td.column-6 { width: 250px; text-align: center;}

/* migration_members */
table.migration_members td.column-1 { width: 250px; text-align: left; }
table.migration_members td.column-2 { width: 90px; text-align: left; }
table.migration_members td.column-3 { width: 60px; text-align: left; }
table.migration_members td.column-4 { width: 60px; text-align: left; }
table.migration_members td.column-5 { width: 60px; text-align: center; }
table.migration_members td.column-6 { width: 100px; text-align: right; }

/* migration_payments */
table.migration_payments td.column-1 { width: 300px; text-align: left; }
table.migration_payments td.column-2 { width: 60px; text-align: center; }
table.migration_payments td.column-3 { width: 60px; text-align: center; }
table.migration_payments td.column-4 { width: 60px; text-align: right; }

/* announcements */
/*div.announcement { border: 3px dashed #484848; }*/