@charset "utf-8";
/* CSS Document */

body{
	font-family: Arial, Verdana, Tahoma;
	background-color: #FFF; /*  AAA;  */
	/*background: url(../images/site/bkg_gold.jpg) #CDB87F repeat-x;*/ /****Gold****/
	margin: 0px 0px 0px 0px;
	padding: 0px;
}	
	
#outsideWrapper{
	text-align:center;
	margin-top: 10px;
}

#wrapper{
/*	min-height: 600px;*/
	width: 1024px;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background-color: #FFF;
	text-align:left;
	border: 1px solid black;
}

#header{
	padding: 0px;
	margin: 0px;
	background-image: url(../images/header.gif) ;
	height:119px;
	/*background-color: #002653;/*033965;*/ 
}

#topnav{
	padding: 0px;
	margin: 0px;
}
#pageWrapper{
	width: 1022px;  /* was 1022 prior to April 3rd */
	background-color:#FFF;

}
#fullcontent{
	padding: 0px 5px 5px 5px;
	vertical-align:top;
	font-size:14px;
	text-align:left;
}
#fullcontent a{
	color: #002653;
	text-decoration:underline;
}

#footer{
	color: #002653;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 0px;
	background-image: url(../images/footer.gif) ;
	/*background-color: #002653;/*033965;*/ 
}

#pageTitle{
	font-family: Arial,Chaparral Pro,Calibri;
	font-size:22px;
	color: #002653;
	padding: 5px 0px 0px 0px;
	display: block;
}
#editPageTitle{
	display:none;
}

.whiteBoldLabel{
font-family: BankGothic,Tahoma,Arial,Veranda;
color:#FFF; 
font-weight:bold; 
font-size:12px;
}

a.whiteLink{
	font-family: BankGothic,Tahoma,Arial,Veranda;
	color:#FFF;
	font-size:12px;
}

#loading{
	background:#CCCC66;
	text-align:left;
	font-family: Arial,BankGothic,Tahoma,Arial,Veranda;
	font-size:12px;
	font-weight:bold;
	color:#000; 
}
#loginStatus{
	font-family: BankGothic,Tahoma,Arial,Veranda;
	color:#FFF;
	font-size:12px;
}
#loginStatus a{
	font-family: BankGothic,Tahoma,Arial,Veranda;
	color:#FFF;
	font-size:12px;
	text-decoration: underline;
}

#loginBar{
	width: 1024px;
	padding: 2px;
	margin: 100px auto 0px auto;
	text-align:center;
	color: #000;
	font-size:12px;
}

#loginBar a{
color:#002653;
	text-decoration:underline;
}

#archivedMessage{
	background-color:#000;
}

/***************** Pro Dropdown 2 ****************************/			
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/*.preload1 {background: url(../images/DropdownNav/three_1.gif);}
.preload2 {background: url(../images/DropdownNav/three_1a.gif);}*/

/*#nav {padding:0; margin:0; list-style:none; height:35px; background:#fff url(../images/DropdownNav/navigationBar.jpg) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif; border: none;}*/
#nav {padding:0; margin:0; list-style:none; height:35px; background:#fff url(../images/DropdownNav/three_0.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; border: none;}
#nav li.top {display:block; float:left; height:35px;} /************* HEIGHT used to be 38px *********/
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#002653; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(../images/DropdownNav/three_0.gif);} /************* HEIGHT used to be 38px ; color: #ccc *********/
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(../images/DropdownNav/three_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(../images/DropdownNav/three_0a.gif) no-repeat right top;}

#nav li:hover a.top_link {color:#002653; background: url(../images/DropdownNav/three_1.gif) no-repeat;} /* color:#fff */
#nav li:hover a.top_link span {background:url(../images/DropdownNav/three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(../images/DropdownNav/three_1a.gif) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{
left:1px; top:35px; background: #D4D097; padding:3px; border:1px solid #605a5a; white-space:nowrap; width:150px; height:auto; z-index:300;}/************* top used to be 38px; background: #bbd37e *********/
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:150px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:148px; line-height:18px; text-indent:5px; color:#002653; text-decoration:none;border:1px solid #D4D097;}
#nav li ul.sub li a.fly
{background:#D4D097 url(../images/DropdownNav/arrow.gif) 140px 6px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#A8A255; color:#fff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#A8A255 url(../images/DropdownNav/arrow_over.gif) 140px 6px no-repeat; color:#fff;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:150px; top:-4px; background: #D4D097; padding:3px; border:1px solid #605a5a; white-space:nowrap; width:150px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#A8A255 url(../images/DropdownNav/arrow_over.gif) 140px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#D4D097 url(../images/DropdownNav/arrow.gif) 140px 6px no-repeat; color:#000; border-color:#D4D097;} 
/*********************************************/	


/*****Modal login****/
label, input { display:block; }
input.text { margin-bottom:12px; width:95%; }
fieldset { padding:0; border:0; margin-top:25px; }
/*********************************************/	

#pageSaveBtn{
	display: none;
}
#pageCancelBtn{
	display: none;
}
#editcontentDiv{
	display: none;
}
#pageArea{
	width:100%;  /* used to be 69 */
}
#mediaArea{
	width:100%;
}
#editPane{
	border: 1px solid black;
	background-color:#CCC;
	float:right;
	width:19%;
	height:auto;
	display: none;
	padding: 3px;
	margin: 5px 0px 0px 0px;

	/* for IE */
	  filter:alpha(opacity=60);
	  /* CSS3 standard */
	  opacity:0.6;
}

