/**
* This is the CSS rules that hold the admin layout together
**/

* {
	margin: 0px;
	padding: 0px;
}

.clear {
  display: block;
  clear: both;
}

body {
	background: #e8e8e8;
	font-family: Verdana, helvetica, arial, sans-serif;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 12px;
	border: 0px solid #000;
	color: #333;
}

	#wrapper {
		text-align: left;
		border: 0px solid #f00;
	}

	body.login-page #wrapper {
		width: auto;
		max-width: none;
	}


	/*** MAIN CONTENT TABLE CONTAINER ***/

	table#content {
		background-color: #fff;
		border: 1px solid #c3c3c3;
		margin: 0 20px 20px 20px;
	}

		table#content td.sidebar {
			border-right: 1px solid #dddddd;
			width: 310px;
		}

		table#content td.main {
			width: 100%;
		}


/** Style overrides of styles which are defined in common.css **/

/**
* Notification list
**/
ul.messages {
	padding: 0;
	margin: 0 0 25px 0;
	list-style-type: none;
	font-family: arial, sans-serif;
	font-size: 12px;
	box-shadow: 0 0 3px #333;
	border-radius: 2px;
}
	ul.messages.all-type-confirm {
		border: 1px #005201 solid;
	}
	ul.messages.all-type-error {
		border: 1px #52000B solid;
	}
	ul.messages.mixed-type {
		border: 1px #333 solid;
	}

	ul.messages li {
		display: block;
		vertical-align: bottom;
		margin: 0 !important;
		padding: 10px 20px;
		font-size: 14px;
		list-style-type: none;
	}
	ul.messages li.confirm {
		color: #fff;
		background: #35AB4D;
	}
	ul.messages li.error {
		color: #fff;
		background: #C44556;
	}
	ul.messages li span.action-link {
		padding-left: 25px;
	}

#main-content ul.messages {
	margin: -18px -30px 19px !important;
	box-shadow: none;
	border-radius: 0;
}

#main-content .sqlresult ul.messages {
	margin: 0 0 1em 0 !important;
}

#main-content div.refine-bar {
	background: #EEE;
	margin: -19px -30px 10px -30px;
	border-style: none;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
}

#main-content div.record-locked-msg {
	background: #FFFFC8;
	margin: -18px -30px 30px -30px;
	border-style: none;
	border-bottom: 1px solid #999;
	padding: 12px 30px;
	text-align: center;
	color: #670A00;
}


.record-locked #main-content .action-bar:before,
.record-locked #main-content .action-bar-middle:before {
	content: "This record cannot be saved because it is currently locked.";
	color: #900;
}

.record-locked #main-content .action-bar *,
.record-locked #main-content .action-bar-middle * {
	display: none;
}


/* little form for changing the view mode */
#main-content .mode-selector {
	float: right;
	margin: -54px 0 0 0;
}

	#main-content .mode-selector .mode {
		display: inline-block;
		padding: 4px 7px;
		margin: 0 0 0 8px;
		background: #e1e1e1;
		color: #333;
		text-decoration: none;
		border: 1px #ccc solid;
		border-radius: 2px;
	}

	#main-content .mode-selector .mode.on {
		border: 1px #999 solid;
		background: #ddd;
	}

	#main-content .mode-selector img {
		width: 22px;
		height: 22px;
		vertical-align: middle;
	}

	#main-content .mode-selector span {
		margin: 0 5px;
		height: 22px;
		line-height: 22px;
		vertical-align: middle;
	}


h2 {
	color: #333;
	font-family: Tahoma,Lucida Sans,Helvetica,Arial,sans-serif;
	text-shadow:1px 1px 1px #fff;
	font-weight: normal;
	font-size: 22px;
}

	table#content td.sidebar h2 {
		background: url(../images/bg_main_heading.png) transparent top left repeat-x;
		background: -moz-linear-gradient(top, #fbfbf8 0%, #f0f0e4 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbf8), color-stop(100%,#f0f0e4)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fbfbf8 0%,#f0f0e4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fbfbf8 0%,#f0f0e4 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #fbfbf8 0%,#f0f0e4 100%); /* IE10+ */
		background: linear-gradient(to bottom, #fbfbf8 0%,#f0f0e4 100%); /* W3C */
		border-bottom: 1px #c3c3c3 solid;
		color: #72726e;
		padding: 23px 0 20px 30px;
		height: 26px;
	}

	table#content td.sidebar h2 strong {
		display: block;
		padding: 23px 0 20px 20px;
		color: #72726e;
	}


