@charset "UTF-8";
/* CSS Document */

html { height:100%; margin:0; padding:0; }
body { 
	margin:0 auto; padding:0;
	background: #e7edf1 url('../images/bg_overall.jpg') top center repeat-x;
	font-family:Verdana, Geneva, sans-serif; font-size:13px; 
	color: #666;
	height:100%;
}
#wrapper { 
	min-height:90%; 
	height:auto !important;
	height:90%; 
	position:relative;
	width:960px;
	margin: 0 auto;
	padding:0;
	background:#FFF;
	padding-bottom:50px;
	padding-top:-50px;
}
#header { 
	height:91px;
	width:950px;
	padding:0 5px 0 5px!important;
	margin:0 auto;
	display:block;
}

#start {
	margin:0px auto; 
	width:940px;
	background:#CCC;
	padding:10px;
	display:block;
	font-size:10px;
	text-align:center;
}
#main {
	margin:0px auto;
	padding:0 10px 10px 10px;
	width:940px;
	background:#FFF;
}
#footer {
	background:#4C9E76;
	padding:20px;
	width:920px;
	margin:0 auto;
	display:block;
	position:absolute;
	bottom:0;
	margin-top:60px;
	color:#EEE;
	font-size:11px;
}
#footer a { color:#FFF; text-decoration:none; font-weight:bold; }

