/* main styles, affects all pages */
body     {font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; background: #F1F1F1; color: #565656; margin:0; padding:0;}
td       {font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif;}
form     {margin: 0; padding: 0;}
a        {color: #2070C3; text-decoration: none;}
a:hover  {text-decoration: underline;}
p        {margin: 0 0 10px 0; line-height: 15px;}
h1, span.h1     {font-size: 18px; font-weight: normal; margin-bottom: 10px; padding: 0;}
h2, span.h2     {font-size: 14px; margin-bottom: 2px;}
h3, span.h3	{font-size: 18px; font-weight: normal; margin-bottom: 10px; padding: 0;}
h5, span.h5     {font-size: 12px; margin-bottom: 2px;}
ul       {margin: 0; padding: 0; padding-left: 20px; margin-bottom: 10px;}

/* ---------- legacy styles for support documentation, affects all pages ---------- */

.graytext, .smallers { color: #77787c;	}
.smaller       {font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #565656; margin:0; padding:0;}
.smallerb       {font-size: 11px; font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif; color: #565656; margin:0; padding:0;}
.mediumb      {font-size: 115%; font-family: Arial, Verdana, Helvetica, sans-serif; color: #565656; margin:0; padding:0; font-weight : bold;}

/* styles for top tool bar */
	#toolbar               {background: url(/Images/toolbar_bg.gif) repeat-x; border-bottom: 1px solid #D7D7D7; white-space: nowrap; padding: 0; height: 32px; }
	#toolbar-table     		 {width: 830px; text-align: left; clear: both; }
	#toolbar .sites 			 { vertical-align: top; }
	#toolbar .tools				 { vertical-align: top; }
	#logos                 {display: inline; }
	#site-tools input.searchbox {width: 100px; height: 13px; padding: 0; margin: 0; border: 1px solid #C7C7C7; vertical-align: middle; font-size: 10px; font-family:Arial, Verdana, Helvetica, sans-serif; }

	#site-tools img.icon {
 		margin: auto 2px -2px auto;
	}
	
/* Sites Area */
#sites {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 10px;
 	position: relative; z-index: 7;
  height: 32px;
  margin: 0; padding: 0;
}

#sites .active { font-weight: bold; font-size: 11px; }

/* For Mozilla/Opera/Safari, we make sure the separator is missing from the first element */
ul#sites > li { background-image: none; }
ul#sites > li + li { background: url("/Images/separator_site_tools.gif") no-repeat 0 3px; }

#sites li {
 background: url("/Images/separator_site_tools.gif") no-repeat 0 3px;
 display: block;
 float: left;
 margin-top: 8px; margin-left: -9px;
 padding-left: 9px; padding-right: 16px;
}

#sites li.active a { margin-top: 0px; }
#sites li a { margin-top: 1px; display: block; }
#sites li a:hover { color: #EAB719; text-decoration: none; }

#sites img.expand { padding-left: 2px; top: -2px; position: relative; }
#site-tools img.expand { padding-left: 2px; top: -2px; position: relative; }

#sites li ul,
#site-tools li ul {
 display: none;
 position: absolute; z-index: 5;
 background-color: #5B6065;
 border: 1px solid #C1BFBF;
 padding: 0 0px 10px; margin: -1px 0 0 -10px;
}

#sites li ul, #sites li li { width: 151px; }
#sites #global ul, #sites #global li { width: 90px; }
#site-tools li ul, #site-tools li li { width: 120px; }

#site-tools li ul {
 height: auto;
 margin: -1px 0 0 0;
}

#sites li li,
#site-tools li li {
 background-image: none;
 text-align: left;
 padding: 0;
 margin: 4px 0;
 height: auto;
}

#sites li.expand:hover, #sites li.over {
 margin: 5px 7px -1px -10px;
 padding-right: 0px;
 background-image: none;
 border-left: 1px solid #C1BFBF;
}

