/***************************************************************** ELEMENTS */



body {

	/* width: 1024px; */

	color: #383a99;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	text-align: center;

}



a {

	text-decoration: none;

	color: #f37421;

}

a:hover {

	text-decoration: underline;

	color: #383a99;

}



input,

select,

textarea {

	color: black;

}

input[type=text],

input[type=password],

select,

textarea {

	background-color: #dde6f3;

	border: 1px solid #5f6063;

	-moz-border-radius: 3px;

}

input[type=button],

input[type=submit] {

	background-color: #f37421;

	border: 1px solid #383a99;

	color: white;

	-moz-border-radius: 7px;

}

input[disabled],

select[disabled],

textarea[disabled] {

	background-color: #fff;

	border-color: #ccc;

	color: #ccc;

}



p {

	margin: 10px 0;

}



pre {

	padding: 15px;

	background-color: #eee;

	border: 1px dashed #383a99;

	font-size: 13px;

}



div#container {

	width: 900px;

	margin: 0 auto;

	text-align: left;

}



img,

a img {

	border-width: 0;

}



table {

	background-color: white;

	border-collapse: collapse;

}



td,

th {

	margin: 2px;

	padding: 2px;

}

th {

	/* By default, top-right align all <th>s */

	text-align: right;

	vertical-align: top;

	font-weight: 800;

}

th a {

	color: #383a99;

}

thead tr th,

tr.header th {

	/* If this whole row is a header, bottom-center align the th's */

	text-align: center;

	vertical-align: bottom;

}



tr.even {

	background-color: #f0f0f0;

}

tr.odd {

	background-color: #f8f8f8;

}

tr.userdisabled,

span.userdisabled {

	background-color: #eaa;

}



.menu {

	background-color: #f37421;

}

.menu td {

	padding: 1px 10px !important;

	border-top: 2px solid #c2bfbf;

	border-bottom: 2px solid #c2bfbf;

	white-space: nowrap;

}

.menu td a {

	color: white;

	font-weight: bold;

	text-decoration: none;

}

.menu td a:hover {

	color: #c2bfbf;

}

.menu td.selected {

	background-color: white;

	border: 2px solid #c2bfbf;

	border-style: solid solid none solid;

}

.menu td.selected a {

	color: #f37421;

}



.submenu {

	margin: 3px 0 -8px 0;

	text-align: right;

}

.submenu a {

	border-left: 2px solid #c2bfbf;

	padding: 2px 4px;

	color: #383a99;

	font-weight: normal !important;

}

.submenu a:hover {

	background-color: #eee;

}

.submenu a.selected {

	color: #f37421;

}



.occlude {

	background-color: #dde6f3;

	border: 1px solid #c2bfbf;

	z-index: 100;

}



.boxTitle {

	font-size: 11px;

	color: #383a99;

	text-decoration: none;

	font-weight: bold;

}



.error {

	color: red !important;

	font-weight: bold;

}

.success {

	color: blue !important;

	font-weight: bold;

}



.contentBox {

	width: 100%;

	margin: 8px 0;

	padding: 10px 20px;

	border: 2px solid #c2bfbf;

}

.errorContentBox {

	width: 100%;

	margin: 8px 0;

	padding: 10px 20px;

	border: 2px solid #b22222;

}

/* IE[456] doesn't understand the '>' child selector

We hide this from IE[456] because it really screws up page layout when you set auto width */

* > .contentBox,

* > .errorContentBox {

		width: auto;

}



.contentSection {

	margin: 0 -20px;

	padding-top: 10px;

	border-top: 1px solid #c2bfbf;

}

.contentSectionTop {

	margin: -10px -20px 10px -20px;

	padding: 6px;

	border-bottom: 1px solid #c2bfbf;

}



