/*
  Layout and CSS tricks obtained from
  http://www.bluerobot.com/web/layouts/
*/


body {
	font-size: 10pt;
	margin:0px;
	padding:0px;
	font-family:verdana, arial, helvetica, sans-serif;
	color:#333;
	background-color:white;
	}
h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:28px;
	line-height:28px;
	font-weight:900;
	color:#ccc;
	}
p {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
	}
#Content>p {margin:0px;}
#Content>p+p {text-indent:30px;}

a {
	color:#09c;
	font-size:11px;
	text-decoration:none;
	font-weight:600;
	font-family:verdana, arial, helvetica, sans-serif;
	}

p.alpha {
	padding-bottom: 2em;
}

a.alpha {
	font-size: 110%;
}

table,tr,td,th {
	border: hidden;
	font-size: 10pt;
	text-align: left;
}

td.check {
	text-align: center;
}

td.button {
	padding-top: 1em;
	text-align: center;
}

td.trash {
	padding-right: 3px;
}

div.row {
  clear: both;
  padding-top: 10px;
  }

div.button {
	clear: both;
	padding-top: 10px;
	text-align:	center;
}

div.row span.label {
  float: left;
  width: 125px;
  text-align: right;
  }

div.row span.formw {
  position: relative;
  width: 300px;
  text-align: left;
  }

.textfield      { border-color: #000000;
		  border-width: 1px; }

a:link {color:#09c;}
a:visited {color:#07a;}
a:hover {background-color:#eee;}

#Header {
	font-size: 18pt;
	margin:0px 0px 10px 0px;
	padding:10px 0px 13px 20px;
	/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	height:40px; /* 14px + 17px + 2px = 33px */
	/* line-height:11px; */
	voice-family: "\"}\"";
	voice-family:inherit;
	height:28px; /* the correct height */

	background:#E5F2FF none repeat scroll 0% 0%;
	border-bottom:1px solid #86B9F7;

	}
body>#Header {height:28px;}

#Header>a:link, #Header>a:visited {
  font-family:verdana, arial, helvetica, sans-serif;
  font-size: 12pt;
  color: #000;
}

#Header>a:hover {
  font-family:verdana, arial, helvetica, sans-serif;
  font-size: 12pt;
  color: #09c;
}
#Content {
	overflow: auto;
	margin: 0px 50px 50px 50px;
	padding:10px;
	}

#forms {
	margin: 15px 200px 50px 50px;
	width: 450px;
	border: 1px solid #999;
	padding: 10px;
	overflow: visible;
}

#Centered {
	position:absolute;
	left:50%;
	width:500px;
	margin-top:50px;
	margin-left:-266px;
	padding:15px;
	border:1px dashed #757575;
	background-color:#eee;
}

#Status {
  position: absolute;
  bottom: 2em;
  font-weight: bold;
  left: 10%;
  text-align: center;
  border: 1px dashed #999;
  padding-top: .5em;
  padding-bottom: .5em;
  padding-left: 2em;
  padding-right: 2em;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:500px;
}
/* Again, "be nice to Opera 5". */
body>#Status {width:500px;}

img.trash { border:0;
            width:10px;
            height:16px
          }
img.check { border:0;
            width:13px;
            height:12px
          }
img.status { border:0;
          }


#okmessage {
	background:#E2F9E3;
	border: 2px solid #9c9;
	display: block;
	color: #000;
	font-weight: bold;
	width: 100%;
	padding: 1em;
	}

#error {
	display: block;
	background-color: #FFE1E1;
	border: 2px solid #FF5254;
	width: 75%;
	color: #000;
	font-weight: bold;
	padding: 1em;
}
#warning {
	display: block;
	background-color: #FFFFBA;
	border: 2px solid #FFFF44;
	width: 75%;
	color: #000;
	font-weight: normal;
	padding: 1em;
}

