/* CSS Document */
body{
	background-color:white;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	border:0;
}

a img{
	border:0;
}

.error{
	color:red;
}

.ok{
	color:#008800;
}

form{
	margin:0;
	padding:0;
}

h1{
	border-bottom:1px solid #333;
	padding:5px;
	margin:0 0 0 0;
	background-color:#fff;
	color:#000;
	font-size:16px;
}

h2{
	border-bottom:1px solid #888888;
	padding:0 5px 0 5px;
	margin:4px 0 4px 0;
	color:#444444;
	font-size:14px;
}

h3{
	border-bottom:1px solid #888888;
	padding:1px 3px 1px 3px;
	margin:5px 0 5px 0;
	color:#666666;
}

h3 a{
	color:#666666;
}

h4{
	border-bottom:1px solid #888888;
	padding:1px 3px 1px 3px;
	margin:5px 0 5px 0;
	color:#666666;
}

p{
	padding:5px;
	margin:4px 0 4px 0;
}

p.narrow{
	width:400px;
}

ul#nav{
	width:auto;
	margin:0 0 0 0;
	border:solid;
	border-width: 1px 0;
	border-color: #fff #666 #666;
	padding:1px;
	background-color:silver;
	color: #fff;
}

#nav li{
	display:inline;
	list-style-image:none;
	margin:0;
	padding:0;
}

#nav a{
	padding:1px 5px 1px 5px;
	text-decoration:none;
	color:#fff;
}

#nav a.selected{
	padding:0px 5px 0px 5px;
	text-decoration:none;
	color:#99ff99;
	background-color:#446644;
	border:1px inset silver;
}

#nav a:hover{
	background-color:#999999;
}

ul{
	width:auto;
	list-style-type:none;
	margin-left:0px;
	padding-left:0;
}

li{
	padding-left:17px;
	background-position:left top;
	background-repeat:no-repeat;
}

li a{
	color:#444444;
}

li a:hover{
	color:#000000;
}

li a.active{
	color:#008800;
}

span.greyed{
	color:#888888;
}

.greyBorder{
	 border:1px solid grey;
}

table#adminContent{
	width:100%;
	border-collapse:collapse;
	border-bottom:1px solid black;
}

#adminContent td{
	vertical-align:top;
}

#adminContent td.left{
	border-right:1px solid black;
	width:220px;
}

#adminContent select.narrow{
	font-size:10px;
	padding:0;
	margin:0;
}

.sectionDescription{
	border:1px solid #888888;
	padding:4px;
	font-size:11px;
	margin:10px 1px 5px 1px;
}

.sectionLabel{
	border:1px solid #888888;
	padding:4px;
	font-size:16px;
	background-color:#eeeeee;
	margin:10px 1px 5px 1px;
}

div.context{
	position:absolute;
	top:-200px;
	left:0;
	width:150px;
	border:1px outset;
	background-color:#CCCCCC;
	background-image:url(/media/site/images/admin/context_menu_bg.png);
	color:#222222;
	padding:2px;
	font-size:12px;
}

div.context a {
	display:block;
	width:126px;
	text-decoration:none;
	color:#222222;
	margin-top:2px;
	margin-left:21px;
	padding:1px;
}

div.context span {
	display:block;
	margin-top:2px;
	margin-left:21px;
}

div.context a:hover {
	/*background-color:#993300;*/
	color:#000000;
	margin-top:1px;
	margin-bottom:-1px;
	margin-left:20px;
	border:1px solid #888890;
	background-color:#ccccd0;
}

img.icon{
	position:absolute;
	top:-20px;
	left:0;
	width:16px;
	height:16px;
}

input{
	border:1px solid black;
}

textarea{
	width:400px;
	height:200px;
	border:1px solid black;
}

div.tab{
	border:1px solid #aaaaaa;
	margin:0 5px 5px 5px;
	padding:2px;
	clear:both;
}

/* Default tab pane table */

table.adminPane tr td.label {
	border:1px solid #dddddd;
}

/* List of current children for an object */

div table.childList{
	width:100%;
}

div table.childList tr th{
	border:1px solid #aaaaaa;
	background-color:#cccccc;
	color:#555555;
	text-align:left;
}