#select-site h3 {
	color: #cde7af;
	padding: 0;
	margin: 0 0 5px 0;
	text-transform: uppercase;
	font-size: 11px;
	font-family: Tahoma,Lucida Sans,Helvetica,Arial,sans-serif;
}

#header h3 {
	float: right;
	color: #CCC;
	padding-right: 20px;
	padding-top: 24px;
}

a:link {
    color: #0c6d00;
}

a:visited {
    color: #0c6d00;
}

a:hover {
    color: #0c6d00;
    text-decoration: none;
}
a  {
	outline: none;
}


/*** HEADER ***/
div#header {
	background: url(../images/bg_header.png) repeat-x;
	background: -moz-linear-gradient(top, rgba(55,55,55,1) 0%, rgba(3,3,3,1) 72%, rgba(3,3,3,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(55,55,55,1)), color-stop(72%,rgba(3,3,3,1)), color-stop(100%,rgba(3,3,3,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(55,55,55,1) 0%,rgba(3,3,3,1) 72%,rgba(3,3,3,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(55,55,55,1) 0%,rgba(3,3,3,1) 72%,rgba(3,3,3,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(55,55,55,1) 0%,rgba(3,3,3,1) 72%,rgba(3,3,3,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(55,55,55,1) 0%,rgba(3,3,3,1) 72%,rgba(3,3,3,1) 100%); /* W3C */
	position: relative;

	height: 200px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border-bottom: 1px #666 solid;
	box-shadow: 0 1px 1px #CCC;
}

	.login-page div#header,
	.man-page div#header {
		height: 140px;
		margin-bottom: 80px;
		border-bottom: 2px #FFF solid;
		box-shadow: 0 2px 4px 1px #999;

		background: #181818;
		background: -moz-linear-gradient(top, rgba(55,55,55,1) 0%, rgba(22,22,22,1) 55%, rgba(33,33,33,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(55,55,55,1)), color-stop(55%,rgba(22,22,22,1)), color-stop(100%,rgba(33,33,33,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(55,55,55,1) 0%,rgba(22,22,22,1) 55%,rgba(33,33,33,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(55,55,55,1) 0%,rgba(22,22,22,1) 55%,rgba(33,33,33,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(55,55,55,1) 0%,rgba(22,22,22,1) 55%,rgba(33,33,33,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom, rgba(55,55,55,1) 0%,rgba(22,22,22,1) 55%,rgba(33,33,33,1) 100%); /* W3C */
	}

	.man-page div#header {
		margin: 0;
	}

	.man-page div#slide-buttons {
		top: 143px
	}

	.login-page div#header h1,
	.man-page div#header h1 {
		text-align: center;
	}

	div#header .header-deco {
		position: absolute;
		right: 0; top: 0;
		width: 627px; height: 144px;
		background: url(../images/deco_hdr_24.png);
	}

div#utilities {
	margin: 0 20px 20px 20px;
	padding: 0 0 0;
	width: auto;
	height: 25px;
	border: 0px solid #f00;
}

div#utilities div.message {
	float: left;
	margin-left: 350px;
	border: 2px #333 solid;
	padding: 5px;
	background-color: white;
	color: black;
}



h1 {
	margin: 0 0 0 0;
	padding: 50px 20px 0 0;
	text-align: right;
	position: relative;
}

/* Old Subsite selection */
.subsite-selection {
	padding: 6px 4px 0 30px;
	font-size: 11px;
	color: white;
}

    div.subsite-selector {
    background: url(../images/bg_site_select.jpg) transparent top left no-repeat;
    width: 302px;
    height: 31px;
    margin: 0 0 0 18px;
    }

        div.subsite-selector form {
        margin: 0;
        }

    .subsite-selection select {
	width: 135px;
	font-size: 10px;
	border: 1px #333 solid;
	color: #222;
    }


/* Modules list box */
div#modules {
	margin: 0;
	padding: 95px 0 0 18px;
	height: 49px;
	border-bottom: 1px #FFF solid;
	position: relative;
}

div#modules ul {
	margin: 0;
	padding: 0;
	border-style: none;
	list-style: none;
}