#site-tools li.expand:hover, #site-tools li.over {
 margin: 4px 0 0 -10px;
 padding: 0 8px 0 0;
 background-image: none;
}

#site-tools li.over {
 left: -10px; /* Needed to be done this way (rather than margin-left) due to IE 5.5 bug */
 margin: 4px -10px 0 0;
}
#sites li.over {
 left: -16px; /* Needed to be done this way (rather than margin-left) due to IE 5.5 bug */
 margin: 5px -10px 0 7px;
}

#sites li.expand:hover a, #sites li.over a,
#site-tools li.expand:hover a, #site-tools li.over a {
 position: relative; z-index: 6; display: block;
 color: #EAB719; background: #5B6065;
 border: 1px solid #C1BFBF;
 border-bottom: 1px solid #5B6065;
 padding: 4px 8px 4px 9px;
 margin: -1px 0 0 -10px;
}
#site-tools li.expand:hover a, #site-tools li.over a {
 padding-right: 7px;
 margin-left: 0;
}

#sites li.expand:hover li a, #sites li.over li a,
#site-tools li.expand:hover li a, #site-tools li.over li a {
 position: relative; z-index: 8; display: block; 
 text-transform: none;
 font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px;
 font-weight: normal;
 height: auto;
 border: none;
 padding: 4px 10px;
 margin: -4px 0 -2px;
 color: white;
}

#sites li.expand li a:hover,
#site-tools li.expand li a:hover { background-color: #383F45; color: white; text-decoration: none;}

#sites li.expand:hover ul, #sites li.over ul,
#site-tools li.expand:hover ul, #site-tools li.over ul { display: block; } /* Activates the drop downs */

#sites li.expand:hover + li,
#site-tools li.expand:hover + li { background-image: none; } /* Removes the separator from the following element in Mozilla, doesn't work in Opera */
#sites li.over,
#site-tools li.over { position: relative; z-index: 2; } /* Removes the separator from the following element in Internet Explorer */

/* Toggles the 'v' expand image */
#site-tools li .hover { display: none; }
#site-tools li:hover .expand, #site-tools li.over .expand { display: none; }
#site-tools li:hover img.hover, #site-tools li.over img.hover { display: inline; }
#sites li .hover { display: none; }
#sites li:hover .expand, #sites li.over .expand { display: none; }
#sites li:hover img.hover, #sites li.over img.hover { display: inline; }
/* END Sites Area */

/* Site Tools */
#site-tools {
 float: left; margin: 0; padding: 0 0 0 0;
 height: 32px; 
 position: relative; top: 2px; right: -1px; z-index: 7;
}
#site-tools ul {
 float: right; padding: 0 21px 0 0; margin: 0 -16px 0 0;
 height: 32px; width: auto; white-space: nowrap;
 display: table; /* Opera fix */
}
#site-tools ul > li { background: none; } /* Remove separator from first item in standards compliant browsers */
#site-tools li + li { background: url("/Images/separator_site_tools.gif") no-repeat 0 3px; } /* Insert separator on all but first element */
#site-tools li {
  color: #5A5F65;
  background: url("/Images/separator_site_tools.gif") no-repeat 0px 3px;
  display: block; float: left;
  margin-top: 8px; margin-left: -9px;
  padding-left: 9px; padding-right: 16px;
  font-size: 10px;

}
#site-tools li a { color: #53606D; }
#site-tools li a:hover { color: #EAB719; text-decoration: none; }

#site-tools li li a {
 color: #565656;
}
#site-tools li li a:hover {
 color: white;
}

/* END site-tools */
	
/*styles for main page structure */
	#page-bg        {background: url(/Images/page_bg.gif) center repeat-y; padding: 10px 10px 0 10px; clear: both; align: center;}
	#main-table     {width: 810px; text-align: left; clear: both;}
	#body-logos     {background: #6798C7;width: 910px; height: 83px;}
	#left-nav-td    {width: 140px; padding-top: 2px; background: #E5E5E5 url(/Images/leftnav_bg.gif) repeat-y; vertical-align: top;}
	#right-nav      {width: 210px; padding-top: 6px; vertical-align: top;}
	#main-body      {padding: 6px 10px; vertical-align: top;}

