/*============================================

               MetPetDB Main CSS
               
               last updated: 10/17/2007
              
 =============================================*/



/*-------------------------------------
         reset browser defaults
 --------------------------------------*/
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
a {text-decoration: none;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}


/*=====================================

              global styles
              
  =====================================*/
  
/*-------------------------------------
       general layout - page sections
 --------------------------------------*/
body {
	margin: 0;
	width: 100%;
	min-width: 600px;
	font: 9pt/13pt "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
	color: #000;
	background: #fff url(http://mpdb.zakness.com/images/bg.gif) repeat-y left top;
}
.pageWrapper {
	background: transparent url(http://mpdb.zakness.com/images/bg-sidebar.gif) repeat-y left top;
	border-bottom: 1px solid #cddbb5;
}
.pageWrapper:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#container {
	margin-left: 201px;
}
#content {
	margin: 0 1.5em 1.5em;
}
#loadingmessage {
	padding: 2em 2em 2em 4em;
	color: #762525;
	font-size: 1.4em;
	background: transparent url(http://mpdb.zakness.com/images/mpdb-loading.gif) no-repeat 2em center;
}
#leftcol {
	float: left;
	width: 201px;
	color: #3a3436;
	position: relative;
}


/*-------------------------------------
          general layout - header
 --------------------------------------*/
#header {
	background: #fff;
}
#header h1 {
	margin-top: 0.5em;
	text-decoration: none;
	display: block;
	margin-left: 0.7em;
	height: 50px;
	width: 179px;
	color: #fff;
	background: #0c5ea3;
}
#header h2 {
	margin: 0.5em 0;
	color: #787e66;
	font-size: 1em;
	margin-left: 1em;
}

/*-------------------------------------
          general layout - logbar
 --------------------------------------*/
#logbar-wrapper {
	background: #1f2326;
	height: 0.7em;
	position: relative;
	border-bottom: 1px solid #000;
}
#logbar {
	position: absolute;
	right: 50px;
	top: 0.7em;
	padding: 0 0.3em 0.3em;
	background: #1f2326;
	border: 1px solid #000;
	border-top: 0;
	color: #aaa;
	font-size: 0.9em;
}
#logbar div {
	display: inline;
}
#logbar .gwt-Hyperlink {
	text-decoration: none;
	border-bottom: 1px dotted #246fc2;
	color: #78b7fd;
	margin: 0 0.2em;
}
#logbar .gwt-Hyperlink:focus, #logbar .gwt-Hyperlink:hover, {
	border-bottom: 1px dotted #fff;
	color: #cde5ff;
}
#logbar strong {
	color: #fff;
}


/*-------------------------------------
        general layout - main nav
 --------------------------------------*/
#hdrnav {
	background: #F0FDC1;
	padding: 1em 1em 1em 0;
	border-top: 1px solid #DAEE9B;
	border-bottom: 1px solid #DAEE9B;
	border-left: 201px solid #e0edb7;
}
#hdrnav .gwt-MenuItem {
	padding: 0 0.5em 0 1.4em;
}
#hdrnav .gwt-MenuItem a,
#hdrnav .gwt-MenuItem a:link,
#hdrnav .gwt-MenuItem a:visited {
	color: #936b3b;
	cursor:pointer;
}
#hdrnav .gwt-MenuItem a:focus,
#hdrnav .gwt-MenuItem a:hover,
#hdrnav .gwt-MenuItem a:active,
#hdrnav .gwt-MenuItem-selected a,
#hdrnav .gwt-MenuItem-selected a:link,
#hdrnav .gwt-MenuItem-selected a:visited {
	color: #000;
	border-bottom: 1px solid #000;
}
#hdrnav .gwt-MenuItem a.hasMenu,
#hdrnav .gwt-MenuItem a.hasMenu:link,
#hdrnav .gwt-MenuItem a.hasMenu:visited {
	background: transparent url(http://mpdb.zakness.com/images/icon-menuarrow.gif) no-repeat right bottom;
	border: 1px solid #DAEE9B;
	padding: 3px 20px 3px 5px;
}
#hdrnav .gwt-MenuItem a.hasMenu:focus,
#hdrnav .gwt-MenuItem a.hasMenu:hover,
#hdrnav .gwt-MenuItem a.hasMenu:active {
	background-position: right top;
}
div.hdrnavMenu {
	background-color: #F0FDC1;
	border-left: 1px solid #DAEE9B;
	border-top: 1px solid #F0FDC1;
	border-right: 1px solid #c0d67c;
	border-bottom: 1px solid #c0d67c;
	margin: 1em 0 0 1.4em;
}
div.hdrnavMenu .gwt-MenuItem {
	border-bottom: 1px solid #DAEE9B;
	padding: 0.3em 0.5em;
	color: #936b3b;
	cursor:pointer;
}
div.hdrnavMenu .gwt-MenuItem:focus,			/* need to fix - should be <a> for ie6:hover */
div.hdrnavMenu .gwt-MenuItem:hover {
	background-color: #f7ffda;
	color: #000;
}


