/* CSS Document */

body {
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	text-align:center;
	font:Arial;
	font-size:12px;
}

td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	vertical-align:top;
}

div{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

ul, li {
list-style:none;
margin:15px 0px
}
a{
	color:white;
	}

a:link{
	color:white;
	}
a:hover{
	color:white;
	}
a:visited{
	color:white;
	}
#wrapper{
	background-color:#000000;
	margin:0 auto 0 auto;
	padding:0;
	width: 980px;
	text-align:left;
	color:#FFFFFF;
}

#header{
	height:99px;
	width:980px;
}

#logo{
	height:54px;
	width:140px;
	float:left;
	text-align:center;
}

#login{
	height:54px;
	width:330px;
	float:right;
	color:#FFFFFF;
}

#login a:link{
	color:#FFFFFF;
	text-decoration:none;
	}

#login a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	}

#login a:visited{
	color:#FFFFFF;
	text-decoration:none;
	}

#topnav{
	height:30px;
	width:980px;
	text-align:left;
	margin:0px 0px 15px 0px;
	background-color:#000000;
	float:left;
	color:#FFFFFF;
	background-image:url(graphics/topnav-bg.jpg);
	background-repeat:repeat-x;
}

#topnav a:link{
	color:#FFFFFF;
	text-decoration:none;
}

#topnav a:hover{
	color:#E9E6E6;
	text-decoration:underline;
}

#topnav a:visited{
	color:#FFFFFF;
	text-decoration:none;
}

#content{
	float:left;
	width:980px;
	background-color:#000000;
}

#leftcol{
	width:660px;
	margin-left:40px;
	float:left;
	background-color:#000000;
}

#rightcol{
	width:240px;
	float:left;
	background-color:#000000;
}

#uiedit{
	float:left;
	height:595px;
	width:980px;
	background-color:#000000;
}

#showcase{
	float:left;
	height:140px;
	width:980px;
	margin: 15px 0 0 0;
	background-color:#000000;
	text-align:center;
}
#showcase td{
	text-align:center;
	}

#sitebar{
	width:950px;
	height:100px;
	float:left;
	margin-bottom:15px;
	margin-left:15px;
	margin-right:15px;
}

#bottomnav{
	text-align:center;
	background-image:url(/graphics/footer_bg.jpg);
	background-repeat:repeat-x;
	float:left;
	height:65px;
	width:980px;
	background-color:#000000;
	color:#FFFFFF;
	vertical-align:middle;
}
#bottomnav a:link{
	color:#FFFFFF;
	text-decoration:none;
}

#bottomnav a:hover{
	color:#E9E6E6;
	text-decoration:underline;
}

#bottomnav a:visited{
	color:#FFFFFF;
	text-decoration:none;
}


#newsite{
	height:150px;
	margin-bottom:10px;
	background-color:#000000;
}

#upgrade {
	height:288px;
	background-color:#000000;
}

#sitechangeleft{
	width:350px;
	float:left;
	margin-left:100px;

}

#sitechangeright{
	width:350px;
	float:left;

}

#acntset {
	width:700px;
	margin-top:10px;
	background-color:#000000;
	float:left;
}


 leightbox stuff 

.leightbox {
	color: #333;
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 1em;
	border: 1em solid #B8B8B8;
	background-color: white;
	text-align: left;
	z-index:1001;
	overflow: auto;	
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }

 end of leightbox stuff 

.clear {
 	clear:both;
	height:1px;
}

.pad {
	padding:7px 10px 7px 10px;
}

.navleft {
	height:30px;
	float:left;
	vertical-align:middle;
	margin-top:7px;
	margin-left:15px;
}

.navright {
	height:30px;
	float:right;
	text-align:right;
	vertical-align:middle;
	margin-top:7px;
	margin-right:15px;
}

.nav{
	padding-top:5px;
}
.log {
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	text-align:right;
}

.user {
	height:46px;
	width:330px;
	text-align:right;
	padding:7px 0px;
	margin-right:10px;
	background-color:#000000;
}

.sitecap {
	margin:25px 5px 5px 5px;
	text-align:left;
	float:left;
}

.siteactive {
	margin:25px 75px 25px 25px;
	text-align:right;
	float:right;
}

.mysites {
	width:902px;
	background-color:#C8C4C5;
}

.sitebarnav {
	width:700px;
	height: 50px;
	background-color:#000000;
	text-align:left;
	float:right;
}

.sitebarlinks {
	font-size:14px;
	padding-top: 27px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 15px;
}

.sitebarname {
	float:left;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align:left;
}

.tableHeader {
	color:#FFFFFF;
	vertical-align:middle;
	background-color:#f06736;
}

.tableData {
	background-color:#000000;
	color:#FFFFFF;
}

.tableDataRight {
	background-color:#000000;
	color:#FFFFFF;
	text-align:right;
}

.tableBorder {
	border:1px #F34607 solid;
}
.inputClass{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:1px #F34607 solid;
	background:#E9E6E6;
	color:#000000;
}
.inputClassLong{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:1px #F34607 solid;
	background:#E9E6E6;
	color:#000000;
	width:200px;
}

.mysitesDiv{
	width:500px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:20px;
	padding:10px;
	height:90px;
}
.librarySiteBg{
	background-image:url(graphics/library_site_bg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#000000;
	padding-left:15px;
}

.headerUsername{
	background-image:url(/graphics/header_username_bg.jpg);
	width:133px;
	height:23px;
	vertical-align:bottom;
}
.headerPassword{
	background-image:url(/graphics/header_password_bg.jpg);
	width:133px;
	height:23px;
	vertical-align:bottom;
}
.headerInput{
	font-size:10px;
	width:100px;
}
.headerSlice1{
	background-image:url(/graphics/header_logout_slice_1.jpg);
	width:270px;
	height:39px;
	text-align:right;
	vertical-align:bottom;
	padding-right:10px;
	padding-bottom:7px;
	color:#FFFFFF;
	font-size:12px;
}	
.headerSlice a:link{
	color:#FFFFFF;
}
.headerSlice a:hover{
	color:#FFFFFF;
}
.headerSlice a:visited{
	color:#FFFFFF;
}
.footerContent{
	background-image:url(graphics/footer_content_bg.jpg);
	background-repeat:repeat-x;
	padding-top:8px;
}
.headerLogoutSlice2{
	background-image:url(graphics/header_top_short.jpg);
	width:423px;
	height:46px;
	text-align:right;
	vertical-align:middle;
}
.applemenu{
	margin: 5px 0;
	padding: 0;
	width: 780px; /*width of menu*/
/*	border: 1px solid #E0E0E0; */
}

.applemenu div.silverheader a{
background: #E0E0E0 url(/graphics/silvergradient.jpg) repeat-x center left;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 3px 0;
padding-left: 8px;
text-decoration: none;
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: white;
}		


.applemenu div.selected a, .applemenu div.silverheader a:hover{
background-image: url(/graphics/silvergradient_over.jpg);
color: white;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: black;
padding: 5px;
/* height: 600px; Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
overflow:auto;
}
.whiteBox{
	background-color:#F2E9E9;
	margin-bottom:20px;
	color:#528EEB;
	text-align:left;
	margin-left:20px;
	margin-right:20px;
	font-size:14px;
	width:864px;
}
.whiteBox td{
	background-color:#F2E9E9;
	color:#528EEB;
	text-align:left;
	font-size:14px;
}
.whiteBox a{
	color:#528EEB;
}
.whiteBox a:link{
	color:#528EEB;
}
.whiteBox a:hover{
	color:#528EEB;
}
.whiteBox a:visited{
	color:#528EEB;
}