
body {background: #f9f9f9;}
h1 {font-weight: normal; color: #464646; font-size: 22px; padding-bottom: 3px; margin-top: 7px; margin-bottom: 5px; border-bottom: 2px solid #dddddd; font-family: Georgia,"Times New Roman"; font-style: italic;}
div.pageHeading {padding-bottom: 3px; margin-top: 7px; margin-bottom: 5px; border-bottom: 2px solid #dddddd}
span.pageHeading {font-weight: normal; color: #464646; font-size: 22px; font-family: Georgia,"Times New Roman"; font-style: italic; }

/*links*/
a {color: #21759B; text-decoration: none}
a:hover {text-decoration: underline; color: #d54e21}

/*application name container*/
#appNameContainer { font-size: 18px; padding-left: 15px;  background: #f1f1f1; line-height: 2; font-family: Georgia,"Times New Roman"; color: white;}


/*user menu (My Account/Logoff etc)*/
#userMenuContainer{ float: right;margin-top:5px;}
#userMenuContainer .yuimenuitem-selected {	 background-color: #eaeaea;}
#userMenuContainer .yuimenubaritemlabel {padding: 0; color: #333}
#userMenuContainer .yuimenubarnav .yuimenubaritemlabel {padding-right: 20px;}
#userMenuContainer .yuimenubaritemlabel-hassubmenu {background: url(img/menubaritem_submenuindicator.png) right center no-repeat;}
                                 
/*search menu*/
#search_menu .yuimenuitem-selected {	 background-color: #fff;}

/*main menu*/
#menuBox {background: #f1f1f1;  border-top: 1px solid #e3e3e3;}
#menuBox .yuimenubar {   border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;}
#menuBox .yuimenubaritemlabel { border-style: solid; border-color: #e3e3e3; border-width: 1px 0; color: #21759B}
#menuBox .yuimenubarnav .yuimenubaritem {border-right: solid 1px #e3e3e3;}
#menuBox .yuimenubaritem-selected {}
#menuBox .yuimenubaritemlabel-selected {color: #d54e21}

/*project menu*/
#projectMenuContainer {border-top: 1px solid #e3e3e3; margin-bottom: 7px;}
#projectMenuBox {background: #f1f1f1; border-top: 1px soid #e3e3e3;}
#projectMenuBox .yuimenubar {   border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;}
#projectMenuBox .yuimenubaritemlabel { border-style: solid; border-color: #e3e3e3; border-width: 1px 0; color: #21759B}
#projectMenuBox .yuimenubarnav .yuimenubaritem {border-right: solid 1px #e3e3e3;}
#projectMenuBox .yuimenubaritem-selected { }
#projectMenuBox .yuimenubaritemlabel-selected {color: #d54e21}


#itemDetailsBox {background: #fff; padding: 5px; margin-left: 10px; color: #5d5d5d;border: 1px solid #dfdfdf; -moz-border-radius: 5px; border-radius: 5px; }
#itemDetailsBox h2 {font-size: 15px; font-weight: bold;  padding: 2px 0; margin-bottom: 5px; border-bottom: 2px solid #dfdfdf;}
#itemDetailsBox table {width: 100%}
#itemDetailsBox th {padding: 1px 0px; text-align: left; padding-right: 10px; border-bottom: 1px solid white; width: 30%; min-width: 80px;}
#itemDetailsBox td {padding: 1px 0px; text-align: left; border-bottom: 1px solid white;}
#itemDetailsBox tr:hover {background: #c6dff9;}

/*filters menu*/
#filtersPreviewMenuBox .yuimenubaritemlabel {padding-left: 5px;}

/*content*/
#contentContainer{ margin: 10px 15px; }
#content {margin: 0 10px 10px 10px; }


#goToMenuContainer{margin-left: -10px;}


/*tables*/
.contentTable td {padding: 3px 4px; vertical-align: top;}
.contentTable th {font-weight: normal; text-align: left; padding: 3px 4px; vertical-align: top;}

.btn{cursor:pointer;display:inline-block;background-color:#e6e6e6;background-repeat:no-repeat;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);padding:2px 14px 2px;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);color:#333;font-size:13px;line-height:normal;border:1px solid #ccc;border-bottom-color:#bbb;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-webkit-transition:0.1s linear all;-moz-transition:0.1s linear all;-ms-transition:0.1s linear all;-o-transition:0.1s linear all;transition:0.1s linear all;}.btn:hover{background-position:0 -15px;color:#333;text-decoration:none;}
.btn:focus{outline:1px dotted #666;}

/*tabs*/
.tabs {height: 28px;}
.tabs a {border: 1px solid #ababac; padding: 5px 10px;  background: #e6e6e6 url(img/tabs_bg.png) bottom left repeat-x;  border-radius: 5px 5px 0 0}
.tabs a:hover {background: #e6e6e6 url(img/tabs_bg_hover.png)}
.tabs .current, .tabs .current:hover, .tabs li.current a {background: #e6e6e6 url(img/tabs_bg_hover.png)}
.panes{border: 1px solid #ababac; border-top: 3px solid #ababac; padding: 5px; background: #f8f8f8;}
.panes fieldset {border: 1px solid #ababac; padding: 5px;}
.panes fieldset legend { margin: 0 5px; padding: 0 3px; border: 1px solid #ababac;}

/*modalbox*/
#modalBoxBody {
  padding: 0px;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f1f1f1));
  background-color: #f1f1f1;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #dddddd;
  box-shadow:0px 5px 3px -3px #828282;
  -webkit-box-shadow:0px 5px 3px -3px #828282;

}
div.modalBoxBodyContent { padding: 5px; border: 1px solid #fff; -moz-border-radius: 5px; border-radius: 5px; }
div.modalBoxBodyContent h1 { font-size: 14px; margin-bottom: 5px;}
div.modalBoxBodyContent label, div.modalBoxBodyContent th {font-weight: normal;}

/*table listing*/
table.tableListing {margin: 7px 0px 3px 0px;}
table.tableListing thead tr th, table.tableListing tfoot tr th { border: 1px solid #dadfe0; padding: 4px 4px 4px 4px; background: #ebebeb url(img/table_heading_bg.png) bottom left repeat-x; font-size: 11px }
table.tableListing tbody td {vertical-align: top;  border: 1px solid #dadfe0;  padding: 3px 4px; }
table.tableListing tfoot td {vertical-align: top;  border: 1px solid #dadfe0;  padding: 3px 4px; }
table.tableListing tbody tr.odd { background: #f3f3f3;}
table.tableListing tbody tr:hover {background: #eff5f9;}
table.tableListing thead tr .headerSortUp {background: url(img/table_heading_bg.png) top;}
table.tableListing thead tr .headerSortDown {background: url(img/table_heading_bg.png) top;}
table.tableListing tfoot td {font-weight: bold}

#projectShortInfo {margin-bottom: 15px;}
#projectShortInfo td {padding-right: 15px;}

ul.attachedList { list-style-type: none; padding-left: 0; width: 50%;}
.attachedList li { border: 1px dashed LightGray; padding: 4px; margin: 4px; background: white;}
.attachedList li:hover {background: #f3f3f3}

/*cluetip*/
.cluetip-jtip .cluetip-inner {  }                              
.ui-cluetip-header { font-size: 11px; background: white url(img/heading_bg.png)}

