@import url(/!mgt/icons/icons.css);
* { font-size: 1em; }

html, body { widht: 100%; height: 100%; font-size: 100%; }
body {
	background: #85873C;
	font: 12px/1.2 Verdana, Arial, sans-serif;
	margin: 0; padding: 0;
	
}

form { margin: 0; padding: 5px 0; }

big { font-size: 1.2em; }
small  { font-size: .83em; }


h2.pagename { font: bold 1.4em Calibri, "Trebuchet MS", sans-serif; letter-spacing: 1px; margin: 0 0 5px; padding: 5px; color: #37373f; }

/* =LINKS 
******************************/
a:link , a:visited {
  color : #0062c4;
  text-decoration : underline;
}
a:hover, a:active, a:focus {
  color : #3a3b8b;
  text-decoration : none;
}

#userstatus a:link, #userstatus a:visited { font-weight: bold; padding: 1px; }
#userstatus a:hover, #userstatus a:active, #userstatus a:focus { color : #000; text-decoration : none; }

.unapproved { border-left: 3px double #930; background: #ffe; background: rgba(255,255,238,.5); font-weight: bold; padding-left: 5px; }
span.unapproved { font-size: .83em; display: block; }

/* =COMMON GENERAL STYLES
******************************/
.ir {
	height/**/:/**/0!important;
	display: block;
	overflow: hidden;
}
.ib { display: inline-block; zoom: 1; *display: inline; _overflow: hidden; }



/* for any navigation elements */
.nav, .nav ul, .nav dd, .nav li {
	list-style: none;
	margin: 0; padding: 0;
}

.container, .layGrid { display: inline-block; }
.container:after, .layGrid:after { 
	display: block;
	content: '.';
	clear: both;
	height: 0;
	overflow: hidden; visibility: hidden;
}

.mainSub { width: 940px; }
.mainSub .sidebar,.mainSub .main { float: left; overflow: hidden; }
.mainSub .sidebar { width: 300px;  }
.mainSub .main { width: 625px;  }
.mainSub .content { padding: 5px; }


.message {
	padding: 3px 10px;
	border-bottom: 1px solid #aaa;
	background: #FFFBE8;
	color: #666;
}
div.error {
	color: #930;
	background: #ffe;
}
span.error { color: #930 !important; }
.message strong {
	display: block;
	margin: 0;
	padding: 2px 4px;
	font: 12px Arial Black, Arial, sans-serif;
}
.message p { margin: .2em .5em .5em; line-height: 1; font-weight: normal; }

.footnote { background: #fffbe8; font-size: .9em; border-top: 2px solid #aaa; padding: 3px 10px; }

.login {
	background: #FFFBE8;
	border: 1px solid #EC000A;
	padding: 4px;
	margin: 1em auto;
}

/* =FORMS */
.search { background: #D5DDE6; border: 1px solid #62656A; }
.search fieldset { border: 0 none; padding: 0; margin: 0; }
.search .buttons { background: #62656A; margin: 0; }

.buttons input, input[type=submit] { cursor: pointer; }

input, select, textarea { vertical-align: middle; font: 12px/1.2 Arial, sans-serif; }


label { cursor: pointer; color: #333; }
.reqd { color: #f30; }
.success { color: #090; font-weight: bold; }
.error { color: #930; font-weight: bold; }

fieldset { padding: 5px; color: #333; }
legend { font-weight: bold; font-size: 1.2em; color: #333; }

.cblist { list-style: none; margin: .5em 0 .5em 2em; padding: 0; }
.cb, .cblist li { padding-left: 1.8em; text-indent: -1.8em; }

.form fieldset { border: solid #aaa; border-width: 1px 0 0; margin: 1em 0; }
.form fieldset fieldset { background: #f2f2f2; }

table.form { border-collapse: collapse; }
.form td p, .form dd p { font-size: .83em; margin: 0; padding: 2px; }
.cblist p { font-size: .83em; margin: .2em; text-indent: 0; }

.label em {
	display: block;
	font: .9em/1 Arial,sans-serif;
}
.form .alt1 { background: #e7e7e7; }
.form .alt2 { background: #dfdfdf; }

table.form th, table.form td { padding: 4px 6px; }
.form dt label { font-weight: bold; }

.form th.label {
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	font-size: .9em;
}

.commands,.action,.buttons { /* command buttons row */
	background: #D5DDE6;
	color: #62656A;
	padding: 5px 3px 3px;
	text-align: center;
}
.formview .buttons { border: solid; border-width: 1px 0; }

.form dl { margin: .5em 0; }
.form dd { margin: 0; }
.layGrid dt { float: left; width: 160px; padding: 5px 0; text-align: right; clear: left; }
.layGrid dd { margin-left: 160px; padding: 5px; }

.layBlock dt { float: none; width: auto; text-align: left; }
.layBlock dd { margin: 0; padding: 5px; }

.layInline { display: inline; margin-left: 1em; }
.layInline dt { display: inline; float: none; padding: 0; margin: 0; }
.layInline dd { display: inline; margin: 0 1em 0 0; padding: 0; margin: 0; }
.layInline p { margin-left: 2em; }


/* =LAYOUT STYLES *
*****************************/
#canvas, #footer { width: 960px; }
#canvas {
	color: #332;
	background: #ffffff;
	padding: 3px 0;
	margin: 0 auto;
}
#content { margin: 3px; border: 1px solid #d2d2d2; background: #f2f2f2; padding: 3px; }
#footer {
	margin: .5em auto;
	text-align: center;
	font-size: .8em;
}

#footer a {
	color: #fcfcfc;
	text-decoration: none;
	margin: 0 .25em;
}

#footer a:hover { text-decoration: underline; }

/* Header Related */

#header {
	background: #728FA1 url(/!images/aris-frame.png) no-repeat 0 0;
	margin: 0 3px 2px;
	padding: 1px; 
	height: 83px;
}

#header h1 {
	font: bold 1.3em/1.2 Trebuchet MS, sans-serif;
	color: #fff;
	letter-spacing: 1px;
	margin: 0;
}
#header .ir { padding-top: 60px; width: 200px; height: 60px; vertical-align: bottom; background: url(/!images/logo.png) no-repeat 0 -28px; margin: 5px 5px 0 190px; }

/* Navigation Related */

#navigation {
	margin: -30px 3px 3px;
	list-style: none;
	overflow: hidden;
}
#navigation dd { float: left; }
#navigation dd a {  padding: 6px 8px; font-size: 1.1em; color: #fff; text-decoration: none; display: block; background: #37373f; border-right: 1px solid #fff; }
#navigation dd:hover, #navigation dd.active { background-color: #5B7D99; }
#navigation ul { display: none; position: absolute; border: 1px solid; background: #fff; padding: 1px;}
#navigation ul a { display: inline-block; }
#navigation ul a { display: block; padding: 2px 10px 2px 5px; font-size: 1em; }
#navigation ul a:hover { background: #d2d2d2; color: #37373f; }
#navigation dd:hover > ul { display: block; }

/*Constructs */
.panel { background: #D5DDE6; color: #62656A; border: 1px solid; margin-bottom: 1em; padding: 5px; vertical-align: top; }
.panel h3 { background: #5B95C5; color: #fff; text-shadow:#1E5C90 1px 1px 1px; margin: -6px -6px 5px; font-size: 1.1em; padding: 5px; border: 1px solid #1E5C90; }
.panel h3 a:link,.panel h3 a:visited { color: #fff; }
.panel ul { margin: 5px 0 5px 2.5em; padding: 0; } /* margin: 5px 0 0 2.5em; */
.w1 { width: 50px; }
.w2 { width: 100px; }
.w3 { width: 150px; }
.w4 { width: 200px; }
.w5 { width: 250px; }
.w6 { width: 300px; }
.panel .content { padding: 2px 5px; overflow: auto; margin: -5px -5px 0; max-height: 300px; }
.panel .content p { font-size: .83em; margin: .5em 0 .5em; }
.taskList {  }
.taskList dd { margin: 4px 0; }
.taskList dt, .panel .title { font-weight: bold; text-align: center; color: #fff; background: #37373f; font-size: 1.1em; padding: 3px 5px; display: block; margin-bottom: 3px; margin: -5px -5px 5px; }

/*Modal Popup*/
.modal {
	background-color:#62656A;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.window {
	background-color:#D5DDE6;
	border: 1px solid #62656A;
	padding:2px;
	width:400px;
}
.window .content { overflow: auto; background: #fff; padding: 5px; border: 1px solid #62656A; }
.window .title { font: 1em arial black, arial, sans-serif; color: #fff; background: #62656A; padding: 5px; cursor: move; margin: -2px -2px 2px; overflow: hidden; }


/* IE windows only - IEmac hack \*/
.container, .layGrid { display: block; }
* html .container, * html .layGrid { height: 1%; }
/* End hide from ie mac */