div#modules li {
	background: #181818;
	background: -moz-linear-gradient(top, #303030 0%, #191919 15%, #0b0b0b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303030), color-stop(15%,#191919), color-stop(100%,#0b0b0b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #303030 0%,#191919 15%,#0b0b0b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #303030 0%,#191919 15%,#0b0b0b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #303030 0%,#191919 15%,#0b0b0b 100%); /* IE10+ */
	background: linear-gradient(to bottom, #303030 0%,#191919 15%,#0b0b0b 100%); /* W3C */
	border-radius: 7px 7px 0 0;
	padding: 0;
	margin: 0 5px 0 0;
	border-style: none;
	float: left;
}

div#modules li:hover {
	background: #111;
	background: -moz-linear-gradient(top, #4e4e4d 0%, #222222 15%, #0b0b0b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e4e4d), color-stop(15%,#222222), color-stop(100%,#0b0b0b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4e4e4d 0%,#222222 15%,#0b0b0b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4e4e4d 0%,#222222 15%,#0b0b0b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #4e4e4d 0%,#222222 15%,#0b0b0b 100%); /* IE10+ */
	background: linear-gradient(to bottom, #4e4e4d 0%,#222222 15%,#0b0b0b 100%); /* W3C */
}

div#modules li.on,
div#modules li.on:hover {
	background: #FFF;
	background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 100%); /* W3C */
}

div#modules li a {
	height: 36px;
	margin: 0;
	padding: 13px 25px 0 25px;
	border-style: none;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #cecece;
	font-size: 16px;
	font-family: Tahoma,Lucida Sans,Helvetica,Arial,sans-serif;
	text-shadow:1px 1px 1px #000;
}

div#modules li.on a {
	background-position: 0 -98px;
	color: #000;
	text-shadow:1px 1px 1px #fff;
}

div#modules li a:hover {
	background-position: 0 -49px;
	color: #fff;
	text-shadow:1px 1px 1px #000;
}

div#modules li.on a:hover {
	background-position: 0 -147px;
	color: #000;
	text-shadow:1px 1px 1px #fff;
}

div#subnav {
	background: url(../images/bg_submodules.jpg) #FAFAFA repeat-x;
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 38%, rgba(184,184,184,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(38%,rgba(250,250,250,1)), color-stop(100%,rgba(184,184,184,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(250,250,250,1) 38%,rgba(184,184,184,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(250,250,250,1) 38%,rgba(184,184,184,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(250,250,250,1) 38%,rgba(184,184,184,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(250,250,250,1) 38%,rgba(184,184,184,1) 100%); /* W3C */

	padding: 19px 0 0 22px;
	margin: 0;
	height: 36px;
}

div#subnav ul li {
	list-style-type: none;
	display: inline;
	padding: 13px 20px;
	margin: 0;
	color: #444444;
	font-weight: bold;
	font-size: 14px;
	font-family: Tahoma,Lucida Sans,Helvetica,Arial,sans-serif;
	text-shadow:1px 1px 1px #fff;
	background: url('../images/sep_subnav.gif') transparent top left no-repeat;
	background-image: url(data:image/gif;base64,R0lGODlhAgAwANUAAP////z8/P39/YCAgP7+/oeHh4SEhPf396ampvr6+tnZ2cfHx9LS0uTk5PPz84uLi5CQkOvr66ysrOHh4c3NzYGBgd3d3c7OzqSkpJiYmMrKyufn59XV1YyMjJSUlJmZmZ6enq2trZKSkvv7+6Ghoaurq+np6bCwsN7e3vj4+PDw8KioqJWVlZubm5+fn4+Pj7+/v39/f/X19a6urrKysomJie3t7e7u7rm5uYKCggAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAACADAAAAZZQAEgATgAHIAbwARoAFAABYABoAAWABgBR6ARJAKEwCX4BDwBSOARKAQMgYpgIIgFBvdAbmRIFFI1Bx0yLw4iKiw2GREtGyANJBMYFggKKxwlDCEXMxonC0EAOw==);
}

div#subnav ul li.first {
	background-image: none;
}

div#subnav a:link,
div#subnav a:visited {
	color: #444;
	text-decoration: none;
}

div#subnav a:hover {
	color: #111;
	text-decoration: none;
}

div#subnav li.on a {
	color: #000;
	text-decoration: none;
}


