body {padding: 0px 0px 0px 0px;font-size:11pt;font-family:Arial,Helvetica,Sans-Serif;margin:0px;background-color:#ffffff;}

table {font-size:100%;}

p {margin:9px 0 9px 0;}
h3, h2, h1{margin: 3px 3px 3px 0px;}
h1{font-size:16pt}
h2{font-size:13pt;font-weight:normal;}
h3{font-size:11pt;color:Gray;margin-top:15px}

a {color: #0560A6;text-decoration: none;}
a:visited {color: #0560A6;}
a:hover {color: #FF9900;text-decoration: underline;}

hr {height:1px;border:none;color:#cccccc;background:#cccccc;}

img {border:none;vertical-align:middle;}

input, select, button {font:11pt Arial,Sans-Serif;padding-top:3px;padding-bottom:3px;margin:0px}
input[type="image"] {padding: 0px} input[type="image"].button {padding: 5px}
input[type="text"], input[type="password"], select {border: 1px solid #e2e2e2;}
input[type="checkbox"] {margin: 4px 4px 7px 0px;vertical-align:middle;}
input[type="button"],
input[type="submit"],
button, input[type="image"].button {padding:5px 9px;border:1px solid #e2e2e2;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;background-image:url(images/bg_gradient.gif);cursor:pointer;color:#444;margin-left:0px;box-shadow: 2px 2px 4px #e9e9e9;-moz-box-shadow: 2px 2px 4px #e9e9e9;-webkit-box-shadow: 2px 2px 4px #e9e9e9;text-shadow:#ffffff 1px 1px 0px}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="image"].button:hover,
button:hover {color:Black;background-image:url(images/bg_gradient_rev.gif);}

textarea{border: 1px solid #e2e2e2;font:11pt Arial,Sans-Serif;padding-left:0px;padding-right:0px;}
/*ul{list-style-image: url(images/bullet.gif);}*/

img.avatar {border:1px solid #bbbbbb;padding:2px 2px 2px 2px; -ms-interpolation-mode:bicubic;height:50px;width:50px;}
img.smallavatar {border:1px solid #bbbbbb;padding:1px 1px 1px 1px; -ms-interpolation-mode:bicubic;height:25px;width:25px;}

a.dahsboard {border: 1px solid #e2e2e2;display:block;padding:5px 5px 5px 5px;width:220px;background-color:#f7f7f7;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
a.dahsboard:hover {background-color:#fcfcfc;text-decoration:none;}

ul{list-style-image: url(images/bullet.gif);}

div.lowtabs {padding: 10px 10px 10px 10px;border-right:1px solid #e2e2e2;border-left: 1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;box-shadow: 2px 2px 4px #e9e9e9;-moz-box-shadow: 2px 2px 4px #e9e9e9;-webkit-box-shadow: 2px 2px 4px #e9e9e9;}

table.icons img {float:left;margin-right:10px;}

.topmenu {font-weight: bold;}
td.topmenu {border-right: #bbbbbb 1px solid;border-left: #ffffff 1px solid;}
a.topmenu {color: #777777;text-decoration: none;}
a.topmenu:visited {color: #777777;}
a.topmenu:hover {text-decoration: underline;}

.maincontent {background-color: #FFFFFF; padding: 21px 10px 10px 15px;}
div.outerroundedborder {margin-bottom: 15px; padding: 7px; overflow:hidden;}
div.outerroundedborder h4{background: #fddb94 url(images/bg_gradient.gif) repeat-x top;text-align:left;color:#444444;border: #e2e2e2 1px solid;text-shadow:#ffffff 1px 1px 0px; margin: -8px; margin-bottom:5px; padding: 5px;}

table {border-collapse:collapse;}
th {background-image:url(images/bg_gradient.gif);background-position:top;background-repeat:repeat-x;background-color:#FDDB94;text-align:left;color:#444444;border: #e2e2e2 1px solid;text-shadow:#ffffff 1px 1px 0px}
tr.nobold th {font-weight:normal;}
table.ui-datepicker-calendar th {background:none;}/*datepicker fix*/
table.graphtable {border:1px solid #e2e2e2;}
table.graphtable td {border:1px solid #e2e2e2;}
table.graphtable td td {border:none;}

table.horizseparated td {border-top:1px solid #e2e2e2;}
table.horizseparated th {border: none;}
table.horizseparated img{margin-top:1px} /*for "new","upd" images */

.outerborder {border:1px solid #e2e2e2;}
.outerroundedborder {border:1px solid #e2e2e2;border-radius:6px;-moz-border-radius:6px;box-shadow: 2px 2px 4px #e9e9e9;-moz-box-shadow: 2px 2px 4px #e9e9e9;-webkit-box-shadow: 2px 2px 4px #e9e9e9;}
table.outerroundedborder th {border-top:none;border-left:none;border-right:none;}
table.outerroundedborder th:first-child, table.outerroundedborder tr:first-child > td:first-child {border-top-left-radius:6px;-moz-border-radius-topleft:6px;}
table.outerroundedborder th:last-child, table.outerroundedborder tr:first-child > td:last-child {border-top-right-radius:6px;-moz-border-radius-topright:6px;}
table.outerroundedborder tr:last-child td:first-child {border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;}
table.outerroundedborder tr:last-child td:last-child {border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;}
table.outerroundedborder {border-collapse:separate;border-spacing:0px;}

table.issueDetails td {height:30px;}
table.issueDetails td:first-child, table.attachments td:first-child {padding-left:25px;white-space:nowrap;}
table.issueDetails td:last-child{padding-right:10px}
table.issueDetails tr {vertical-align:top;}

td.commentLeftTd {white-space:nowrap;border-left:1px solid #e2e2e2;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;}
td.commentRightTd {border-right:1px solid #e2e2e2;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;border-top-right-radius:6px;-moz-border-radius-topright:6px;border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;}

.topheader {background-image:url(images/header_bg.png);height:72px;line-height:72px;color:white; padding-right: 15px;}
.topheader a {text-decoration:underline;color:white}
.topheader a:hover {text-decoration:none;}
.topheader button {box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}
.topheader .logo {float:left}
.topheader .login {white-space:nowrap;padding-left:60px;float:right;}
.topheader .search {line-height: normal; margin-top: 20px;text-align: right;float:right;}

.helpbottom {text-align:right;color:Gray;}
.helpbottom a {color:Gray;}

.mainContent {width: 64%;float:left;margin-right:1.5%;}
.sidebar {width: 34.5%; float:left;}
.contentTable {width: 80%;float:left;margin-left:1.5%;}
.info {width: 18.5%; float:left;}
.clearfix {clear:both}

td.editCell, td.editCal { background:no-repeat center;cursor:pointer; height: 20px; width: 20px; margin: 3px; vertical-align: middle;}
.editTable tr:hover td.editCell, .itemsList tr:hover td.editCell{background-image: url('images/edit.png');}
.editTable tr:hover td.editCal {background-image: url('images/ical.png');}
.editTable tr.separator td {padding:0;height:7px}

.itemsList h3 {margin-top: 15px;}
.itemsList tr {padding: 10px;}
.itemsList tr td {vertical-align:top;}
.itemsList .commentType div {padding: 5px 7px;background-color:#556270; color: White;text-align: right;min-width: 81px;}
.itemsList .commentType {width: 5%;padding: 5px;}
.itemsList .commentMeta {width:5%; text-align: right;}
.itemsList .commentText {width: 90%;vertical-align:middle;}
.itemsList li {margin:5px 0;}

.itemsList .commentTypeSystem div{background-color:#C6D8E1; color: #333;}
.itemsList .commentTypeTask div{background-color:#3461D3}
.itemsList .commentTypeFile div{background-color:#608043}

td.menu {white-space:nowrap;padding-left:10px;padding-right:10px}
.zeroverticalpadding {padding-top:0px;padding-bottom:0px}

table.icons img {float:left;margin-right:10px;}

.linethrough {text-decoration:line-through}

.gradientbg, .gradientbg td {background-image:url(images/bg_gradient.gif);background-position:top;background-repeat:repeat-x;background-color:#FDDB94;}
.sortable th {white-space:nowrap;cursor:pointer}

.alternativeLightbg {background-color:#f8f8fc;}
.lightbg {background-color:#f4f4fb;}
.darkbg {background-color:#e9e9f2;}
.techcommentbg {background-color:#e8f2ec;}
tr.ticketRow {cursor:pointer;}
tr.ticketRow:hover {background-color:#ffffff}

div.addBox {background-color: #f4f4fb;border:1px solid #e2e2e2;padding:7px 7px 7px 7px;display:inline-block}

div.toparea {background-image: url(images/grey_gradient.png); background-repeat:repeat-x; background-position:top;padding-top:23px;border-bottom:1px solid #e2e2e2}
div.toparea button, div.toparea input[type=submit] {padding-right:10px;text-align:center;min-width:135px;height:45px;margin:0px 0px 21px 15px;float:left;}
div.toparea button img {margin-right:10px;}
div.toparea div {margin-left:15px;margin-right:15px;margin-bottom:10px;float:right;}

td.techCommentCell {background-repeat:no-repeat;background-position:center;background-image: url('images/techguy_small.png');}

.commentsAttr{font-size:7pt;color:Gray}

.grey, a.grey {color: Gray;font-size:8pt}
tr.overdue .grey, tr.overdue td a, tr.overdue .commentsAttr {color: Red !important;}
a.grey {text-decoration:underline}
a.grey:hover {text-decoration:none}


/*tab bar*/
ul.tabmenu, .tabmenu li{border:0; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none;}
ul.tabmenu {border-bottom:solid 1px #9E9C99; height:29px; padding-left:20px; padding-top:10px}
.tabmenu li{float:left; margin-right:11px;}
.tabmenu a, .tabmenu a:link,
.tabmenu a:visited{background:url(MenuImage.ashx) right 60px;color:#FFFFFF;float:left;font-weight:bold;height:30px;line-height:30px;text-decoration:none;}
.tabmenu a span{cursor:pointer;float:left;background:url(MenuImage.ashx) left 60px;display:block;height:30px;margin-right:15px;padding-left:17px;position:relative;left:-5px;}
.tabmenu a:hover{background:url(MenuImage.ashx) right 30px;text-decoration:underline;}
.tabmenu a:hover span{background:url(MenuImage.ashx) left 30px;}
.tabmenu a.nomenu{background:none;font-weight:normal;margin-left:20px;font-size:8pt;}
.tabmenu a.nomenu span{float:none;background:none;display:inline;height:auto;margin-right:0px;padding-left:0px;position:static;}
.tabmenu a.nomenu:hover{background:none;}
.tabmenu a.nomenu:hover span{background:none;}
/* ACTIVE ELEMENTS	*/
.active a:link, .active a:visited, .active a:hover{background:url(images/tab-round.png) right 0 no-repeat;color:#666666;} 
.active a span, .active a:hover span{background:url(images/tab-round.png) left 0 no-repeat;}
/*popup div*/
.tabmenu div.popup {position:absolute;margin-top:25px;margin-left:20px;padding: 8px;display:none;z-index:1000;}
.tabmenu div.popup a {color:Gray;background:none;font-weight:normal;float:none;height:auto;line-height:200%}


/*tab bar 2 (white)*/
ul.tabmenu2, .tabmenu2 li{border:0; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none;}
ul.tabmenu2 {border-bottom:solid 1px #e2e2e2; height:29px; padding-left:20px;}
.tabmenu2 li{float:left;margin-right:10px;}
.tabmenu2 a, .tabmenu2 a:link,
.tabmenu2 a:visited{background:url(images/tab-round2.png) right 60px;color:#FFFFFF;float:left;height:30px;line-height:30px;text-decoration:none;}
.tabmenu2 a span{cursor:pointer;float:left;background:url(images/tab-round2.png) left 60px;display:block;height:30px;margin-right:15px;padding-left:17px;position:relative;left:-5px;}
.tabmenu2 a:hover{background:url(images/tab-round2.png) right 30px;text-decoration:underline;}
.tabmenu2 a:hover span{background:url(images/tab-round2.png) left 30px;}
/* 	ACTIVE ELEMENTS					*/
.active2 a:link, .active2 a:visited, .active2 a:visited, .active2 a:hover{background:url(images/tab-round2.png) right 0 no-repeat;color:#666666;font-weight:bold;} 
.active2 a span, .active2 a:hover span{background:url(images/tab-round2.png) left 0 no-repeat;}

/* task comments */
.taskCommentAdd { position:relative; width: 400px;padding:7px;background:white;margin-top:14px}
.taskCommentAdd textarea { width: 400px;}
.taskCommentAdd ul.taskCommentsList { list-style: none;padding: 0;margin:0}
.taskCommentAdd .notch { position: absolute; top: -11px; left: 0px; margin: 0; border-bottom: 12px solid #fff; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 0; padding: 0; width: 0; height: 0; font-size: 0; line-height: 0; _border-right-color: pink; _border-left-color: pink; _filter: chroma(color=pink); }
.taskCommentAdd .border-notch { border-bottom-color: #ccc; top: -12px; }
tr.overdue h3 {color: #F90501}