div table.childList tr th.selected{
	border:1px solid #aaaaaa;
	background-color:#eeeeee;
	color:#000000;
	text-align:left;
	text-decoration:underline;
}

div table.childList tr th a{
	display:block;
	width:100%;
	color:#444444;
	text-decoration:none;
}

div table.childList tr td a{
	color:#444444;
	text-decoration:none;
}


/* Normal rows in childList table */
div table.childList tr.hi{
	background-color:#eeeeee;
}

div table.childList tr.hiHi{
	background-color:#f8f8f8;
}

div table.childList tr.lo{
	background-color:#dddddd;
}

div table.childList tr.footer{
	background-color:#cccccc;
}

div table.childList tr.loHi{
	background-color:#e7e7e7;
}

/* Live rows in childList table */
div table.childList tr.hiLiveRow{
	background-color:#eef8ee;
}

div table.childList tr.hiHiLiveRow{
	background-color:#f8fff8;
}

div table.childList tr.loLiveRow{
	background-color:#ddeedd;
}

div table.childList tr.loHiLiveRow{
	background-color:#e7ffe7;
}


/* Archived rows in childList table */
div table.childList tr.hiArchiveRow{
	background-color:#ffffee;
}

div table.childList tr.hiHiArchiveRow{
	background-color:#fffff8;
}

div table.childList tr.loArchiveRow{
	background-color:#ffffdd;
}

div table.childList tr.loHiArchiveRow{
	background-color:#ffffe7;
}


div table.childList td{
	border:1px solid #aaaaaa;
}

div table.childPicker {
	width:100%;
}

/* Standard admin table */
div table.fullWidth {
	border-collapse:collapse;
	width:100%;
}

/* List of available children for an object */

div table.childPicker tr th{
	border:1px solid #aaaaaa;
	background-color:#dddddd;
	color:#555555;
	text-align:left;
}

div table.childPicker tr th.hi{
	background-color:#cccccc;
}

div table.childPicker tr td {
	background-color:#f8f8f8;
	border:1px solid #eeeeee;
	width:33%;
}

div table.childPicker tr td.hi {
	background-color:#f0f0f0;
	border:1px solid #e8e8e8;
}

div.tab input{
	margin-right:5px;
}

div.tab h4 {
	font-size:14px;
	margin:0 0 5px 2px;
	padding:0;
}

div.tab h4.greyed {
	color:#999999;
}

ul.tabLabels{
	margin:0 0 0 5px;
	padding:0;
	border:1px solid white;
}

ul.tabLabels li {
	display:block;
	position:relative;
	top:2px;
	float:left;
	list-style-image:URL(null);
	margin:0 0 1px 3px;
	padding:0;
	border:1px solid #aaaaaa;
	color:#999966;
	top:4px;
	line-height:18px;
}

ul.tabLabels li.active {
	border-bottom:1px solid white;
	top:2px;
	padding-top:2px;
}

ul.tabLabels li a {
	text-decoration:none;
	color:#444444;
	display:block;
	width:auto;
	padding-left:5px;
	padding-right:5px;
}

ul.tabLabels li.active a {
	color:#000000;
}

ul.tabLabels li a:hover {
	background-color:			  #cc3300;
	color:									#fff;
}

ul.tabLabels li.active a:hover {
	background-color:		   #fff;
	color:								 #000;
}

ul#adminMenuLabels{
	height:20px;
	background-color:#6666aa;
	padding:0;
	margin:0 5px -1px 5px;
	border-top:1px solid #8888ee;
	border-left:1px solid #8888ee;
	border-bottom:1px solid #444488;
	border-right:1px solid #444488;
}

ul#adminMenuLabels li{
	margin:0;
	padding:0;
	border:0;
	float:left;
}

ul#adminMenuLabels li a{
	display:block;
	background-color:#6666aa;
	border-top:1px solid #8888ee;
	border-left:1px solid #8888ee;
	border-bottom:1px solid #444488;
	border-right:1px solid #444488;
	padding:2px 6px 2px 6px;
	color:#ffffff;
	text-decoration:none;
}

ul#adminMenuLabels li a:hover{
	background-color:#7777cc;
}

ul#adminMenuLabels li ul{
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	padding:2px;
	margin:0;
	border:0;
	display:block;
	background-color:#6666aa;
	border-left:1px solid #8888ee;
	border-bottom:1px solid #444488;
	border-right:1px solid #444488;
	float:none;
	display:none;
}