/* Field info */
td.field-info, table.form-section td.field-info {
	padding: 4px;
	border-style: none;
	vertical-align: middle;
}

span.field-info {
	color: #01387A;
	font-weight: bold;
	padding: 2px 10px;
	margin: 0px;
	font-size: 10px;
	vertical-align: middle;
}
	span.field-info:before {
		content: "\2039\00a0";
	}

span.field-error {
	color: #52000b;
	font-weight: bold;
	padding: 2px 10px;
	margin: 0px;
	font-size: 10px;
	vertical-align: middle;
}
	span.field-error:before {
		content: "\2039\00a0";
	}

.form-section td.field-info span.field-info,
.form-section td.field-info span.field-error {
	vertical-align: top;
}

input[type=text].field-error,
input[type=password].field-error,
textarea.field-error,
.textbox.field-error {
	border: 1px #7E2222 solid;
}

span.field-error + span.field-info {
	display: none;
}

/* Utilities list box */

div#slide-buttons {
	position: absolute;
	right: 20px;
	top: 201px;
	z-index: 100;
	overflow: hidden;
}

#select-site {
	background: #878787;
	background: -moz-linear-gradient(top, #4e4e4e 0%, #898989 5%, #848484 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e4e4e), color-stop(5%,#898989), color-stop(100%,#848484)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4e4e4e 0%,#898989 5%,#848484 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4e4e4e 0%,#898989 5%,#848484 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #4e4e4e 0%,#898989 5%,#848484 100%); /* IE10+ */
	background: linear-gradient(to bottom, #4e4e4e 0%,#898989 5%,#848484 100%); /* W3C */
	margin: 0 0 0 0;
	padding: 15px;
}

ul#utility-btns {
	padding: 0;
	list-style: none;
	border: 0px solid #000;
	margin: 0;
}

ul#utility-btns li {
	background: #979797;
	--background: -moz-linear-gradient(top, #555555 0%, #979797 14%, #909090 100%); /* FF3.6+ */
	--background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(14%,#979797), color-stop(100%,#909090)); /* Chrome,Safari4+ */
	--background: -webkit-linear-gradient(top, #555555 0%,#979797 14%,#909090 100%); /* Chrome10+,Safari5.1+ */
	--background: -o-linear-gradient(top, #555555 0%,#979797 14%,#909090 100%); /* Opera 11.10+ */
	--background: -ms-linear-gradient(top, #555555 0%,#979797 14%,#909090 100%); /* IE10+ */
	--background: linear-gradient(to bottom, #555555 0%,#979797 14%,#909090 100%); /* W3C */
	border-radius: 0 0 6px 6px;
	padding: 0;
	margin: 0 0 0 5px;
	float: left;
	outline: none;
}

	ul#utility-btns li#site {
		margin-left: 0;
	}

ul#utility-btns li:hover {
	background: #878787;
	background: -moz-linear-gradient(top, #4e4e4e 0%, #898989 14%, #848484 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e4e4e), color-stop(14%,#898989), color-stop(100%,#848484)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4e4e4e 0%,#898989 14%,#848484 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4e4e4e 0%,#898989 14%,#848484 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #4e4e4e 0%,#898989 14%,#848484 100%); /* IE10+ */
	background: linear-gradient(to bottom, #4e4e4e 0%,#898989 14%,#848484 100%); /* W3C */
}

ul#utility-btns li.on {
	background: #848484;
}

ul#utility-btns li a {
	height: 22px;
	padding: 6px 20px 0 20px;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	font-size: 11px;
	font-family: Tahoma,Lucida Sans,Helvetica,Arial,sans-serif;
	text-shadow:1px 1px 1px #2f2f2f;
	outline: none;
}

ul#utility-btns li.on a {
	color: #fff;
	text-shadow:1px 1px 1px #2f2f2f;
}

ul#utility-btns li a:hover {
	color: #fff;
	text-shadow:1px 1px 1px #2f2f2f;
}

ul#utility-btns li.on a:hover {
	color: #fff;
	text-shadow:1px 1px 1px #2f2f2f;
}

	/* Utilities site select list box */

	#select-site ul {
    	padding: 0;
		list-style: none;
	}

	#select-site ul li {
		padding: 0;
		margin: 0 0 0 0;
	}

	#select-site ul li a,
	#select-site ul li span {
		padding: 5px 0 5px 30px;
		margin: 0 0 2px 0;
		text-decoration: none;
		text-transform: uppercase;
		color: #fff;
		font-size: 11px;
		font-family: Tahoma,Lucida Sans,Helvetica,Arial,sans-serif;
		text-shadow:1px 1px 1px #2f2f2f;
		display: block;
	}

	#select-site ul li.on a {
		background: url("../images/sprite_misc.gif") no-repeat scroll 5px -25px #565656; /* white */
		color: #fff;
	}

	#select-site ul li a:hover {
		background: url("../images/sprite_misc.gif") no-repeat scroll 5px 5px #565656; /* green */
		color: #fff;
		text-shadow:1px 1px 1px #2f2f2f;
	}

	#select-site ul li.on a:hover {
		background: url("../images/sprite_misc.gif") no-repeat scroll 5px -25px #565656; /* white */
		color: #fff;
		text-shadow:1px 1px 1px #2f2f2f;
	}

	#select-site ul li.na span {
		color: #B3B3B3;
	}