/* styles for left navigation items */
	#leftnav                {position: relative; clear: both; border-top: 1px solid #FFFFFF; top: -2px;}
	#leftnav ul             {padding: 0; margin: 0; list-style: none; font-size: 10px; border-bottom: 1px solid #FFFFFF;}
	#leftnav li             {border-top: 1px solid #FFFFFF;}
	#leftnav li a           {display: block; padding: 10px; width: 120px; color: #000000; text-decoration: none;}
	#leftnav a:hover        {color: #FFFFFF; background: #4080f0 url(/Images/leftnav_selected_bg.gif) repeat-y; }
	#leftnav li.selected a  {color: #FFFFFF; background: #F3863C url(/Images/leftnav_selected_bg.gif) repeat-y; }
	
	#leftnav li.selected ul               {border: 0;}
	#leftnav li.selected ul li a          {background: #BFBFBF url(/Images/leftnav_secondary_bg.gif) repeat-y; padding: 5px 10px 5px 20px; width: 110px; }
	#leftnav li.selected ul li a:hover    {background: #939393 url(/Images/leftnav_secondary_selected_bg.gif) repeat-y; }
	#leftnav li.selected ul li.selected a {background: #939393 url(/Images/leftnav_secondary_selected_bg.gif) repeat-y;  }
	
	/* styles for sub items to left nav */
	.sub-leftnav    {position: relative; top: -2px; background: #4C7CAF url(/Images/sub_leftnav_bg.gif) repeat-y; color: #CBD9E7; padding: 10px 5px; border-bottom: 1px solid #FFFFFF;}
	.sub-leftnav h2 {font-size: 11px; margin:0; padding: 0; color: #FFFFFF; border: 0; text-transform: none;}
	.sub-leftnav a  {color: #CBD9E7; }
	
	
/* styles for footer items */
	#footer         {font-size: 10px; color: #636769; background: #F0F4F8; border-top: 1px solid #BFCFE1; margin-left: 10px; margin-top: 10px; padding: 10px;  }
	#footer a       {color: #636769; text-decoration: none; }
	#footer a:hover {text-decoration: underline;}

/* home2 page specific styles */
	#home2-news           {background: #F6F6F4; width: 100%;}
	#home2-news td        {vertical-align: top;}
	#home2-news .sep      {background: #FFFFFF;}
	#home2-news .title    {background: #E9E9E9; color: #999999; font-weight: bold; padding: 5px 10px; width: 50%; text-transform: uppercase;}
	#home2-news .content  {padding: 5px 10px;}
	#home2-welcome-title  {color: #FFFFFF; font-weight: bold; text-transform: uppercase; background: #2C649B; border-bottom: 1px solid #324E6F; padding: 4px 10px;}
	#home2-welcome-text   {color: #FFFFFF; background: #5A8DBD; padding: 10px;}
	#home2-welcome-text p {text-align: right; margin: 0; margin-top: 10px;}
	#home2-welcome-text a {color: #FFFFFF; background: url(/Images/welcome_text_anchor_bg.gif); border: 1px solid #386594; padding: 1px 10px;}
	/* styles for right nav items */
		.home2-rn          {background: #E6EEF7; line-height: 16px; margin-bottom: 5px;}
		.home2-rn h2       {font-size: 11px; color: #FFFFFF; background: #6798C7; margin: 0; padding: 5px 10px 5px 10px; text-transform: uppercase; border-bottom: 1px solid #FFFFFF; }
		.home2-rn ul       {margin:0; padding: 10px 10px 10px 30px; list-style-image: url(/Images/rn-arrow-bullet.gif);}
		.home2-rn p.more   {text-align: right; margin: 0; padding: 0 10px 10px 0; font-size: 10px;}
		.home2-rn p.more a {background: #6798C7; color: #FFFFFF; padding: 2px 5px; }

/* styles for general page right hand nav items */		
	.rn-top    {background: #F6E9E0; line-height: 16px; margin-bottom: 5px;}
	.rn-top h2 {font-size: 11px; color: #FFFFFF; background: #F3863C; margin: 0; margin-bottom: 10px; padding: 5px 10px 5px 10px; border-bottom: 1px solid #FFFFFF;}
	.rn-top ul {margin:0; padding: 0 10px 10px 30px; list-style-image: url(/Images/rn-arrow-bullet.gif);}
	.rn-top p  {margin: 0; padding: 0 10px 10px 10px;}
	
	.rn-gen              {background: #ECECE9; line-height: 16px; margin-bottom: 5px;}
	.rn-gen h2           {font-size: 11px; color: #60605E; background: #D1D1D0; margin: 0; text-transform: uppercase; padding: 5px 10px 5px 10px; border-bottom: 1px solid #FFFFFF;}
	.rn-gen ul           {margin:0; padding: 0 10px 0 0; list-style: none;}
	.rn-gen a            {display: block; width: 100%; padding: 5px 10px; border-bottom: 1px solid #FFFFFF;}
	.rn-gen p            {margin: 0; padding: 0 10px 10px 10px;}
	.rn-gen a.discussion {background: url(/Images/rn-gen_a-discussion_bg.gif) 115px no-repeat;}

	
/* styles for in page components */
	.features    {background: #ECF2F9; border: 0; border-collapse: collapse;}
	.features td {border: 1px solid #FFFFFF; padding: 10px;}


/* Sidebar */
#sidebar {
	width:225px;
	margin:0 40px 0 25px;
	float:left;
	font-size:10px;
}
#sidebar .section {
	background:<?php echo COLOURTWO;?>;
	margin:0 0 2.5em 0;
	padding-bottom:0.8em;
	border:1px solid blue;
	background:#a0d0ff;
}
#sidebar .section form {
	padding:0.8em 0.8em 0 0.8em;
}
#sidebar h2 {
	font-size:1.2em;
	font-weight:bold;
	padding:0.4em 0 0.4em 0.4em;
	margin:0;
	border-bottom:1px solid black;
}
#sidebar h3 {
	font-weight:bold;
	font-size:1.2em;
	margin:1em 0 0.5em 0;
}
#sidebar ul {
	margin:0.8em 0 0 1.5em;
	padding:0;	
}
#sidebar #files_list {
	margin-left:1.5em;
}
#sidebar #uploadbutton {
	margin:1em 0 0 0;
}


#outline {
    border: solid #000 1px;
}


#outline2 {
     border-style: solid;
     border-width: 1px 1px 1px 1px;
     border-color: #404040 #909090 #909090 #d0d0f0;
}

.safarihide {
	position:absolute;
	left:-10000px;
}
body {
	font-family:Verdana, sans-serif;
	font-size:12px;
	color:<?php echo COLOURTEXT;?>;
	background:#fff;
}
body, h1, h2, .navigation, #sidebar form #sidebar #files_list, #filelist .filedetails form, #filelist .filedetails ul, #logout {
	margin:0;
	padding:0;
}
#filelist tr.rowhover, a:hover, h1, #sidebar h2, #filelist th, #filelist tfoot td, #filelist .details span.hide, #filelist .hover {
	background:<?php echo COLOURONE;?>;
	color:<?php echo COLOURONETEXT;?>;
}
.error {color:red;}
.ok {color:<?php echo COLOURONE;?>;}
.hidden {display:none;}
a {
	color:<?php echo COLOURONE;?>;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
#logout {
	position:absolute;
	top:4px;
	right:4px;
	left:auto;
	bottom:auto;
}
h1 a, #logout a {
	color:<?php echo COLOURONETEXT;?>;
}
h1x {
	font-size:2em;
	font-weight:bold;
	padding:0.2em;
	margin-bottom:25px;
}
h2x {
	font-size:1.5em;
	font-weight:normal;
	margin-left:265px;
}
#files_list span.error {
	cursor:pointer;
}
#files_list span.error:hover {
	text-decoration:underline;
}
#uploadsection input {
	width:200px;

	font-family:Verdana, sans-serif;
	font-size:12px;
	color:<?php echo COLOURTEXT;?>;
	background:#a0f0d0;

}
#mkdir {
	width:140px;
}
#mkdirsubmit {
	width:40px;
}
#sidebar p {
	text-align:center;
}
/* Status box */
#status p {
	text-align:left;
	padding:0.5em 0.8em;
	font-size:14px;
}
#sidebar #status {
	background-color:<?php echo COLOURHIGHLIGHT;?>;
}
/* File list */
#filelist td a {
	color:<?php echo COLOURTEXT;?>;
	display:block;
	width:100%;
	height:100%;
	padding:0.2em 0.5em 0.2em 0.6em;
}
#filelist a:hover {
	background:inherit;
	text-decoration:none;
}
#filelist tr.rowhover a:hover {
	color:<?php echo COLOURONETEXT;?>;
}
#filelist {
	border:1px solid black;
	border-collapse:collapse;
	margin-left:25px;
}
#filelist tfoot td, #filelist th {
	border-top:1px solid black;
	border-bottom:1px solid black;
}
#filelist th, #filelist tfoot td {
	font-weight:bold;
}
#filelist th.size a {
	color:white;
}
#filelist th.size {
	text-align:right;
}
#filelist th {
	padding:0.3em 0.6em;
	text-align:left;
}
#filelist td.details {
	padding:0.3em 0;
}
#filelist td.size {
	text-align:right;
}
#filelist tfoot td {
	font-size:10px;
	text-align:right;
	font-weight:normal;
}
#filelist tr {
	background:#fff;
}
#filelist tr.odd {
	background:<?php echo COLOURTWO;?>;
}
#filelist tr.dir td.name {
	font-weight:bold;
}
#filelist tr.rowhover {
	background:<?php echo COLOURONE;?>;
	color:<?php echo COLOURONETEXT;?>;
}
#filelist .details span.show, #filelist .details span.hide {
	cursor:pointer;
	padding:4px 4px;
}
#filelist .hover, #filelist .filedetails ul li {
	cursor:pointer;
}
#filelist .filedetails {
	background:<?php echo COLOURHIGHLIGHT;?>;
	font-size:10px;
	border-top:2px solid black;
	border-bottom:2px solid black;
	padding:1em 0.5em;
}
#filelist .filedetails td {
	width:275px;
}
#filelist .filedetails .newvalue {
	width:150px;
}
#filelist .filedetails form {
	padding:0.3em;
}
#filelist .filedetails label {
	display:block;
	font-weight:bold;
	margin:0 0 0.5em 0;
}
#filelist .filedetails ul {
	list-style:none;
	padding:0.3em 1.2em 0.3em 0.3em;
	width:60px;
	float:left;
}
#filelist .filedetails ul li.selected {
	font-weight:bold;
}
#filelist td.error {
	padding:1em 3em;
}

/* Edit form */
form#edit {
	margin-left:265px;
}
form#edit textarea {
	margin:1.5em 0 1em 0;
}
#Iform th {
	font-weight:bold;
	font-size:0.8em;
	margin:1em 0 0.5em 0;
}
#Iform input {
	font-size:0.8em;
}

#Iform {
     border-style: solid;
     border-width: 1px 2px 2px 1px;
     border-color: #404040 #909090 #909090 #d0d0f0;
     margin:1em 0 1.5em 0;
     background:#e5e5e5;
}



/* Login box */
#loginbox {
	margin:25px;
}
#loginbox label {
	font-family:monospace;
}
/* Footer */
#footer {
	font-size:10px;
	clear:both;
	margin:25px;
}
.seperator {
	border-top:2px solid <?php echo COLOURONE;?>;
}