html {
	font-size:small;
	}

body {
	margin:0;
	font-family:'Trebuchet MS', Verdana, Arial, Sans-serif;
	font-size:100%;
	background:url(../bkgd-body.gif) repeat-x top left #ffe;/*#7f7f7f*/
  /*for centering in IE browsers*/
  text-align:center;
	}
	
#header h1 {
  padding:59px 0 0 0;
  overflow:hidden;
  background-image:url(/images/apps/downtime/title-downtime.gif);
  background-repeat:no-repeat;
  height:0px !important;
  height /**/:59px;
	width:358px;
	margin:0;
	margin-right:-3px;/* fixes horiz alginment issue in IE */
	}
	
form {
  padding:0;
  margin:0;
  }  

select, option {
	background-color:#fff;
	color:#000;
	}
	
	
img {
	border:0;
	}	
	
p {
	margin:0;
	padding:0;
	padding-bottom:1em;
	}
		
fieldset p {
	line-height:1.3em;
	}

#skip {
	display:block;
	position:absolute;
	width:1px;
	height:1px;
	left:-9999em;
	top:0;
	overflow:hidden;
	font-size:2px;
	}
   
/* page layout styles */
#container1, #header, #container3 {
  margin:auto;
  }
  
#container2 {
	margin:11px 10px 0 10px;
	}

#container3 {
  padding:0 16px 0 16px;
  background:url(../bkgd-content.gif) top left repeat-y #ffe;
  border-bottom:1px #333 solid;
	/*start IE 5/5.5 box-model hack*/
  width:772px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:740px;
	/*end box-model hack*/
	}

#header {
	border:1px solid #333;
	height:59px;
  text-align:right;
	padding:0 26px 0 26px;
  background:url(../bkgd-header.gif) repeat-y top left #fff;
  width:772px;/*set IE 5/5.5 width*/ 
  voice-family: "\"}\"";/*hide from IE 5/5.5*/
  voice-family:inherit;
  width:720px;/*reset width for standard box model compliant browsers*/
  }
  
#content {
	padding:10px;
  background-color:#fff;
  border-top:1px #ebebdc solid;
  border-bottom:1px #ebebdc solid;
  clear:both;
  width:100%;/*set IE 5/5.5 width*/
  }

#nav {
	color:#999;
  background-color:#fff;
  border-bottom:1px #666 solid;
  font-size:.8em;
  padding:3px;
	height:17px;
	line-height:17px;
  }

#nav a {
	}

#nav a:link, #nav a:visited {
	color:#4E4C3B;
  }

#nav a:active, #nav a:focus, #nav a:hover {
	color:#369;
  }

#footer {
  background-color:#F1F1E6;
  color:#000;
  text-align:center;
  padding:5px;
	font-size:.8em;
  }
	
#footer a, #footer a:visited, #footer a:active, #footer a:link {
 font-size:1em;
	}

#content, #container3 {
	text-align:left;
	}

h1, h2, h3 {
	color:#3c4e77;
  margin:0;
  padding:0;
  }
  
.left {
  float:left;
  }
	
h1 {
  font-size:1.8em;
  }
	
h2 {
  font-size:1.4em;
  }
	
h3 {
  font-size:1em;
  }
	
legend {
	font-size:1.2em;
	font-weight:bold;
	color:#3c4e77;
	}
  
.input2 {
  width:2em;
  }
  
.input4 {
  width:4em;
  }
  
.input5 {
  width:5em;
  }
  
.input8 {
  width:8em;
  }
  
.input10 {
  width:10em;
  }
  
.input20 {
  width:20em;
  }
     
.input40 {
  width:40em;
  }
  
.required, .format {
  font-size:.8em;
	padding-left:3px;
  }
	 
span.required, span.format {
  color:#dd3e3e;
	display:inline !important;
	font-weight:normal !important;
	float:none !important;
	width:auto !important;
  }
	
span.format {
  color:#000;
  }
	 
p.error {
  color:#dd3e3e;
	padding:0;
	padding-top:5px;
	font-weight:bold;
  }
	
input.error, textarea.error, select.error, div.error, span.error {
  background-color:#fffedd;
  }
  
#logo {
  background-color:#fff;
  height:83px;
  }

.submit {
	width:auto;
	margin-right:9px;
	}	

/* reset Netscape settings */
#footer, #content, #divider, #nav, #container1 {
  width:auto;
  }

#content, #nav, #container1 {
	margin:auto;  
  }

#header, #nav, #footer, #content {
  border:none;
  }
  
#nav {
  border-bottom:1px #ccccbf solid;
	background:url(../bkgd-nav.gif) repeat-x top left #f1f1e6;
  }
	 
#footer {
  border-top:1px #ccccbf solid;
	background-color:#f1f1e6;
  }
	
.disabled {
	background-color:#EBEBE4 !important;
	color:#666 !important;
	}

/* tableless form layout styles */
ul.form {
	list-style:none;
	margin:0;
	padding:0;
	}

ul.form li {
	text-indent:0;
	clear:both !important;
	margin-bottom:6px;
	margin-right: -3px;
	display:block;
	float:left;
	width:100%;
	}

label, div.label {
	width:250px;
	display:block;
	float:left;
	font-weight:bold;
	}

span.input {
	width:400px;
	float:left;
	display:block;
	}

span.input label {
	font-weight:normal;
	width:auto;
	display:block;
	clear:both;
	}
/* end tableless form styles */

.downtime-type {
	height:6em;
	}
	
.default-message {
	height:4em;
	}

a.button {
	float:left;
	display:block;
	border:1px solid #666;
	text-decoration:none;
	padding:0 4px 0 4px;
	margin-right:3px;
	}
	
a.button:link ,a.button:visited  {
	background-color:#ffc;
	font-size:.85em;
	
	}
	
a.button:focus, a.button:hover, a.button:active {
	background-color:#fc6;
	}

.downtimes {
	border:1px solid #666;
	border-width:1px 0 0 1px;
	}	
	
.downtimes td, .downtimes th {
	vertical-align:top;
	padding:3px;
	border:1px solid #666;
	border-width:0 1px 1px 0;
	}

.downtimes th {
	background-color:#666;
	color:#fff;
	}

.downtimes th a, .downtimes th a:link, .downtimes th a:visited {
	color:#fff;
	text-decoration:none;
	}

.downtimes th a:hover, .downtimes th a:focus, .downtimes th a:active {
	text-decoration:underline;
	}

.downtimes td a, downtimes td a:link,.downtimes td a:visited {
	color:#333;
	}

.downtimes td em {
	white-space:nowrap;
	display:block;
	margin-top:5px;
	}

.downtimes td em:first-child {
	margin-top:0;
	}

.downtimes tr.row1 {
	background-color:#ffe;
	}
	
.downtimes tr.row2 {
	background-color:#F1F1E6;
	}
	
.order1 a:before {
	content:url(../icon-dsc.gif);
	}
	
.order2 a:before {
	content:url(../icon-asc.gif);
	}
	
.actions {
	margin-top:1em;
	}
	
#userdata {
	float:right;
	margin-right:10px;
	}
	
#breadcrumbs {
	float:left;
	margin-left:10px;
	}
  
#breadcrumbs a, #breadcrumbs a:visited, #breadcrumbs a:active {
  color:#000;
  }html {
	font-size:small;
	}