#paneHeader{
	padding:4px; margin:0px 0px 3px 0px; height:25px; list-style:none; background:#fff url(../images/mediaHeader.gif) repeat-x;
	color:white;
	font-size:18px;
}
#spotlightHeader{
	padding:4px; margin:0; height:25px; list-style:none; background:#fff url(../images/spotlightHeader.gif) repeat-x;
	color:white;
	font-size:18px;
}
/******************JavaUI Sortable Styles******************/
#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#sortable li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; height: 1.5em; }
html>body #sortable li { height: 1.5em; line-height: 1.2em; }
.ui-state-highlight { height: 1.5em; line-height: 1.2em; }
/***********************************************************/

#validateTips{
	display: none;
}

.dropdownInternalHeader{
	background:#000066;
	color:#FFF;
	font-weight:bold;
}
/* Validate plugin for stylization of the error */
label.error { font-size:10px;float: none; color: red; padding-left: .5em; vertical-align: top; font-weight:bold}

#addOptionsDiv{
	display:none;
}
#linkDiv{
	display:none;
}
#uploadDiv{
	display:none;
}
#sortNavList{
	cursor: move; 
	list-style:none;
	padding: 5px 0px 0px 5px;
	/*list-style-image: url("bullet.gif")	*/
}
#sortNavList li:hover{
	font-weight:bold;
}

#mediaPane{
	background-color:#d0cb8f; /*DFDEE3*/
	float:right;
	width:29%;
	height:auto;
	padding: 3px;
/*	border: 1px solid #002653; */
	margin: 5px 0px 0px 0px;
}

#mediaPane a{
	text-decoration:none;
}
#mediaPane a:hover{
	text-decoration:underline;
}

#pageMediaList{
	list-style:none;
	cursor:pointer;
}

#pageMediaList th{
	text-align:left;
	font-weight:bold;
	text-decoration:underline;
	padding: 0px;
}

.mediaListDivider
{
	border-bottom: 1px solid #666; /* Remove if alternating background colors*/
	padding:3px;
	width: 75%;
}

#pageMediaList li:hover{
	font-weight:bold;
}

.membersOnly{
	vertical-align:top;
	font-size:10px;
	font-weight: bold;
	font-family: Tahoma, Times, serif;
	background-color: yellow;
	padding: 1px;
	text-align:center;
}
.mediaPostedDate{
	font-size:10px;
}
#deleteIcon{
	cursor:pointer;
}

/*Notification Styles*/
#notificationMessage{
	margin: 3px;
	padding:3px;
	background-color:#FF3300; /* FF3300 */
	color: #FFF;
	font-weight:bold;
}

#notificationMessage a{
	color:#FFF;
	font-size: 12px;
}

#editMessageLink a{
	color:#FFF;
	font-size: 12px;
	display:block;
}
#editMessageForm{
	display:none;
}


#adminContent{
	min-height: 600px;
}

#adminLinkBacktoSite{
	background-color:#d0cb8f; 
	color: #002653;
	text-decoration: none;
	width:100%;
	border-bottom: 1px solid #002653;
	text-align:right;
}
#adminLeftNav{
	height: 600px;
	padding: 4px;
	width: 150px;
	background-color:#d0cb8f;
	color:#002653;
}

.adminActionHeader{
	font-weight: bold;
}

.adminSubActions{
	padding: 0px 0px 10px 4px;
}

.existingMediaItem{
	font-size: 12px;
	font-weight:none;;
}

.existingMediaItem a{
	text-decoration:underline;
	cursor:pointer;
}

#addedResources{
padding:2px;
background-color:#CCCCCC;
}

#userTable th{
	text-align:left;	
	cursor:pointer; 
}
#userTable th,td{
	padding: 1px 20px 1px 0px;	
}
/* Only working in FF, not IE */
#userTable th:hover{
	text-decoration:underline;
}

#userpager{
margin: 8px 3px 8px 3px;
}

/************************** Start asmSelect Jquery Plugin CSS *******************************/
.asmContainer {
	/* container that surrounds entire asmSelect widget */
}

.asmSelect {
	/* the newly created regular 'select' */
	display: inline; 
}

.asmOptionDisabled {
	/* disabled options in new select */
	color: #999; 
}

.asmHighlight {
	/* the highlight span */
	padding: 0;
	margin: 0 0 0 1em;
}

.asmList {
	/* html list that contains selected items */
	margin: 0.25em 0 1em 0; 
	position: relative;
	display: block;
	padding-left: 0; 
	list-style: none; 
}

.asmListItem {
	/* li item from the html list above */
	position: relative; 
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	background: #ddd;
	border: 1px solid #bbb; 
	width: 210px; 
	margin: 0 0 -1px 0; 
	line-height: 1em;
}

.asmListItem:hover {
	background-color: #e5e5e5;
}

.asmListItemLabel {
	/* this is a span that surrounds the text in the item, except for the remove link */
	padding: 5px; 
	display: block;
}

.asmListSortable .asmListItemLabel {
	cursor: move; 
}

.asmListItemRemove {
	/* the remove link in each list item */
	position: absolute;
	right: 0; 
	top: 0;
	padding: 5px; 
}
/************************** End asmSelect Jquery Plugin CSS *******************************/

#existingMediaTbl th{
	text-align:left;	
	cursor:pointer; 
}
#existingMediaTbl th,td{
	padding: 1px 20px 1px 0px;	
}
/* Only working in FF, not IE */
#existingMediaTbl th:hover{
	text-decoration:underline;
}

#existingResourcePager{

}