/* Main tabs */
div#main-tabs {
	margin: 23px 0 0 0;
	padding: 0 0 0 0;
	zoom: 1;
}

div#main-tabs > ul {
	padding: 0 0 0 7px;
	margin: 0;
	list-style: none;
	background: url('../images/bg_maintab_ul.gif') transparent top left repeat-x;
	zoom: 1;
}

	div#main-tabs > ul > li {
		background: url('../images/nav_maintab_li.png') transparent top right no-repeat;
		padding: 0;
		margin: 0 10px 0 0;
		float: left;
		zoom: 1;
	}

		div#main-tabs > ul > li.ui-tabs-selected {
			background-position: right -56px;
		}

	div#main-tabs > ul > li:hover {
		background-position: right -28px;
	}

		div#main-tabs > ul > li.ui-tabs-selected:hover {
			background-position: right -56px;
		}


	div#main-tabs > ul > li > a {
		background: url('../images/nav_maintab_curve.png') transparent top left no-repeat;
		height: 22px;
		padding: 6px 25px 0 25px;
		display: block;
		text-decoration: none;
		text-transform: uppercase;
		color: #fff;
		font-size: 11px;
		margin: 0 0 0 -7px;
		font-family: Tahoma,Lucida Sans,Helvetica,Arial,sans-serif;
		text-shadow:1px 1px 1px #2f2f2f;
		zoom: 1;
	}

	div#main-tabs > ul > li.ui-tabs-selected > a {
		background-position: 0 -56px;
		color: #000;
		text-shadow: none;
	}

	div#main-tabs > ul > li > a > span.tab-error {
		font-size: 9px;
		color: #611313 !important;
		text-shadow: none;
		font-weight: bold;
		margin-left: 10px;
	}

	div#main-tabs > ul > li > a:hover {
		background-position: 0 -28px;
		color: #fff;
		text-shadow:1px 1px 1px #2f2f2f;
	}

	div#main-tabs > ul > li.ui-tabs-selected > a:hover {
		background-position: 0 -56px;
		color: #000;
		text-shadow: none;
	}

div.ui-tabs-panel {
	width: auto;
	zoom: 1;
}


/*** SIDEBAR ***/

.sidebar-box {
	margin: 0 0 20px 0;
}

.sidebar-box-content {
	padding: 15px 15px 25px 15px;
}

#search div.search-buttons {
	width: 275px;
	text-align: right;
	padding: 4px 0px;
}