img { border:0; }
table tr td { vertical-align:top; text-align:left; }
span.star { color:#4C9E76; font-weight:bold; margin-right:-3px; }
form {
 	margin: 0;
}
p { line-height:1.8; }
h1, h2 { color:#333; border-bottom:1px solid #666; margin:10px; padding:10px; }
input, textarea { 
	font-size:12px; 
	font-weight:bold;
	border: 1px solid #666;
	padding:4px;
	background:#FFF;
}
a { color:#4C9E76; font-weight:bold; }
.button {
    border: 1px solid #666;
    background: #4B7D9D;
	color:#FFF;
	font-weight:bold;
	padding:10px;
}
.button:hover { background:#315166; }
input.parsley-success, textarea.parsley-success {
	color: #468847 !important;
	background-color: #DFF0D8 !important;
	border: 1px solid #D6E9C6 !important;
}
input.parsley-error, textarea.parsley-error {
	color: #B94A48 !important;
	background-color: #F2DEDE !important;
	border: 1px solid #EED3D7 !important;
}
ul.parsley-error-list {
	font-size: 11px;
	margin: 5px;
	padding:0px;
	list-style-type:none;
	background:#FFF;
	border: 1px solid #EED3D7;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-left:-100px;
	position:relative;
	z-index:1000;
}
ul.parsley-error-list li {
	line-height: 11px;
	margin: 0;
	padding: 10px;
	width:auto;
	max-width:200px;
	color:#F00;
}

.buttons, .buttons:visited {
	background: #4B7D9D url(images/buttons_overlay.png) repeat-x; 
	display: inline-block; 
	padding: 3px 8px 4px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	font-size: 9px;
}
.buttons:hover	{ background-color: red; color: #fff; }
.buttons:active	{ top: 1px; }

input[type=text].small { width:100px; }
input[type=text] { width:130px; }
input[type=password] { width:130px; }
input[type=text].med { width:175px; }
input[type=text].long { width:220px; }
textarea.long { width:220px; }
textarea.med { width:175px; }

div.header-section { padding:0; padding-top:0px; }
a.tab { float:left; background:#4B7D9D; color:#FFF; margin:0 1px; font-size:10px; text-transform:uppercase; display:block; color:#FFF; text-decoration:none; padding:10px; position:relative; }
a.tab:hover { background:#315166; color:#EFEFEF; }
a.greeny { background:#4C9E76; }
a.greeny:hover { background:#2c5c45; }
a.new { background:#f2883e; color:#FFF; }
a.noaccess { background:#4B7D9D; color:#CCC; }
a.noaccess:hover { background:#999; color:#666; }
a.tab.selected { background:#CCC; padding:15px; margin-top:-3px; color:#333;  }
a.selected:hover { background:#CCC !important; }

/* CLEAR FIX*/
.clearfix:after {content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}

.alertify-logs {
	position: fixed;
	z-index: 5000;
	top: 10px !important;
	right: 10px;
	width: 300px;
	text-align:center;
}

.alertify-dialog input {
	width:100%;
}
	
span.ago { color:#AAA; font-size:9px; padding:3px; display: block; font-weight:normal; }
span.ago a { color:#AAA; }
span.notificationXXX { position:absolute;top:-2px;left:5px;background:red;min-width:10px;text-align:center;color:#FFF;padding:2px; }
.notification {
  position: absolute;
  top: 4px;
  left: 5px;
  min-width: 8px;
  height: 20px;
  line-height: 20px;
  margin-top: -11px;
  padding: 0 6px;
  font-weight: normal;
  color: white;
  text-align: center;
  text-shadow: 0 1px rgba(0, 0, 0, 0.5);
  background: #e23442;
  border: 1px solid #911f28;
  border-radius: 11px;
  background-image: -webkit-linear-gradient(top, #e8616c, #dd202f);
  background-image: -moz-linear-gradient(top, #e8616c, #dd202f);
  background-image: -o-linear-gradient(top, #e8616c, #dd202f);
  background-image: linear-gradient(to bottom, #e8616c, #dd202f);
  -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.1);
}

td.right { text-align:right; }
table td label { float:right; padding-top:5px; white-space:nowrap; }

#content1 { width:250px; float:left; margin:0; padding:10px 10px 60px 10px; position:relative; }
#content2 { width:650px; float:left; margin:0; padding:0px 10px 60px 10px; position:relative; z-index:1; }

#prodlist { padding-bottom:60px; background:; }
h3.prodlist { border-bottom:1px solid #333; margin:3px; padding:3px; }
ul.prodlist { margin:0; padding:0; list-style:none; margin-left: 0; padding-left: 5px; text-indent:0; }
ul.prodlist li { margin:0; padding:3px; border-bottom:dotted 1px #CCC; font-size:12px; }
ul.prodlist li a { padding:5px; }
.iframe_prod {	
	border:1px solid #CCC; min-height:30px; width:640px; margin:0 auto; margin-top:30px; 
	-moz-border-radius:5px; border-radius:5px; 
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888; 
 }

.new_headings { min-width:25px; min-height:25px; text-align:center; background:#FFF; margin:0; padding:12px; margin-left:-25px; float:left; }
.new_headings span { background:#4B7D9D; color:#FFF; font-size:24px; padding:3px 12px; }
h2.new { color:#4B7D9D; border-bottom:1px dotted #4B7D9D; padding:5px; }
table td.costs { text-align:center; font-weight:bold; background:#AAA; color:#FFF; border:2px solid #FFF; }

#role_matrix { font-size:9px; text-align:center; padding:2px; margin:0 auto; width:auto; }
#role_matrix td { text-align:center; padding:10px 5px; min-width:65px; margin:0px; background:#FFF; vertical-align:middle; }
#role_matrix td span.roley { padding:10px 0px; background:#FFF; display:block; }
#role_matrix .title { font-weight:bold; border-bottom:1px solid #EFEFEF; border-right:1px solid #EFEFEF; }
#role_matrix .role { font-size:9px; border:1px solid #FFF; background:#EFEFEF; color:#4B7D9D; }
#role_matrix .red span.roley { color:#4B7D9D; font-weight:bold; background:#FFC; }
.yellow { background:#FFC; color:red; }

.submenu { text-align:left; font-size:12px; color:#999; background:#EFEFEF; padding:5px; }
.submenu a { color:#000; padding:5px 10px; text-decoration:none; margin:5px 10px; }

a.tooltip { outline:none;  }
a.tooltip strong { line-height:30px; }
a.tooltip:hover { text-decoration:none; } 
a.tooltip span {
	font-weight:normal;
    z-index:10000;
	display:none; 
	padding:14px 20px;
    margin-top:-20px; 
	margin-left:18px;
    width:200px; 
	line-height:16px;
}
a.tooltip:hover span {
    display:inline; 
	position:absolute; 
	color:#111;
    border:1px solid #DCA; 
	background:#fffAF0;
}
a.tooltip span {
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;    
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}

a.tooltipmini span {
	width:140px;
	padding:7px 5px;
	text-align:center;
}

.person { display:block; padding:0; margin:0; }

.ui-datepicker { font-size:10px; }

.rotate {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

  /* Should be unset in IE9+ I think. */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  border:0;
  padding:0;
  margin:0;
  display:inline-block;
}

.greybg { background:#EFEFEF; }

div.proj_holder { border:1px dotted #AAA; margin:0; padding:0; background:#EFEFEF; margin-top:20px; }

table.project { width:935px; margin:0 auto; }
table.project tr { padding:0; margin:0; }
table.project td { padding:4px; margin:0; border:0; }
table.project h2 { padding:0 2px 2px 2px; margin:2px 2px 2px 2px; border-bottom:0; font-size:16px; }
table.project h2 a { text-decoration:none; color:#000; }
table.project .tiny { font-size:9px; color:#AAA; vertical-align:bottom; }
table.project .small { font-size:10px; color:#AAA; vertical-align:bottom; }
table.project .deter { color:#666; font-weight:normal; }
table.project tr.subsec td { border-top:1px solid #BBB; background:#EFEFEF; }
table.project tr.subsec div.subsec_title { background:#999; color:#FFF; text-align:center; padding:5px; font-weight:bold; float:left; width:80px; -moz-border-radius:5px; border-radius:5px; }
table.project tr.indiv td { color:#333; }
table.project tr.indiv td a { font-weight:bold; }
table.project tr.indiv .indiv_title { text-align:center; color:#BBB; font-weight:bold; }
table.project td.trunderline  { border-bottom:1px solid #333; }

table.proj_products td { background:#FEFEFE; padding:3px; margin:0; border:none; white-space:nowrap; text-align:center; font-size:11px; }

table.dollars { padding:0; margin:0; }
table.dollars tr td { background:#FEFEFE; margin:0px; border:2px solid #EFEFEF; vertical-align:middle; }

.toggle { margin-left:-32px; margin-top:6px; float:left; background:#EFEFEF; text-align:center; vertical-align:middle; border:1px dotted #AAA; border-right:0px; position:relative; z-index:2; }
.toggle a { text-decoration:none; padding:10px; display:block; font-weight:bold; }

.fancybox-type-iframe .fancybox-nav { display:none; }

.theid { float:right; font-size:10px; color:#999; font-weight:normal; }

ul.appr { list-style:none; list-style-type:none; padding:0; margin:0; }
ul.appr li.appr_title { padding:0; margin:0; width:25px; overflow:hidden; float:left; height:25px; text-align:left; font-family:"Courier New", Courier, monospace; font-size:12px; white-space: nowrap; }
ul.appr li.appr_check { padding:0; margin:0; width:25px; overflow:hidden; float:left; height:20px; text-align:center; white-space: nowrap; }
ul.appr li.appr_check img { width:15px; height:auto; border:0; }

.proj_holder .buttons:hover { background:#333; }
.proj_holder .green { background:#4C9E76 !important; } 
.proj_holder .green:hover { background:#2c5c45 !important; }
.proj_holder .orange { background:#f2883e !important; }
.proj_holder .orange:hover { background:red !important; }
.proj_holder .grey { background:#AAA !important; }
.proj_holder .grey:hover { background:red !important; }

.logitem { display:block; clear:both; white-space:normal; margin:1px 0; padding:2px; border-bottom:#BBB dotted 1px; line-height: 1.3; }
.log0, .log0 a { color: #FFF; background:maroon; padding:3px; }
.log1, .log1 a { color: #000; background:yellow; padding:3px; }
.log2, .log2 a { color: #999; }
.log3, .log3 a { color: #CCC; }
.log4, .log4 a { color:#666; }
.log5, .log5 a { color:#333; background:#FC9; padding:3px;  }
.log6, .log6 a { color:#000; background:#FC9; padding:3px; }

td.highlighted { background:#FFC!important; }
td.cancel { background:#FFCC99!important; }

.assets { border-left:1px solid #CCC; border-bottom:1px dotted #CCC; padding:5px; margin:5px; font-size:10px; word-wrap:break-word; display:block; height:auto; white-space:normal; }
.assets a { color:#4B7D9D; }
.assets .timestamp { font-size:8px; }

.highlight_timer { color:#E34955; font-weight:bold; }

#page-welcome ul, #page-audit ul {  padding:10px 0 0 10px; margin:5px auto; }
#page-welcome ul li, #page-audit ul li { font-size:12px; }
#page-welcome ul.subul, #page-audit ul.subul { list-style:none inside none; padding:0 5px; margin:0px auto; }
#page-welcome ul.subul li, #page-audit ul.subul li { border-bottom:1px dotted #CCC; padding:8px 5px; font-size:11px; white-space:nowrap; overflow:hidden; }