#content, #rightcontent {min-height: 360px;}
div.flash {text-align: center; margin: 1em;}
div.flash p {border: 2px solid #2C74BB; padding: 2em; text-align: center; margin: 1em;}

div.flash-info {background-color: #2C74BB; color: #FFF; text-align: center; margin: 0.5em 0 .5em 0; padding: 0.5em; font-weight: bold;}

h2 {
	color: #2C74BB;
	font-size: 16px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CDDDEC;
	font-weight: lighter;
	padding: 0;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	margin-top: 4px;	
}

input.numeric {width: 50px; text-align: right;}
input.phone   {width: 100px; text-align: right;}

#timer-cur-time {padding-bottom: 7px; padding-left: 4px;}

.error {color: red;}

.hierarchy_unlocked {border: 2px solid red; padding: 10px 4px 10px 4px; }
#hierarchy_edit_container {border: 2px solid red; padding: 10px 4px 10px 4px; height: 300px; overflow-y: scroll;}
#asdfhierarchy_edit_container a {border: 1px dotted #CCCCCC; margin: 1px;}

#hierarchy_edit_container li[rel="group"] > a {color: green;}
#hierarchy_edit_container li[rel="user"] > a {color: blue;}

/**
 * New jstree
#js_hierarchy ul {list-style: none; margin: 0; padding: 0;}
#js_hierarchy li {list-style: none;padding-left: 20px;}
 */
#js_hierarchy li a {background: url('/images/icon_right.gif') no-repeat; }


td.form-buttons {text-align: center; padding-top: 10px;}
table.large-form textarea {width: 460px; height: 40px;}

#user-comms tr td input[type="text"] {width: 170px;}

.tree {
	list-style: none;
	margin: 0;
	padding: 0;
}

.tree ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.tree li {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 20px;
}

.highlighted {background-color: #FFFF99;}
.tree ul {background: url("/images/tree_down_d.gif") repeat-y; }
.tree li {background: url("/images/tree_arrow_d.gif") no-repeat; padding-left:34px; }
.tree li:last-child {background: url("/images/tree_arrow_last_d.gif") no-repeat; padding-left: 34px;}
#root {background:none;}

div.textHolder {
	display: inline;
}
.tree ul div.textHolder {
	margin: 1px;
	border: 1px dashed gray;
	min-width: 200px;
	padding: 1px 8px 1px 8px;
}

.textHolder[rel="user"] {color: blue;}
.textHolder[rel="group"] {color: green;}

img.profile {
	border:0;
	max-width: 160px;
	max-height: 160px;
	margin: auto;
	text-align: center;
}

/** New homepage **/

#newhome {
	width: 100%;
	max-width: 100%;
}

table.newhome_grid {
	font-size: 18px;
	width: 100%;
	border-collapse: collapse;
	border: 0;
	padding: 0;
}

.newhome_grid .box {
	border: 5px solid #313a3f;
	padding: 10px 10px 0 10px;
}

#newhome a.linkto {
	background-color: #c2d10a;
	color: #000;
	border-radius: 10px;
	padding: 2px 20px;
	white-space: nowrap;
}

#newhome a.linkto_inverse {
	border: 1px solid #c2d10a;
	border-radius: 10px;
	padding: 2px 20px;
	white-space: nowrap;
}

#newhome_not_sure {
	width: 80%;
	margin-top: 200px;
}

#newhome_not_sure a {
	line-height: 20px;
}

#newhome_not_sure > table {
	width: 85%;
	max-width: 560px;
	margin: auto;
}

@media screen and (min-height: 600px) {
	#newhome_not_sure {
		position: fixed;
		bottom: 0;
		width: 50%;
	}
}