div#navigation {
	width: 310px;
	overflow: hidden;
}

/* Sidebar lists */
div.sidebar-box h3 {
	margin: 0px;
	padding: 0px;
	border-style: none;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	border-bottom: 1px #000 solid;
	margin-top: 30px;
	margin-bottom: 5px;
}

div.sidebar-box h3.first {
	margin-top: 0px;
}

div.sidebar-box ul {
	font-family: Verdana, sans-serif;
	font-size: 13px;
	line-height: 1em;
	padding: 0px;
	margin: 0px;
	list-style: none;
}

div.sidebar-box li {
	list-style: none;
	display: block;
	padding: 0 0px 0 16px;
	margin: 0px 0 4px 0;
	white-space: nowrap;
	border: 0 solid #f00;
	zoom: 1;
}

div.sidebar-box li ul li {
	padding: 0 0px 4px 16px;
	margin: 0px 0 0 5px;
}

div.sidebar-box ul li ul {
	font-family: Verdana, sans-serif;
	font-size: 13px;
	line-height: 1em;
	padding: 0px;
	margin: 5px 0px 0px 0px;
	list-style: none;
	border-left: 1px dashed #ccc;
}

div.sidebar-box li a {
	color: #333;
	font-size: 13px;
	line-height: 1em;
	text-decoration: none;
	display: block;
	padding: 5px 2px 6px 2px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

div.sidebar-box li a:hover {

}

div.sidebar-box li .sub-add {
	float: right;
	padding: 4px 10px 0 0;
}

div.sidebar-box li .sub-add:hover {
	cursor: pointer;
}

div.sidebar-box p.search-info {
	font-size: 11px;
	margin-bottom: 5px;
	color: #7D0E0E;
}

div.sidebar-box .category-archive {
	float: right;
	width: 80px;
	margin-top: 27px;
	border-color: #ddd;
}

	div.sidebar-box .category-archive .b {
		background-image: url("../images/fancydown_arrow_light.png");
		background-color: transparent;
	}

#fancydown.category-archive {
	border: 1px #ddd solid;
}


/**
* Style for the fold-out box
**/
#foldout-box {
	border: 1px #333 solid;
	color: black;
	background-color: #EEE;
	padding: 0 0 4px 0;
	text-align: left;
}

#foldout-box h3 {
	background: #333;
	color: #FFF;
	font-size: 10px;
	margin: 0 0 4px 0;
	padding: 2px 4px;
}

#foldout-box p {
	padding: 0px;
	margin: 0px;
}

#foldout-box a {
	display: block;
	text-decoration: none;
	padding: 3px 8px;
	color: #333;
}

#foldout-box a:hover {
	background-color: #DDD;
}