/*

 * h1 should ONLY be the VERY first thing inside contentBox (-10 margin-top)

 * h2 and h3 can be used anywhere inside contentBox to insert a heading

 * h2 is a major divider: it looks graphically exactly like h1 (except the margin-top)

 * h3 looks like a subheading (less padding, indented, smaller font)

 */

.contentBox h1,

.contentBox h2,

.contentBox h3 {

	margin: -10px -20px 10px -20px;

	padding: 6px 20px;

	background-color: #383a99;

	border-bottom: 1px solid #c2bfbf;

	color: white;

	text-decoration: none;

	font-weight: bold;

	font-size: 14px;

}

.contentBox h2 {

	border-top: 1px solid #c2bfbf;

	margin: 10px -20px;

}

.contentBox h3 {

	/* Leave whitespace on the sides to show it's a subheading */

	margin: 10px 0;

	padding: 3px 16px;

	border: 1px solid #c2bfbf;

	font-size: 11px;

}

.contentBox h3.error,

.contentBox h3.success {

	background-color: #eee;

	text-align: center;

	font-weight: bold;

}



.errorContentBox h1 {

	margin: -10px -20px 10px -20px;

	padding: 6px 20px;

	background-color: #0C2032;

	border-bottom: 1px solid #b22222;

	color: white;

	text-decoration: none;

	font-weight: bold;

	font-size: 14px;

}



.pageTitle {

	font-size: 20px;

}

/* this can go away when no more public sites refer to this div */

.supportPortal {

	margin: 10px 0;

	width: 150px;

	height: 25px;

	background: white url("support-portal.gif") no-repeat center right;

}



.scrollBox {

	overflow: auto;

}





.wide {

	width: 100%;

}

table.grid {

	border: 2px solid #cbdbeb;

}

table.grid tr td {

	border: 1px solid #cbdbeb;

}

table.grid tr th {

	background-color: #dde6f3;

	border: 2px solid #cbdbeb;

}



.padding,

table.padding td,

table.padding th {

	padding: 4px;

}



/* Maybe someday... when IE supports :before... we can actually _use_ this

.required:before {

	content: '&bull;';

	color: red;

	font-weight: 900;

}

*/

span.required,

td.required span {

	background: transparent url(/content/reddot.png) no-repeat top left;

	padding-left: 7px;

}



#header a {

	font-weight: bold;

	text-decoration: none;

}

#footer {

	padding: 4px 20px;

	background-color: #f37421;

	color: white;

	font-size: 10px;

	/*font-variant: small-caps;*/

}

#footer a {

	color: white;

}



.nsorange {

	color: #f37421;

}

a.nsorange:hover {

	color: black;

}

a.inverse {

	color: #383a99;

}

a.inverse:hover {

	color: #f37421;

}



.tab {

padding-left:10px;

padding-right:10px;

}



.policyhover {

text-decoration: underline;

color: #f37421;

font-weight: bold;

background-color: #383a99;

border-color: #383a99;

border-style: solid;

border-width: 2px;

}



.policyselectorheader {

text-align: center;

background-color: #383a99;

}

#addmembers ul {

	width: auto;

	list-style: none;

	cursor: default;

	padding-left: 0;

	margin-left: 0;

}

#addmembers ul li {

	width: auto;

	padding-left: 0;

	margin-left: 12px;

}

	

#addmembers .user, #addmembers span.user {

	background: url(/content/user.png) 0 50% no-repeat;

	padding-left: 16px;

}

#addmembers .group, #addmembers span.group {

	background: url(/content/group.png) 0 50% no-repeat;

	padding-left: 16px;

}

#addmembers .open, #addmembers span.open {

	background: url(/content/folder_delete.png) 0 50% no-repeat;

	padding-left: 16px;

}

#addmembers .closed, #addmembers span.closed {

	background: url(/content/folder_add.png) 0 50% no-repeat;

	padding-left: 16px;

}



.online {

	color:green;

	font-weight:bold

}

.offline {

	color:red;

	font-weight:bold

}