ul#adminMenuLabels li ul.adminMenuItems li{
	display:list-item;
	float:none;
}

h2.adminMenuH2{
	padding:4px 6px 4px 6px;
	margin:-2px -2px 0 -2px;
	background-color:#7777cc;
	color:#ffffff;
	border-bottom:1px solid #444488;
}

div.imageSurround {
	border:1px solid #aaaaaa;
	padding:8px;
	background-color:#eeeeee;
}

div.imageSurround div {
	margin-top:8px;
}

h1.popup{
	padding:0;
	margin:0;
	border-bottom:1px solid #333;
	background-color:#cc3300;
	color:#ffffff;
	font-size:14px;
	height:20px;
}

h1.popup a {
	display:block;
	float:right;
	margin-left:2px;
	margin-right:2px;
}

div.popupContent{
	position:absolute;
	top:21px;
	left:0px;
	width:100%;
	height:380px;
	overflow:scroll;
}

/* Used for containers when rendering out the files/folders in a folder in the media centre/repository */

div.cbFolderIcon{
	float:left;
	margin:1px;
	margin-top:4px;
	padding:1px;
	display:block;
	border:1px solid #888888;
}

div.cbFolderIcon_add{
	float:left;
	margin:1px;
	margin-top:4px;
	padding:1px;
	display:block;
	border:1px solid #888888;
	background-color:#44ff44;
}

div.cbFolderIcon_remove{
	float:left;
	margin:1px;
	margin-top:4px;
	padding:1px;
	display:block;
	border:1px solid #888888;
	background-color:#ff4444;
}

a.folderIconNoFloat {
	margin:1px;
	margin-top:4px;
	padding:1px;
	display:block;
	text-decoration:none;
	text-align:center;
	color:#444444;
	border:1px solid #ffffff;
}

div.cbFolderIcon_add a.folderIconNoFloat {
	margin:1px;
	margin-top:4px;
	padding:1px;
	display:block;
	text-decoration:none;
	text-align:center;
	color:#444444;
	border:1px solid #44ff44;
}

div.cbFolderIcon_remove a.folderIconNoFloat {
	margin:1px;
	margin-top:4px;
	padding:1px;
	display:block;
	text-decoration:none;
	text-align:center;
	color:#444444;
	border:1px solid #ff4444;
}

a.folderIconNoFloat img {
	float:none;
	margin-left:auto;
	margin-right:auto;
}

a.folderIconNoFloat span {
	display:block;
	width:68px;
	height:26px;
	overflow:hidden;
	padding:1px;
	font-size:10px;
	cursor:default;
}

a.folderIconNoFloat:hover{
	border:1px solid #dddddd;
}

a.folderIconNoFloat:hover span {
	background-color:#dddddd;
}


a.folderIcon {
	float:left;
	margin:1px;
	margin-top:4px;
	padding:1px;
	display:block;
	text-decoration:none;
	text-align:center;
	color:#444444;
	border:1px solid #ffffff;
}

a.folderIcon img {
	float:none;
	margin-left:auto;
	margin-right:auto;
}

a.folderIcon span {
	display:block;
	width:68px;
	height:26px;
	overflow:hidden;
	padding:1px;
	font-size:10px;
	cursor:default;
}

a.folderIcon input {
	float:left;
}

a.selectedFolderIcon{
	border:1px solid #ffddbb;
}

a.selectedFolderIcon span{
	background-color:#ffddbb;
}

a.folderIcon:hover{
	border:1px solid #dddddd;
}

a.folderIcon:hover span {
	background-color:#dddddd;
}

#helpBoxDiv{
	z-index:999;
	position:absolute;
	left:-1000px;
	top:0;
	width:150px;
	border:1px solid black;
	color:#444444;
	background-color:#eeeeee;
	font-size:10px;
}

#helpBoxDiv h1{
	margin:0 0 2px 0;
	padding:2px;
	font-size:12px;
	background-color:#444444;
	color:#dddddd;
}

#helpBoxDiv p{
	margin:0;
	padding:2px;
}

#helpBoxDiv p.info{
	margin:0;
	padding:2px;
	border-bottom:1px solid #888888;
}