/*** MAIN ***/

	#main-heading {
		background: url(../images/bg_main_heading.png) transparent top left repeat-x;
		background: -moz-linear-gradient(top, #fbfbf8 0%, #f0f0e4 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbf8), color-stop(100%,#f0f0e4)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fbfbf8 0%,#f0f0e4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fbfbf8 0%,#f0f0e4 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #fbfbf8 0%,#f0f0e4 100%); /* IE10+ */
		background: linear-gradient(to bottom, #fbfbf8 0%,#f0f0e4 100%); /* W3C */
		border-bottom: 1px #c3c3c3 solid;
		height: 69px;
		margin-bottom: 3px;
		color: #72726e;
	}

		#main-heading h2 {
			display: block;
			height: 30px;
			padding: 23px 0 20px 30px;
			color: #72726e;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			max-width: 600px;
		}

		#main-heading h2 strong {
			font-weight: normal;
			font-style: italic;
		}

		#main-heading-options {
			float: right;
			margin: 25px 31px 0 0;
			height: 20px;
		}

		#main-heading-options .button {
			margin: 0 0 0 10px;
			display: inline-block;
			font-size: 11px;
			text-transform: uppercase;
			padding: 3px 8px;
			color: #333;
			text-decoration: none;
			background-color: #e5e5d8;
			text-shadow:0 1px 0 #fff;
			border: 1px solid #bcbca9;
			border-radius: 10px;
			box-shadow: 2px 2px 2px #fff;
		}

			#main-heading-options .button:hover {
				background-color: #d3d3c2;
				border: 1px solid #bcbca9;
				color: #111;
			}

		#main-heading-options .multi-button {
			padding: 0;
		}

		#main-heading-options .multi-button a,
		#main-heading-options .multi-button span {
			color: inherit;
			text-decoration: none;
			display: block;
			float: left;
			margin: 0;
			padding: 3px 8px;
			border-radius: 10px;
		}

		#main-heading .help-links {
			background-color: #4E8DD8;
			border: 1px solid #FFF;
			box-shadow: 0 0 0 1px #999;
			color: #FFF;
			text-shadow: 1px 1px 1px #333;
			border: 1px solid #000\9;		/* IE8 and below */
		}

			#main-heading  .help-links:hover {
				background-color: #4E8DD8;
				border: 1px solid #EEE;
				color: #FFF;
			}

			#main-heading  .help-links a:hover {
				background-color: #406EA4;
			}

	#main-content {
		padding: 15px 30px 30px 30px;
	}

	#login-content {
		padding: 15px 30px 15px 30px;
	}

	#main-tags {
		background: #EEE;
		padding: 10px 20px 15px 20px;
		margin: -18px -30px 10px -30px;
		border-bottom: 1px solid #999;
		font-size: 12px;
	}
		#main-tags h2 small {
			font-size: 10px;
			font-weight: normal;
			color: #555;
			margin-left: 6px;
		}

		#main-tags #tags-text {
			width: 440px;
		}

	body.login-page div#main {
		float: none;
		width: 500px;
		margin: 20px auto;
		background-color: #fff;
		border: 1px solid #c3c3c3;
		padding: 0 0 20px 0;
		box-shadow: 1px 1px 2px #ccc;
	}

.icons-16x16 {
	width: 16px;
	height: 16px;
	background-image: url(../images/icons-16x16.png);
	background-repeat: no-repeat;
}
	.icons-16x16_list-remove { background-position: 0 -1147px; }
	.icons-16x16_sort-asc { background-position: 0 -1488px; }
	.icons-16x16_sort-desc { background-position: 0 -1518px; }
	.icons-16x16_sort-none { background-position: 0 -1550px; }



/*** FOOTER ***/
#footer {
	clear: both;
	background: url(../images/bg_footer.png) transparent top left repeat-x;
	background: -moz-linear-gradient(top, #151515 0%, #272727 4%, #111111 35%, #030303 87%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#151515), color-stop(4%,#272727), color-stop(35%,#111111), color-stop(87%,#030303), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #151515 0%,#272727 4%,#111111 35%,#030303 87%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #151515 0%,#272727 4%,#111111 35%,#030303 87%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #151515 0%,#272727 4%,#111111 35%,#030303 87%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom, #151515 0%,#272727 4%,#111111 35%,#030303 87%,#000000 100%); /* W3C */
}

	#footer-content {
		min-width: 1000px;
		max-width: 1085px;
		margin: 0 auto 0 auto;
		padding: 30px 0;
		height: 66px;
	}

	#footer-content p {
		color: #888;
		padding: 0 0 0 200px;
		margin-top: 34px;
	}

	#footer-content p a {
		color: #888;
	}

	#footer-content div.logo {
		float: right;
		background: url(../images/sprite_misc.gif) no-repeat 0 -90px;
		text-indent: -9999px;
		display: inline-block;
		width: 76px;
		height: 51px;
		margin-right: 260px;
	}


/**
* Sprite generated at http://spritegen.website-performance.org/
* Offset 15px
**/
.sprite-misc { background: url(../images/sprite_misc.gif) no-repeat 0 0; text-indent: -9999px; }
.sprite-misc-sett-off { background-position: 0 -156px; width: 24px; height: 24px; }
.sprite-misc-sett-on { background-position: 0 -195px; width: 24px; height: 24px; }



/*** PRINT STYLESHEET ***/
@media print {

	#header,
	#utilities,
	#navigation,
	#search,
	#footer,
	#main-heading,
	.no-print,
	.refine-bar {
		display: none;
	}

	table#content,
	table#content td.sidebar {
		border-style: none;
	}

}