/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/tabs.css";


/* Page
-------------------------------------------------------------- */


body {background:url(/img/back.jpg);}

#page { margin: 0 auto; background:#fff;  width: 950px; }

/* Header
-------------------------------------------------------------- */

#header { margin-top: 0; }

#header {height:100px;  position:relative; background:url(/img/page.png) repeat-x;}
#header #logo {position:absolute; top:0px; left:0px; width:169px; height:73px; background:url(/img/mclogo.png) top left no-repeat; padding:0; margin:0}
#header #logout {position:absolute; top:5px; right:4px; height:50px;  font-weight:bold; text-align:center}
#header #loginLogo { position:absolute; top:0px; right:5px; width:185px; height:52px; background:url(/img/amlogo.gif) top left no-repeat; padding:0; margin:0}
#header #logout a {color:#000; font-weight:bold;}
#header #logout a:hover {color:#666; font-weight:bold; text-decoration:none}
#header #logout a img {vertical-align:middle}

#header .tabs { position:absolute; top:65px; right:0px; }
#header .tabs li { margin-right: 1px; }
#header .tabs a { padding: 4px 10px; background: #369; color: #fff; font-weight:bold;  text-decoration: none; border:1px solid #369; border-bottom:none }
#header .tabs a:hover { background:#ddd; color: #666; border:1px solid #369; border-bottom:none}

#header form label { color: #fff; font-size:100%}
#header form input { font-size:100%}
#header form #submit {font-size:100%; background: #6A7389; color: #fff; padding: 1px 4px; border-right: 1px solid #283043; border-bottom: 1px solid #283043; border-top: 1px solid #9097A2; border-left: 1px solid #9097A2}
#header form #q { width: 170px; font-size:100%; border:1px solid #9097A2; background: #D9DBE1; padding: 2px}
#header form #q:hover, #header form #q:focus { background: #fff}