/*-------------------------------------
         general layout - footer
 --------------------------------------*/
#footer {
	clear: both;
	position: relative;
	color: #67765a;
}
#footer a:hover, #footer a:active {
	color: #318fdf;
}
#nsf {
	height: 40px;
	margin: 2.5em 1em 1em 200px;
	padding-bottom: 10px;
	font-size: 0.8em;
	text-align: left;
}
#nsf img {
	background: #aaa;
	float: left;
	margin: -5px 0.7em 0 1.5em;
	border: none;
}
#nsf a:hover img {
	background: #000;
}

/*-------------------------------------
         general styles - type
 --------------------------------------*/
h1, h2, h3 {margin: 0;}
h1, .h1 {
	font: 2em Helvetica, Arial, sans-serif;
	margin-top: 0.7em;
}
#content div h1 {
	padding-top: 0.7em;
	margin-top: 0;
	margin-bottom: 0.5em;
}
h2, .h2 {
	font: 1.5em Helvetica, Arial, sans-serif;
	margin-top: 0.7em;
}
p {margin: 1em 0;}


/*-------------------------------------
         general styles - links
 --------------------------------------*/
.gwt-Hyperlink {
	cursor:pointer;
}
.page-container a, .page-container a:link,
.page-leftcol a, .page-leftcol a:link,
.page-footer a, .page-footer a:link,
.gwt-Hyperlink {
	text-decoration: none;
	color: #0c5ea3;
	border-bottom: 1px dotted;
}
.page-container a:visited, #footer a:visited {
	color: #7f15b0;
}
.page-leftcol a:visited { 
	color: #0c5ea3;
}
.page-container a:focus, .page-container a:hover, .page-container a:active,
.page-leftcol a:focus, .page-leftcol a:hover, .page-leftcol a:active,
.page-footer a:focus, .page-footer a:hover, .page-footer a:active,
.gwt-Hyperlink:focus, .gwt-Hyperlink:hover {
	color: #318fdf;
}
.gwt-Hyperlink a {								/* need to fix - should only be a.gwt-Hyperlink */
	border-bottom: none !important;
}


/*-------------------------------------
         general styles - lists
 --------------------------------------*/
