/******** CMS.php *******/
.floater{ /*Pop-up Div */
	float:left;
	display:none;
	position:absolute;
	z-index:3;
	top:30%;
	left:15%;
	background-color: white;
	border:5px groove gray;
	padding:25px;
}

.makeFloat{
	float:left;
}

#logoutBox{ /*The Log-out button and the menu*/
	display:none;
}

#logOuter{ /*The top part of the CMS that holds the menu and login stuff*/
	border:1px solid black;
	padding:30px;
}



/***** CMS Directory ********/

.fullWidth{ /*anything that has a full width*/
 	width:100%;
}

.checkBox{ /*For the connections boxes
on the member directory
when you click on the pencils, it's around each subcategory option
option you drop down the category from the options
these don't appear right off*/
	width:20%;
	float:left;
}

.outer{ /*outside of each of the three boxes for member directory, {category, subcategory, and member}*/
 	float:left;
 	width:33%;
 	border:1px solid blue;
}

.cmscat{ /*just inside the outer*/
 	border:1px solid black;
 	float:left;
 	padding:10px;
}

.memberCategory{ /*holds the header row for the member directory, from the word 'select' to all the titles*/
	clear:left;
	float:left;
	width:100%;
	padding-bottom:30px;
	height:50px;
}

.selectDiv{ /*around the word 'select'*/
	float:left;
	width:40px;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
	height:100%;
}

.subjectDiv{ /*around the header titles*/
	float:left;
	width:85%;
	height:100%;
	text-align:center;
}


/******* Navigation ************/

.navigationOuter{ /*outside of the navigation from (x to x of x) to the pull down pages*/
	clear:left;
	float:left;
	width:100%;
}

.pagination{ /*outside of (x to x of x)*/
	float:left;
	padding-right:15px;
}

.noUnderline{ /*anylink that just doesn't need an underline, esp in the navigation part*/
	text-decoration:none;
}

.featuredJump{ /*around the 'Page' to all the page numbers and the prev,next,last...*/
	float:left;
	padding-right:30px;
}

.featuredNavOuter{ /*outside of the navigation from (x to x of x) for all but the CMS directory*/
	width:600px;
}

.featuredNav{ /*outside the 'featuredNavOuter'*/
	float:left;
	clear:left;
	width:600px;
}

/*********** End Navigation *********/

/********* Directory CMS *********/
.directoryWidth{ /*Connection Box for the 'category' and 'subcategory'*/
	width:800px;
}

.directoryWidth2{ /*Connection Box for 'members'*/
	width:600px;
}

.conn{ /*connection box holds all the subcategories for 'category'*/
 	height:350px;
 	width:750px;
 	overflow:auto;
 }
 
 .conn2{ /*connection box holds all the categories for 'subcategory'*/
	height:400px;
	width:750px;
	overflow:auto;
}

 .connCat{ /*outside each individual category, subcategory in the connection box*/
 	width:30%;
 	float:left;
 	padding-bottom:20px;
 	height:35px;
 	margin-right:10px;
 }
 
 .connCat2{ /*outside each individual category, subcategory in the connection box for the member*/
 	width:20%;
 	float:left;
 	height:35px;
 	margin-right:10px;
 	border:1px solid black;
 }
 
 .connLabel{ /*the label for the connection box subcategories, for members*/
 	float:left;
 	height:35px;
 }
 
 .tableCMS{ /*directory rows, from the checkbox to the end*/
 	width:100%;
 	padding-bottom:30px;
 	height:50px;
 }
 
 .tableRowCMS{ /*from the checkbox to the pencil*/
 	float:left;
 	width:60px;
 	text-align:center;
 	vertical-align:middle;
 	overflow:hidden;
 	height:100%;
 }
 
 .tableColumnCMS{ /*outside each data item*/
 	float:left;
 	width:80%;
 	height:100%;
 }
 
.directoryData{ /*outside each non-editable data item*/
 	float:left;
 	width:85%;
}

.directoryDataEdit{ /*outside the textbox for each data item
only appears when you click on the initial data item*/
	 display:none;
	 width:85%;
	 height:100%;
}

.memberIframe{ /*the icon in member edit 
when you click on the member name*/
	overflow:hidden;
}

.afterDataEdit{ /*data item that comes back after the edit*/
	float:left;
	width:65%;
	height:100%;
}

.directoryAdd{ /*around the whole add a category, add a subcategory box*/
	width:100%;
	text-align:center;
	padding:15px;
	border:1px solid black;
	float:left;
}



/*********** Listings **************/


.listingsOuter{ /*outside all the 'check all', 'uncheckall' and the delete button (one div)*/
	clear:left;
	float:left;
	width:500px;
}

#cmsListings{ /*outside everything but the add part*/
 	border:1px solid black;
 	float:left;
 	padding:30px;
}

.listingsHead{ /* the header from 'select' to all the header titles*/
	clear:left;
	float:left;
	width:950px;
	padding-bottom:30px;
	height:50px;
}

.listingsHead250{ /* outside the 'job listing' title header*/
	float:left;
	width:250px;
	height:100%;
	text-align:center;
}

.listingsHead150{ /* outside 'location' 'duties' 'contact info' header titles*/
	float:left;
	width:150px;
	height:100%;
	text-align:center;
}

.listingsHead100{ /*outside 'date ended' and 'salary' header titles*/
	float:left;
	width:100px;
	height:100%;
	text-align:center;
}

.listingsData250{ /*uneditable data for 'job listing'*/
	float:left;
	width:250px;
	height:100%;
	text-align:center;
}

.listingsData150{ /*uneditable data for 'location', 'duties', 'contact info'*/
	float:left;
	width:150px;
	height:100%;
	text-align:center;
}