li input.dp { width:90px}
a.homeLink, a.homeLink:hover  {float:left; text-decoration:none; cursor:pointer;padding:40px 90px}
a.showinprint { color: #000; }

/***** Error messages *****/
label.errorLabel {color:#ff0000}
div.errorMessage {background:#DD0000; color:#fff; font-weight:bold; padding:3px; text-align:left; margin:5px 0 3px 0}
ul.errlist {float:left; margin:0 10px 5px 10px; padding:0 0 0 10px; list-style-type: none;}
ul.errlist li span.errorMessage {text-align:left; padding: 3px 30px; font-weight:bold; border-bottom:1px solid #ccc; background:#DD0000; color:#fff;}

h1.cnt {text-align:center;}
#loginSmallBox {width:184px; border:1px solid #ccc; background:#eaeaea;	padding:10px; margin:10px auto}
#loginSmallBox .loginLabel { width:100px; padding-top:3px; float:left; }
#loginSmallBox .loginInput { float:left; }
#loginSmallBox div {margin:5px 0}
p.logerror {color:red; text-align:center}


/* Body
-------------------------------------------------------------- */

#body { margin-top: 10px; padding:10px; }

#introduction { float: left; width:760px;  margin-left: 20px; }
#resources { float: left; width:150px; }

#resources h3 { color: #888; }
#resources ul, #resources ol { color: #888; }
#resources ul a { color: #555; }

#resources ul {margin:0; padding:0; list-style-type: none;  border:1px solid #ccc;}
#resources a {display:block; padding:5px;  background:#fff;  border-bottom: 1px solid #ccc;}
#resources a:link, #navlist a:visited {color:#000; text-decoration:none}
#resources a:hover {background-color: #369; color: #fff}
#resources li.sectionEnd a {border-bottom:1px solid #000;}
	
h2.main { text-align:center; font-size:120%; padding:0;  margin:0 auto;}

/* Lists Items   */
.mainTable {width:100%;  background:#fff url(/img/tbl-back.gif) 0 0 repeat-x; border:1px solid #ccc;  margin:5px 0 10px 0;}
.mainTable thead tr th, .mainTable thead tr td  { text-align:center; font-weight:bold }
.mainTable thead tr td a img { vertical-align:top; padding-top:3px;}
.mainTable thead tr.subtHead th, .mainTable thead tr.subtHead td { text-align:left }
td, th { padding-left:3px; border-right:1px solid #ccc}
.mainTable .subtHead th, .mainTable .subtHead td, tfoot tr td {background:#eaeaea}
.mainTable thead tr th.noBrd, .mainTable thead tr td.noBrd {border-right:none}
.mainTable thead tr .headAdd {border-left:none}
tbody tr.even, .even {background:#F0F5FE}
tbody tr.odd, .odd {background:#fff}
td.actions3 { width:60px; text-align:center;}
td.actions4 { width:80px; text-align:center;}
.timestamp, .cdur, .mainTable thead tr.subtHead th.timestamp, .mainTable thead tr.subtHead td.timestamp  {text-align:right}

/********* Forms ********/
.saveform { border: 1px solid #ccc;  background:#fff url(/img/tbl-back.gif) 0 0 repeat-x;  padding:3px 10px 20px 10px;}
.edit, .add { text-align:center; font-size:140%;  margin:10px auto;}

div.wwgrp { clear:both; padding:5px 5px 5px 0; margin:0 0 20px 0}
div.wwlbl, span.wwlbl { float:left; text-align:left; width:200px; margin:0 5px 0 0 }
div.wwctrl, span.wwctrl { float:left; margin:0 0 0 5px}
div.regSubm { clear:both; text-align:center; margin:10px auto}
.submbtns { width:90%; text-align:center; margin:5px auto}
.submbtns div {float:left; margin:0 5px}
.canceledit {float:right; clear:both; margin:0 15px 5px 0}
.canceledit img { vertical-align:middle}

textarea {background:url(/img/txtarea.gif) repeat-y left top; margin:6px 0 20px 0}
input,textarea {border:1px solid #ccc; padding:5px;}
input.timeField {width:60px;}

#listFilters {text-align:right; margin:0 0 5px 0;}

.reportFilters input.dp { width:90px}
.leftFormClmn {width:60%; float:left;	border-right:1px solid #ccc}
.rightFormClmn {width:39%; float:left}
div.succes {padding:3px; color:#fff; text-align:center; background-color:#009900;}
input.smInput { width:45px; }
div.spacer, div.spacerForm {clear: both; height: 0; font-size:0}

#pageR { margin: 0 auto; background:#fff; border:1px solid #369; width:99%; }
#pageR #rescont { float:left; width:18%; margin:0}
#pageR #intcont {float:left; width:82%; margin:0}
#pageR #introduction { float: right; width:98%;}
#pageR #resources { float: left; width:100%;}
#pageR .saveform { width:100%;  border: 1px solid #ccc;  background:#fff url(/img/tbl-back.gif) 0 0 repeat-x;  padding:0;}
#pageR form#r1 .reportFilters .wwgrp, #pageR form#r1 .reportFilters.wwlbl {float:left;}
#pageR div.wwgrp {float:left; clear:right; padding:0; margin:10px 5px 5px 5px}
#pageR #wwctrl_r1_form_submit {float:left; clear:right; padding:0; margin:23px 5px 5px 5px}
#pageR div.wwlbl, #pageR span.wwlbl {float:none; text-align:center; width:auto; margin:0 }
#pageR div.wwctrl, #pageR span.wwctrl {float:none; margin:0 0 0}
.reportCont {width:100%; padding:5px; overflow:auto;}
.sumtblcontL { width:49%; float:left}
.sumtblcontR { width:49%; float:right}

/***** Paging Index *****/
#paging { text-align:center; margin:0 auto}
#paging a { color: #0099FF; text-decoration:none}
#paging a:hover {color: #003366;}

/* Tool Tips */
a.tipz {	text-decoration:none}
a.tipz img {vertical-align:middle; }
table tr td img, table tr td a img {vertical-align:middle;}
.tip-title {color: #fff; 	z-index: 13000;  padding: 2px 5px; text-align:center; 	background:#369}
.tip-text {color: #fff; 	z-index: 13000;  padding: 8px; 	background: url(/img/bubble.png) top left;}
.hidetip{display:none;}
.tip .hidetip {display:block;}

table, table tr td {empty-cells:show;}

#reportTable .mainTable tbody tr.diffdate td { border-top:2px solid #666; border-top-color:#666; }
#reportTable .mainTable tbody tr.diffdate_dttpp td { border-top:2px solid #666; border-top-color:#666; }
#reportTable .mainTable tbody tr.diffdate_sk td { border-top:2px solid #666; border-top-color:#666; background-color: #ffcccc; }
/*#reportTable .mainTable tbody tr.same_dttpp td { }*/
#reportTable .mainTable tbody tr.same_sk td { background-color: #ffcccc; }
.ropts {text-align:center; margin:5px auto}


/***** Date Picker ******/
input.dp  {background:#fff url(/img/calendar.png) right no-repeat; border:1px solid #ccc}
/* the div that holds the date picker calendar */
.dpDiv {}
/* the table (within the div) that holds the date picker calendar */
.dpTable {text-align: center; color: #505050; background-color: #ccc;}
/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {}
/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {}
/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {}
/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {}
/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {background:#ccc;	border: 1px solid #aaa;}
/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {background-color: #ccc; border: 1px solid #aaa;}
/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {background-color: #aca998; border: 1px solid #888888; cursor: pointer; color: red;}
/* the table cell that holds the name of the month and the year */
.dpTitleTD { color:#000; text-align:center;}
/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {}
/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD { text-align:center;}
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {background-color: #333333; border: 1px solid #aaaaaa;	color: #fff;}
/* additional style information for the text that indicates the month and year */
.dpTitleText {color:#000; font-weight: bold;}
/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {color:#4060ff;	font-weight: bold;}
/* the forward/backward buttons at the top */
.dpButton {color:#fff; background: #333333;	font-weight: bold; padding: 0px;}
/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {font-size: 10px; color:#fff; background: #333333;}

/* Footer
-------------------------------------------------------------- */
#footer { border-top: 1px solid #eee; margin-top: 20px; }
#footer .tabs { width: 405px; border-top: 3px solid #eee; }
#footer .tabs a { padding: 10px 30px 10px 0; color: #666; text-decoration: none; }
#footer p.quiet { color: #ccc; padding:5px; }

#wwgrp_LeftList #wwctrl_LeftList table tbody tr td { border-right: 0px; border-bottom: 0px; }

tr.odd:hover {background:#b6c6d7;}
tr.even:hover {background:#b6c6d7;}

div#reportTable table.mainTable tbody tr:hover {background:#b6c6d7;}