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


body {
	font-size: 14px;
	margin:0px auto;
	padding:0px;
	font-family: arial, helvetica, sans-serif;
	color:#333;
	text-align:center;
	}
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, th.check {
	text-align: center;
	margin: auto;
}

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 {
	box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.5) inset !important;
	font-size: 125%;
    width: 250px;
	margin: 0 auto 10px;
    padding: 5px;
	border-radius: 3px 3px 3px 3px;
    border-width: 1px;
    color: #333333;
    font-family: arial,helvetica,sans-serif;
    line-height: 1.2em;
    vertical-align: middle;
}

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;
}

#formswide{
	margin: 15px 200px 50px 250px;
	width: 750px;
	border: 1px solid #999;
	padding: 10px;
	overflow: visible;
}


#Centered {
	width:900px;
	margin:150px auto;
	padding:15px;
	border:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-color: #EAEAEA;
	background-image: -webkit-gradient(linear, left top, left 200, from(#f9f9f9), to(#EAEAEA)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #f9f9f9, #EAEAEA 200px); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #f9f9f9, #EAEAEA 200px); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #f9f9f9, #EAEAEA 200px); /* IE10 */
	background-image:      -o-linear-gradient(top, #f9f9f9, #EAEAEA 200px); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #f9f9f9, #EAEAEA 200px);
	text-align:left;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1), 0 3px 9px rgba(0,0,0, 0.1) !important;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1), 0 3px 9px rgba(0,0,0, 0.1) !important;
	box-shadow:0 1px 3px rgba(0,0,0,0.1), 0 3px 9px rgba(0,0,0, 0.1) !important;
}

#Status {
margin: 0 auto;
position:relative;
  font-weight: bold;
  text-align: center;
  border: 2px solid #ff0000;
  padding-top: .5em;
  padding-bottom: .5em;
  padding-left: 2em;
  padding-right: 2em;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:500px;
	top:-100px;
	background: #FF7F7F;
}
/* 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: 75%;
	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;
}

.warningbox {
	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;
}
.HeaderIcon.List {
	height: 48px;
	width: 48px;
	background-image: url(images/new/lists.png);
	background-repeat: no-repeat;
	border: 0;
}
.HeaderIcon.Site {
	height: 48px;
	width: 48px;
	background-image: url(images/new/world_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;
}

#left_panel{
	background-image: -webkit-gradient(linear, left top, left 200, from(#eaeaea), to(#f9f9f9)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #eaeaea, #f9f9f9 200px); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #eaeaea, #f9f9f9 200px); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #eaeaea, #f9f9f9 200px); /* IE10 */
	background-image:      -o-linear-gradient(top, #eaeaea, #f9f9f9 200px); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #eaeaea, #f9f9f9 200px);
	color: #444444;
	width:210px;
	padding : 10px 20px 60px 20px;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1), 0 3px 9px rgba(0,0,0, 0.1) !important;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1), 0 3px 9px rgba(0,0,0, 0.1) !important;
	box-shadow:0 1px 3px rgba(0,0,0,0.1), 0 3px 9px rgba(0,0,0, 0.1) !important;
	-moz-border-radius:5px 0px 0px 5px;
	-webkit-border-radius:5px 0px 0px 5px;
	border-radius:5px 0px 0px 5px;
	min-height:175px;
}
#left_panel h2{
font-size: 16px;

}

#right_panel{
	float: right;
    width: 594px;
	margin-right;25px;
}
h1.login{
	color: #444444;
    font-weight: bold;
	font-size: 20px;
	text-align:left;
	margin:15px auto;
}

.longbutton{
padding:8px 20px !important;
        min-width:90px !important;
        color: #444 !important;
        text-align:center !important;
        cursor:pointer !important;
        font-weight:bold !important;
        background-color: #e2e2e2 !important;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#f9f9f9)) !important;
        background-image: -webkit-linear-gradient(top, #eaeaea, #f9f9f9) !important;
        background-image: -moz-linear-gradient(top, #eaeaea, #f9f9f9) !important;
        background-image: -ms-linear-gradient(top, #eaeaea, #f9f9f9) !important;
		background-image: -o-linear-gradient(top, #eaeaea, #f9f9f9) !important;
        background-image:linear-gradient(top, #eaeaea, #f9f9f9) !important;
        -moz-border-radius:5px !important;
        -webkit-border-radius:5px !important;
        border-radius:5px !important;
        -moz-box-shadow:0 1px 3px rgba(0,0,0,0.2), 0 3px 9px rgba(0,0,0, 0.2) !important;
        -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2), 0 3px 9px rgba(0,0,0, 0.2) !important;
        box-shadow:0 1px 3px rgba(0,0,0,0.2), 0 3px 9px rgba(0,0,0, 0.2) !important;
        border:none !important;
        margin:12px;
        position:relative;
        z-index:2000;

}
.loginbg{
	background:#fafafa;
}