ul.bullet, ol {
	margin-left: 2em;
}
ul.bullet li {
	list-style-image: url(http://mpdb.zakness.com/images/li-bluearrow.gif);
	text-indent: -5px;
}
ol li {
	list-style-type: decimal;
	line-height: 1em;
	margin: 0.6em 0;
	color: #39c;
}
ol li span {
	color: #000;
}

/*-------------------------------------
         general styles - buttons
 --------------------------------------*/
button {
	border: 1px solid #ccc;
	padding: 0.3em;
	cursor: pointer;
	margin-right: 0.2em;
}
button:focus, button:hover {
	border: 1px solid #999;
}
button.btnPrimary {
	font-weight: bold;
}

/*-------------------------------------
         general styles - tables
		 
		 * need classname when .headerCell is the current sorting cell (instead of adding img)
 --------------------------------------*/
.mpdb-dataTable {
	width: 100%;
}
.mpdb-dataTable .headerCell {
	background-color: #faf4df;
	font-weight: bold;
	color: #64230f;
	text-align: left;
	vertical-align: middle;
	padding: 0.3em 0.5em;
	border-bottom: 1px solid #e2c798;
} 
.mpdb-dataTable .headerCell .gwt-Hyperlink {			/* need to fix */
	border-bottom: none;
}
.mpdb-dataTable .headerCell .gwt-Hyperlink a {			/* need to fix */
	color: #64230f;
	border-bottom: none !important;
	padding-right: 15px;
	background: transparent url(http://mpdb.zakness.com/samana/headerCell-sort.gif) no-repeat right center;
}
.mpdb-dataTable .headerCell .gwt-Hyperlink a img {			/* need to fix */
	background-color: #faf4df;
	margin-right: -15px;
	padding-top: 6px;
}
.mpdb-dataTable td {
	vertical-align: middle;
	padding: 0.3em 0.5em;
	border-bottom: 1px dotted #ddd;
	color: #333;
}
.mpdb-dataTable tr.oddRow {
	background: #f9f9f9;
}



/*-------------------------------------
              left col
 --------------------------------------*/
#leftcol ul.lcol-sectionList {
	margin-bottom: 1.2em;
	font-size: 0.9em;
}
#leftcol h1.header {
	background: #dadada url(http://mpdb.zakness.com/samana/bg-leftcol-header.gif) repeat-y right top;
	font: 0.8em Verdana, sans-serif;
	padding: 0.8em 0.5em 0.5em;
	color: #324453;
	border-bottom: 1px solid #c8c8c8;
	margin-top: 0;
}
#leftcol ul.lcol-sectionList a.gwt-Hyperlink,
#leftcol ul.lcol-sectionList a.gwt-Hyperlink:link,
#leftcol ul.lcol-sectionList a.gwt-Hyperlink:visited {
	display: block;
	padding: 0.3em 0.8em 0.3em 9px;
	border-bottom: 1px solid #ddd;
}
#leftcol ul.lcol-sectionList a.gwt-Hyperlink:focus, 
#leftcol ul.lcol-sectionList a.gwt-Hyperlink:hover,
#leftcol ul.lcol-sectionList a.gwt-Hyperlink:active {
	background-color: #fff;
}
#leftcol ul.lcol-sectionList li.evenRow {
	background: #e6eaf1 url(http://mpdb.zakness.com/images/bg-sidebar-li-odd.gif) repeat-y right top;
}
#leftcol #notice {
	padding-left: 0.5em;
	padding-right: 0.5em;
	font-size: 0.8em;
	color: #762525;
}

/*-------------------------------------
                Tab Panel
 --------------------------------------*/
.gwt-TabBar tr {
	background: transparent url(http://mpdb.zakness.com/samana/tabbar-bg.gif) repeat-x left bottom;
}
.gwt-TabBar .gwt-TabBarItem {
	margin: 0 0.2em;
	border: 1px solid #afcf73;
	background: #f5f7f1;
	cursor: pointer;
	padding: 0.2em 0.4em;
}
.gwt-TabBar .gwt-TabBarItem-selected {
	border-bottom-color: #fff;
	font-weight: bold;
	background: #fff;
}


/*-------------------------------------
               dialog box
 --------------------------------------*/
.gwt-DialogBox {
	background: #fff;
	padding: 1em;
	border: 1px solid #759140;
}
/* login box */
.mpdb-login fieldset.editmode {		
	border: none;
}
.mpdb-login td em {
	display: none;
}


/*-------------------------------------
              vertical panel
 --------------------------------------*/
.gwt-VerticalPanel {
	font-family: Helvetica,sans-serif;
	font-size: 2em;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	margin-top: 0.7em;
}


/*-------------------------------------
             options list
 --------------------------------------*/
#content ul.options {
	margin: 0.7em 0;
}
#content ul.options li {
	display: inline;
	margin-right: 1.5em;
	line-height: 1em;
}


/*-------------------------------------
          special links
 --------------------------------------*/