.listingsData100{ /*uneditable data for 'data ended', and 'salary'*/
	float:left;
	width:100px;
	height:100%;
	text-align:center;
}

.listingsEdit250{ /*editable part of 'job listing'*/
	display:none;
	width:250px;
	height:100%;
}

.listingsEdit150{ /*editable part of 'location', 'duties', 'contact info'*/
	display:none;
	width:150px;
	height:100%;
}

.listingsEdit100{ /*editable part of 'date ended', and 'salary'*/
	display:none;
	width:100px;
	height:100%;
}

.listingsData1{ /*um, not sure, but keep it here*/
	float:left;
	width:40px;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
	height:100%;
}

.listingsAdd{ /*around the add portion */
	margin-left:5px;
	width:370px;
	text-align:center;
	padding:15px;
	border:1px solid black;
	float:left;
	text-align:left;
}

/****************** News CMS *****************/


.newsOuterD{ /*outside for the 'checkall', 'uncheckall' and the delete button*/
	clear:left;
	float:left;
	width:500px;
}

#cmsNews{ /*outside the whole thing, except the add part*/
	border:1px solid black;
	float:left;
	padding:30px;
}

.newsHeadIntro{ /*outside the whole header part*/
	clear:left;
	float:left;
	width:620px;
	padding-bottom:30px;
	height:50px;
	
}

.newsHead{ /*from 'select' to all the header options*/
	clear:left;
	float:left;
	width:620px;
	padding-bottom:30px;
	height:170px;
	
}

.newsHead250{ /*the 'news' header title*/
	float:left;
	width:250px;
	height:100%;
	text-align:center;
}

.newsHead150{ /*'title' and 'date' header and data*/
	float:left;
	width:150px;
	height:100%;
	text-align:center;
}

.newsHead100{ /*dunno, probably should keep it here though*/
	float:left;
	width:100px;
	height:100%;
	text-align:center;
}

.newsData150{ /* the title data*/
	float:left;
	width:150px;
	height:170px;
	vertical-align:top;
}

.newsDataInner150{  /*inside the 'newsData150'*/
	overflow:auto;
	width:150px;
	height:170px;
	float:left;
}

.newsDataInnerEdit{ /*the edit for the 'title'*/
	display:none;
	vertical-align:top;
	width:150px;
 }
 
.newsData250{ /*outside the 'news' data item*/
	float:left;
	width:250px;
	height:170px;
	vertical-align:top;
}

.newsDataInner250{ /* inside around the 'news' data item*/
	overflow:auto;
	width:250px;
	height:170px;
}

.newsDataInnerEdit250{ /*edit the 'news' data item*/
	display:none;
	width:250px;
	height:170px;
	vertical-align:top;
	overflow:visible;
 }
 
 .newsAdd{ /* adding the 'news' portion*/
 	margin-left:50px;
 	width:300px;
 	text-align:center;
 	padding:15px;
 	border:1px solid black;
 }
 
 /********** Newsletter CMS ***********/
 
 .newsletterOuterD{ /*outside the 'check all', 'uncheck all', and the delete button*/
  	clear:left;
  	float:left;
  	width:500px;
 }
 
 #cmsnewsletter{ /*outside the whole thing except the add portion*/
 	border:1px solid black;
 	float:left;
 	padding:30px;
 }
 
 .newsletterHead{ /*header from 'select' to all the title headers*/
 	clear:left;
 	float:left;
 	width:620px;
 	padding-bottom:30px;
 	height:50px;
 }
 
 .newsletter300{ /* the 'month' header*/
 	float:left;
 	width:300px;
 	height:100%;
 	text-align:center;
 }
 
 .newsletter280{ /* the 'file' header*/
  	float:left;
  	width:280px;
  	height:100%;
  	text-align:center;
 }
 
 .newsletterRow{ /*the row from 'checkbox' to all the data items*/
 	clear:left;
 	float:left;
 	width:620px;
 	padding-bottom:30px;
 	height:100px;
 }
 
 .newsletterColumn{
 	float:left;
 	width:40px;
 	text-align:center;
 	vertical-align:middle;
 	overflow:hidden;
 	height:100%;
 }
 
 .newsletterColumn2{ /* the checkbox, the delete button*/
  	float:left;
  	width:300px;
  	height:100px;
  	overflow:auto;
  	padding-left:5px;
  }
  
  .newsletterDataEdit{ /* the editable data item for the month*/
  	display:none;
  	width:200px;
  	height:100%;
  }
  
  .newsletterImage{ /*outside the iframe that changes the document*/
  	float:left;
  	width:260px;
  	padding-left:5px;
  	text-align:center;
  	vertical-align:top;
  }
  
  .newsletterAdd{ /* the add portion*/
  	margin-left:4px;
  	text-align:center;
  	padding:15px;
  	border:1px solid black;
  	float:left;
  }
  
  
  /************ Upload *********/
  
  .uploadIcon{ /* the .doc and .pdf icons*/
  	float:left;
  	width:100%;
  	text-align:center;
  	padding:10px;
  }
  
  .replaceImg{ /*outside the iframe that holds the replace image*/
  	float:left;
  	overflow:hidden;
  	vertical-align:top;
  }
  
  .addImage{ /*outside the part that adds a new newsletter*/
  	overflow:hidden;
  	width:100%;
  	float:left;
  }
  
  .uploadTextField{  /*month and newsletter-file inputs*/
  	width:200px;
  }
  
  .uploadFileInput{ /*file input on the replace portion*/
  	width:260px;
  }
  
  .uploadTextButton{ /*the replace button*/
  	width:220px;
  	float:left;
  }