#helpBoxIFrame{
	z-index:998;
	position:absolute;
	left:-1000px;
	top:0;
	width:152px;
	height:1px;
	border:0;
}

table.barGraph{
	border-collapse:collapse;
	width:100%;
}

table.barGraph tr td{
	padding:1px;
}

table.barGraph tr td label{
	white-space:nowrap;
}

table.barGraph tr td label.number{
	background-color:#aaccaa;
}

table.barGraph tr td div{
	border:1px outset #009900;
	background-color:#009900;
	height:16px;
	font-size:1px;
}

span.greyedReadOnlyElement{
	color:#aaaaaa;
}

/* Blinds in admin left hand nav */
a.blind{
	display:block;
	width:auto;
	padding:1px 1px 1px 3px;
	background-color:#6666aa;
	border-top:1px solid #8888ee;
	border-left:1px solid #8888ee;
	border-bottom:1px solid #444488;
	border-right:1px solid #444488;
	color:#ffffff;
	text-decoration:none;
	clear:both;
}

a.blind:hover{
	background-color:#7777cc;
}

div.blindContent{
	margin:10px 0 10px 0;
}

div.blindSplitter{
	width:auto;
	padding:1px;
	background-color:#6666aa;
	border-top:1px solid #8888ee;
	border-left:1px solid #8888ee;
	border-bottom:1px solid #444488;
	border-right:1px solid #444488;
}

/* Dtree Javascript menu tree */
.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
	display: block;
}
.dtree .clipH {
	overflow: hidden;
	display: none;
}


/* DIV used to grey out the page */
#greyer{
	position:absolute;
	left:-100px;
	top:0;
	width:1px;
	height:1px;
	background-color:#ffffff;
	padding:0;
	margin:0;
}

div.horizBarBlock{
	float:left;
	width:20px;
	height:20px;
	background-color:#dddddd;
	border:1px outset #cccccc;
	font-size:1px;
}

div.horizBarBlockGreen{
	float:left;
	width:20px;
	height:20px;
	background-color:#88dd88;
	border:1px outset #bbccbb;
	font-size:1px;
}

div.smallHorizBarBlock{
	float:left;
	width:4px;
	min-width:4px;
	height:20px;
	background-color:#dddddd;
	border:1px outset #cccccc;
	font-size:1px;
}

div.smallHorizBarBlockGreen{
	float:left;
	width:4px;
	min-width:4px;
	height:20px;
	background-color:#88dd88;
	border:1px outset #bbccbb;
	font-size:1px;
}

div.dTreeNode span.edit{
	color:#6666bb;
}

div.dTreeNode span.locked{
	color:#ff0000;
}

div.dTreeNode span.released{
	color:#888800;
}

div.dTreeNode span.approved{
	color:#008800;
}

div.dTreeNode span.staged{
	color:#008888;
}

div.dTreeNode span.archived{
	color:#aaaaaa;
}

/* DHTML calendar widgetry */
#CalendarControl {
	position: absolute;
	padding: 1px 0px 0px 1px;
	z-index: 153;
}
#CalendarControl table {
	border: 1px solid black;
	background-color: #F0F0F0;
}
#CalendarControl tr.header td {
	text-align: center;
	font-weight: bold;
	color: black;
	background-color: #C0C0C0;
}
#CalendarControl a {
	color: #444488;
	text-decoration: none;
}
#CalendarControl a:hover {
	text-decoration: underline;
}
#CalendarControl td, #CalendarControl th {
	padding: 2px;
	margin: 2px;
	border: 1px solid;
	border-top-color: white;
	border-left-color: white;
	border-bottom-color: #666666;
	border-right-color: #666666;
	font: 9pt verdana, sans-serif;
}
#CalendarControl th {
	font-weight: bold;
	background-color: #C0C0C0;
}

#CalendarControl td.current {
	border: 1px solid rgb(220,50,50);
	background-color: rgb(250,150,150);
}
#CalendarControl td.weekend {
	background-color: white;
}
#CalendarControl td.weekday {

}

ul.pagination {
	display: inline;
	list-style-type: none;
}
ul.pagination li {
	display: inline;
	width: 10px; 
	padding: 2px;
	margin: 0px;
	border-right: 1px solid black;
}
ul.pagination li.last {
	border-right-width: 0px;
}