.addlink {
	padding-left: 15px;
	background-image: url(http://mpdb.zakness.com/images/add.gif);
	background-repeat: no-repeat;
	background-position: left center;
}


/*-------------------------------------
			pagination
 --------------------------------------*/
.mpdb-pageTable {
	margin: 1em 0;
	clear: both;
	float: right;
}
.mpdb-pageTable td {
	padding: 0 0.1em;
}
.mpdb-pageTable .gwt-Hyperlink {
	border-bottom: none !important;
	cursor: default;
}
.mpdb-pageTable .gwt-Hyperlink a,
.mpdb-pageTable .gwt-Hyperlink a:link,
.mpdb-pageTable .gwt-Hyperlink a:visited {
	border: 1px solid #9AAFE5 !important;
	padding: 0.3em 0.5em;
	color: #0c5ea3;
	line-height: 1;
}
.mpdb-pageTable .gwt-Hyperlink a:focus, 
.mpdb-pageTable .gwt-Hyperlink a:hover,
.mpdb-pageTable .gwt-Hyperlink a:active {
	border-color: #2E6AB1 !important;
	background-color: #EFF8FF;
}
.mpdb-pageTable .currentPageCell a, .mpdb-pageTable .currentPageCell a:link, .mpdb-pageTable .currentPageCell a:visited,
.mpdb-pageTable .currentPageCell a:focus, .mpdb-pageTable .currentPageCell a:hover, .mpdb-pageTable .currentPageCell a:active {
	background-color: #2E6AB1;
	border-color: #2E6AB1 !important;
	font-weight:bold;
	color: #fff !important;
	cursor: default;
}
.mpdb-pageTable .noPreviousPageCell a, .mpdb-pageTable .noPreviousPageCell a:link, .mpdb-pageTable .noPreviousPageCell a:visited,
.mpdb-pageTable .noPreviousPageCell a:focus, .mpdb-pageTable .noPreviousPageCell a:hover,.mpdb-pageTable .noPreviousPageCell a:active,
.mpdb-pageTable .noNextPageCell a, .mpdb-pageTable .noNextPageCell a:link, .mpdb-pageTable .noNextPageCell a:visited, 
.mpdb-pageTable .noNextPageCell a:focus, .mpdb-pageTable .noNextPageCell a:hover, .mpdb-pageTable .noNextPageCell a:active {
	color: #898989 !important;
	border: 1px solid #DDDDDD !important;
	background-color: transparent;
	cursor: default;
}


/*-------------------------------------
			calendar popup
 --------------------------------------*/

div[title="Calendar"] {
	background-color: #e6eaf1;
	border: 1px solid #91a3c1;
}
table.calendar-panel {
	width: 100%;
	background-color: #F6FFDD;
	border: none !important;
}
div.calendar-cell {
	border: 1px solid #e4f0c3;
	text-align: center;
}
div.calendar-headingCell {
	background-color: #e4f0c3;
	color: #55700a;
	border-bottom: 1px solid #6fa4d5;
}
div.calendar-dateCell {
	background-color: #fff;
	color: #7d992f;
}







/*-------------------------------------
                  forms
 --------------------------------------*/
fieldset table td {
	vertical-align: top;
    padding: 0.2em 1.5em 0.2em 0;
}
fieldset.showmode,
fieldset.editmode {
	margin-bottom: 1em;
	border: 1px dotted #759140;
	padding-bottom: 0.5em;
}
fieldset.nolegend {
	border-color: transparent;
}
.gwt-TabPanelBottom fieldset.showmode,
.gwt-TabPanelBottom fieldset.editmode {
	margin-bottom: 0;
}
.showmode legend,
.editmode legend {
	color: #4e681c;
	font-weight: bold;
	padding: 0.4em;
}
fieldset.nolegend legend {
	padding: 0;
}
.showmode label,
.editmode label {
	color: #64230f;
}
span.gwt-RadioButton label {
    color: #000;
    margin-right: 1em;
}
.showmode em,
.editmode em {
	color: #ff4545;
	font-weight: bold;
	font-style: normal;
}
.showmode em {
	visibility: hidden;
}
.editmode .invalid-msg {
	color: #ff4545 !important;
	padding: 0.3em 0;
	font-size: 0.95em;
}
.editmode input {
	border: 1px solid #ccc;
	padding: 0.1em 0.3em;
}
.editmode input:focus, 
.editmode input:hover {
	border: 1px solid #999;
}
.showmode td span {						/* need to fix */
	padding: 0.1em 0.3em;
	border: 1px solid transparent;
	font-size: 1.1em;
}
.editmode input.req {
	background: #f6ffdd;
}
.editmode input.invalid {
	background: #eeeef7;
}
.editmode input.invalidreq {
	background: #eae1fa;
}
input.submit {
	font-weight: bold;
}
/*-------------------------------------
           multi-purpose styles
 --------------------------------------*/

.section {margin-top: 1.5em; margin-bottom: 1.5em;}
.subsection {margin-top: 0.7em; margin-bottom: 0.7em;}
.tc {text-align: center;}
.tr {text-align: right;}
.vc {vertical-align: middle;}
.tl {text-align: left;}
.bl {display: block;}
.in {display: inline;}
.r {float: right;}
.l {float: left;}
.clr {clear: both;}
.clrr {clear: right;}
.clrl {clear: left;}
.clrn {clear: none;}
.ctr {margin-left: auto; margin-right: auto;}
.nobdr, a img {border: 0 !important;}
.nobg {background: none !important;}
.smt {font-size: 0.9em;}
.xsmt {font-size: 0.8em;}
.xxsmt {font-size: 0.7em;}
.bigt {font-size: 1.1em;}
.ml1 {margin-left: 1em;}
.mr1 {margin-right: 1em;}
.mt1 {margin-top: 1em;}
.mb1 {margin-bottom: 1em;}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/*=====================================

            Specific pages
            
  =====================================*/
  
/*-------------------------------------
              introduction
 --------------------------------------*/
#screen-Introduction {margin-right: -1.5em;}
#screen-Introduction td {
	padding-right: 1.5em;
	vertical-align: top;
}
#screen-Introduction-rcol {
	width: 250px;
	padding-right: 0 !important;
	background: transparent url(http://mpdb.zakness.com/samana/bg-rcol.gif) repeat-y left top;
}
#screen-Introduction-title {
	background-color: #F5F5F5;
	color: #AEAEAE;
	font: 0.8em Verdana,sans-serif;
	padding: 0.8em 0.5em 0.5em;
	border-bottom: 1px solid #EBEBEA;
}
#screen-Introduction-dblist {
	margin: 1em;
}
#screen-Introduction-dblist li {
	font-size: 0.8em;
	line-height: 1.4em;
	text-align: center;
	margin-bottom: 1em;
}
#screen-Introduction-dblist a {
	display: block;
	border: none !important;
}
#screen-Introduction-dblist a img {
	border: 1px solid #aaa !important;
	margin-bottom: 0.3em;
}
#screen-Introduction-dblist a:hover img {
	border: 1px solid #000 !important;
}
/*-------------------------------------
             my projects
			 
			 * should just use the mpdb-dataTable class
 --------------------------------------*/