ul.lookup {
	padding: 0;
	margin: 0;
}
ul.lookup li {
	margin: 0px;
	padding-left: 2em;
}
ul.lookup li.lihasmore { border-left: 1px dotted #aaa; }
ul.lookup li { list-style-type: none; border-left: 1px dotted #aaa; }
ul.lookup li span.warning {
	background-color: #FFFFBA;
	color: #000;
}
ul.lookup li span.error {
	background-color: #FFE1E1;
	color: #000;
}

td.rowcontent1 {
	font-size: 12px;
	color: #333333;
	white-space: nowrap;
	background: #F9F9F9;
	white-space: nowrap;
	BORDER-TOP: #EFF0F7 1px solid;
	BORDER-LEFT: #EFF0F7 1px solid;
	BORDER-RIGHT: #EFF0F7 1px solid;
	BORDER-BOTTOM: #EFF0F7 1px solid;
	height: 22px;
	padding: 2px;
}
div.caption {
	text-align: left;
	padding: 0;
	padding-top: 0.5em;
	margin-left: 10px;
	clear: none;
}
.search {
	text-align: right;
	padding-top: 0.5em;
	float: right;
	clear: both;
	margin: 0;
	margin-bottom: 0.5em;
}
td.rowcontent2 {
	font-size: 12px;
	color: #333333;
	white-space: nowrap;
	background: #eff7ff;
	white-space: nowrap;
	BORDER-TOP: #EFF0F7 1px solid;
	BORDER-LEFT: #EFF0F7 1px solid;
	BORDER-RIGHT: #EFF0F7 1px solid;
	BORDER-BOTTOM: #EFF0F7 1px solid;
	height: 22px;
	padding: 2px;
}

th.rowcontenth {
	font-size: 12px;
	color: #000000;
	white-space: nowrap;
	background: #ddf;
	white-space: nowrap;
	BORDER-TOP: #6C98D9 1px solid;
	BORDER-LEFT: #6C98D9 1px solid;
	BORDER-RIGHT: #6C98D9 1px solid;
	BORDER-BOTTOM: #6C98D9 1px solid;
	height: 30px;
	padding: 2px;
}
.TableHeader {
	margin: 0;
	padding: 0;
	background: #FCFCFC url(images/new/module_header_bkg.gif) left top repeat-x;
	border: 1px solid #999;
	clear: both;
}
table.TableWithTitle {
	margin: 0;
	padding: 0;
	border-spacing: 0;
}
.TableWithTitle th
{
	background: none;
	margin: 0;
	border: 0;
	height: 28px;
	vertical-align: middle;
}

.TableWithTitle tr td {
	border: 0;
}


label {
	font-weight: bold;
}

th.rowhsize {
	font-size: 0.75em;
	height: 1em;
	text-align: center;
}
.fig {
	text-align: right;
}
a.disabled { color: #f00; font-weight: bold; }
td.disabled { color: #f00; font-weight: bold; text-align: center; }
td.userdisabled { color: #f00; font-weight: bold; }
td.userdisabled a { color: #c00; font-weight: bold; }

h3 {
	font-weight: normal;
	font-size: 1em;
	padding:0;
	margin:0;
	color:#0099CC;
}



#Right {
	float: right;
	position: relative;
	top: -65px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 210px;
	background-color: transparent;
}
.Header
{
	width: 100%;
}

.HeaderIcon
{
	float: left;
	margin-right: 5px;
}
.WithTitle
{
	background: #FCFCFC url(images/new/module_header_bkg.gif) left top repeat-x;
	padding-top: 4px;
}
.WithTitle#forms
{
	padding-top: 4px;
}
.Title
{
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	width: auto;
	height: 30px;
}

.HeaderTitle
{
	border-right: solid 1px #7F7F7F;
	border-left: solid 1px #7F7F7F;
	background: #FCFCFC url(images/new/module_header_bkg.gif) left top repeat-x;
	padding: 6px 4px 4px 4px;
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	width: auto;
	height: 50px;
	padding: 1px;
}
.HeaderTitle a
{
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	display: block;
	margin: 0;
}
.HeaderTitle a:hover
{
	background: none;
}
.HeaderIcon.User {
	height: 48px;
	width: 48px;
	background-image: url(images/new/user_48.png);
	background-repeat: no-repeat;
	border: 0;
}
.HeaderIcon.Alias {
	height: 48px;
	width: 48px;
	background-image: url(images/new/motion_blur_48.png);
	background-repeat: no-repeat;
	border: 0;
}
.HeaderIcon.Group {
	height: 48px;
	width: 48px;
	background-image: url(images/new/group_48.png);
	background-repeat: no-repeat;
	border: 0;
}
.UContent
{
	border: solid 1px #7F7F7F;
	border-top: none;
	background-color: #FCFCFC;
	padding: 0 1em 1em 1em;
	margin-bottom: 1em;
}
a.sublink {
	font-size: smaller;
	text-align: right;
	display: block;
}
a.sublink:hover {
	background: none;
}

div.hr {
	border: 0px;
	height: 1px;
	background-image: url(images/new/line.gif);
	margin: 1em 0;
} div.hr hr {display: none; }

.indexmiddle {
	float: left;
	width: 60%;
}

.indexright {
	width:30%;
	margin-top: 75px;
}

.catchall {
	color: red;
	font-weight: normal;
}