.project-name
{
	font-family: Helvetica,sans-serif;
	font-size: 2em;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	margin-top: 0.7em;
	color: black;
}
/* Projects Label on the left container*/
.gwt-projectsLabel{
	font-family: Helvetica,sans-serif;
	font-size: 3em;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	margin-top: 0.7em;
}
/*-------------------------------------
             project details
			 
			 * should just use the mpdb-dataTable class
 --------------------------------------*/
.table-List {
	width: 100%;
}
.table-List .table-ListHead td {
	background-color: #faf4df;
	font-weight: bold;
	color: #64230f;
	text-align: left;
	vertical-align: middle;
	padding: 0.3em 0.5em;
	border-bottom: 1px solid #e2c798;
} 
.table-List .table-ListHead td .gwt-Hyperlink {			/* need to fix */
	border-bottom: none;
}
.table-List .table-ListHead td .gwt-Hyperlink a {			/* need to fix */
	color: #64230f;
	border-bottom: none !important;
	padding-right: 15px;
	background: transparent url(http://mpdb.zakness.com/samana/headerCell-sort.gif) no-repeat right center;
}
.table-List .table-ListHead td .gwt-Hyperlink a img {			/* need to fix */
	background-color: #faf4df;
	margin-right: -15px;
	padding-top: 6px;
}
.table-List td {
	vertical-align: middle;
	padding: 0.3em 0.5em;
	border-bottom: 1px dotted #ddd;
	color: #333;
}
.table-List tr.oddRow {
	background: #f9f9f9;
}

/*-------------------------------------
                 random
 --------------------------------------*/
.gwt-container
{
	text-decoration: none;
	color: #0c5ea3;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: -moz-use-text-color;
}