/* CSS Document */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#f7f7f7;
}

a img {
border:none;
text-decoration:none;
}

ol li {
list-style-position: inside;
margin-bottom:1em;
}

#topBar {
background:#999 url(../images/topbar-bg.jpg);
height:21px;
overflow:auto;
padding:2px 20px;
color:#fff;
}

	#topBar a {
	color:#fc0;
	}
	
	#topBarLeft {
	width:50%;
	float:left;
	}
	
	#topBarRight {
	width:50%;
	float:right;
	text-align:right;
	}

#header {
margin:0;
padding:10px;
height:84px; 
/*background:url(../images/header-bg.jpg) repeat-x;*/
background:#ccc;
}

	img#qs_logo {
	float:left;
	margin-right:20px;
	}

	#header a img {
	border:2px solid #fff;
	}
	
	#header a:hover img {
	opacity:0.9;
	filter:alpha(opacity=90);
	border:2px solid #999;
	}

	
div#adminContainer {
margin:0;
border:0;
padding:0;
}

	div#adminLeftContent {
	float:left;
	width:160px;
	text-align:right;
	padding:10px 14px 10px 10px;
	line-height:160%;
	background:#fff;
	border-right:4px double #ccc;
	}
	
		h4.adminMenuHead {
		color:#133653;
		}
		
		div#adminLeftContent ul li {
		list-style:none;
		padding:0 3px;
		}
		
		div#adminLeftContent ul li:hover {
			font-weight:bold;
			background-color:#F0F0F0;
		}
		
		div#adminLeftContent ul li.selected {
			font-weight:bold;
			background-color:#F0F0F0;
		}
		
		div#adminLeftContent a {
		color:#666;
		}
	
	div#adminRightContent {
	width:760px;
	float:left;
	background:transparent;
	padding:10px;
	margin-left:10px;
	color:#000;
	font-size:0.95em;
	}

		div#adminRightContent a {
		color:#666;
		text-decoration:underline;
		}
		
		div#adminRightContent a:hover {
		color:#333;
		}
		
		div#adminRightContent a img {
		text-decoration:none;
		}

		
table.formTable td, table.formTable th {
padding:5px;
vertical-align:top;
border-bottom:1px solid #ccc;
}

	table.formTable td.label {
	font-weight:bold;
	text-align:right;
	}
	
	table.formTable td.spawEditor td {
	padding:0;
	}
	
	table.formTable td.submit {
	text-align:right;
	}

table.formTable input[type="text"], table.formTable input[type="password"], table.formTable textarea.nonSpaw {
width:400px;
}

table.formTable textarea.nonSpaw {
height:100px;
}

table.formTable input.shortInput {
width:30px;
}

p.fieldCaption {
font-style:italic;
}

/*input.shortInput {
width:20px;
}*/


div#adminFooter {
margin:20px 0;
clear:both;
width:100%;
height:19px;
background:#333;
padding:6px 20px;
color:#fff;
font-size:0.8em;
}
	
	div#adminFooter a {
	color:#fff;
	text-decoration:underline;
	}

	div#adminFooter a:hover {
	font-weight:bold;
	}
	
div#uploader {
width:680px;
padding:10px 0;
}

div#dvUploader {
	width:300px;
}

div#dvLoadIndicator {
margin-bottom:5px;
color:#900;
}

	div#dvLoadIndicator img {
	margin-right:3px;
	}
	
	
	.spanLeft {
		float:left;
	}
	.spanRight {
		float:left;
	}

	table#uploadTable {
	vertical-align:top;
	}

div.positiveFeedbackMessage {
	width:490px;
	padding:5px;
	margin: 5px 0;
	background-color:#D5F4C6;
	border:1px solid #006600;
}
	div.positiveFeedbackMessage img {
		margin-right:20px;
	}

div.negativeFeedbackMessage {
	width:295px;
	padding:15px;
	background-color:#FFA4AA;
	border:1px solid #B00000;
}
	div.negativeFeedbackMessage img {
	margin-right:20px;
	}

.inlineFeedbackMessage {
	background-color:#FAA;
	border:1px solid #000;
	padding:5px;
	margin-left: 2px;
	font-weight:bold;
}

/*** LOGIN ***/
div#loginContainer {
	margin:100px auto;
	width:320px;
	background:#aaa url(../images/quicksite-logo.png) top center no-repeat;
	padding:80px 20px 20px 20px;
	color:#fff;
}

	div#loginContainer a {
	color:#fff;
	text-decoration:underline;
	}

	div#loginContainer a:hover {
	font-weight:bold;
	}
	
	span.error_message {
		display: block;
		color:#B60A35;
		font-weight:bold;
	}
	
	div.row {
		width:auto;
		margin: 10px auto 10px auto;
	}
	
	div.submit {
		padding-top:20px;
	}
	
		div.row input[type="text"], div.row input[type="password"] {
			width:320px;
			height:25px;
			font-size:16px;
		}
		
		div#loginContainer input[type="submit"] {
			background-color:#CEE1F8;
			border:1px solid #0080C0;
			width:65px;
			height:25px;
			cursor:pointer;
		}
		
/* Settings */

div.box {
		border:1px solid SkyBlue;
}

	div.box div#menuColor1, div.box div#menuColor2 {
		width:40px;
		height:25px;
		margin:2px;
	}

/* End Settings */
		

/** BLOG ADMIN **/

table#tableListPosts thead tr th, table#tableListPosts tbody tr td {
	padding:10px;
}
table#blogNewPost tbody tr td input.txtPostTitle {
	width:520px;
}

div#lnkAddNewCategory, div#dvAddNewCategory {
padding-bottom:5px;
}

	div#lnkAddNewCategory a {
	color:#ccc;
	}
	
	div#lnkAddNewCategory a:hover {
	color:#000;
	}


/* GALLERY ADMIN */
table#tblAlbum, table#tblPhotos {
	margin-top:10px;
}

div.feedbackMessage {
	width:300px;
	border:1px solid #800000;
	background-color:#FFCACA;
	color:#804040;
	font-weight:bold;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
}

/* skin */
div#skinWrapper{
	float:left;
	width:650px;
}
	div.skinThumbs {
		float:left;
		width:70px;
		margin:10px;
	}

div#skinList td {
padding:5px;
width:120px;
text-align:center;
vertical-align:bottom;
}

p.submit {
text-align:right;
}

/* upload logo */
div#logoPreview {
padding-top:10px;
}

a.lnkListPostStatus {
cursor:pointer;
text-decoration:underline;
color:#0000FF;
}

/** Skin Table **/
div.dvSkin, table#tblSkin tr td:hover {
	background: #6C98BB;
	cursor: pointer;
	color:#fff;
}

div.dvSkin img, table#tblSkin tr td:hover img {
	opacity:0.6;
	filter:alpha(opacity=60);
}

table#tblSkin tr td div {
	cursor: pointer;
}

p.ajaxLoading {
	font-weight: bold;
	padding:5px;
	background: #4C7DA3;
	width: 100px;
	color:#fff;
}

/* Custom CSS */
table#tblCustomCSS textarea {
width:500px;
height:300px;
}

/* Admin Photo Gallery */

#dvDropAlbumCover {
float:right;
width:160px;
overflow:none;
margin-left:10px;
border: 2px solid #26498D;
}
	
	#coverHeader {
	padding:10px;
	background-color:#26498D; 
	font-weight:bold; 
	color:#FFF;	
	}

	#coverImg {
	text-align:center;
	padding:10px;
	}

#dvAlbumContainer, #dvPagesContainer, #dvTestiContainer, #dvSkinCategoriesContainer {
	width: 550px;
	float:left;
	clear: both;
}

#dvPhotoContainer {
	width: 550px;
	float:left;
}
	
	div.dvSubPhotoContainerClass, div.dvAlbumSubContainer, div.dvPageSubContainer, div.dvTestiSubContainer, div.dvSkinCategorySubContainers {
		float:left;
		width: 100%;
		border-bottom:1px solid #ccc;
		padding:1px 0;
	}
	
		div.handle {
			float: left;
			width: 100%;
		}
		
		div.handle:hover {
			background:#ccc;
			cursor:move;
		}
		
			div.handleX, div.handleStatus, div.handleCaption, div.handlePhoto, div.handleEdit, div.handleStatus, div.handleName, div.handleTitle, div.handleDate {
				float: left;
				margin-left:5px;
				padding:3px 0;
			}
			
			div.handleEdit a img {
				margin-left: 8px;
			}

			div.handleX {width:16px;}
			div.handleStatus {width:50px;}
			div.handlePhoto {width:150px;text-align:center;background:#999;}
			div.handleCaption {width:300px;}
			
			div.handleEdit {width:25px;}
			div.handleName {width:80px;}
			div.handleTitle {width:300px;}
			div.handleDate {width:100px;}
			
#dvTestiHeader, #dvSkinCategoriesHeader {
	float:left;
	width:100%;
}


/* Album Groups */

#dvUngroupedAlbumsContainer, #dvGroupedAlbumsContainer {
width:370px;
}

#dvUngroupedAlbumsContainer {
float:left;
}

#dvGroupedAlbumsContainer {
float:right;
}

.dvCollapsibleAlbumContainer {
min-height: 100px;
height: auto !important;
height: 100px;
cursor: move;
}

.dvGroups {
float:left;
border:1px solid #ffc798;
width:360px;
margin:3px 0;
}

	.dvGroupHead {
	background:#ffc798;
	width:350px;
	padding:5px;
	min-height:20px;
	height:auto !important;
	height:20px;
	overflow:auto;
	cursor:move;
	}
	
		.dvGroupHeadLeft {
		font-size:1.1em;
		font-weight:bold;
		float:left;
		width:60%;
		}

		.dvGroupHeadRight {
		float:right;
		text-align:right;
		width:40%;
		}
		
#dvTemp {
display:none;
}

.dvAlbum {
clear:both;
float:left;
padding:5px;
width:350px;
}

	.dvAlbum:hover {
	background:#ddd;
	cursor:move;
	}

	.dvAlbumElement {
	float:left;
	padding:4px;
	}

	.dvAlbumElement img {
	max-width:40px;
	width:auto !important;
	width:40px;
	}


/*Caption Edit*/

span.spanEdit {
background:#999;
position:absolute;
border:1px solid #000;
width:300px;
padding:5px;
}

span.spanEdit textarea {
width:300px;
}
			
/* droppable div */	
/*.ui-state-highlight { height: 55px; line-height: 1.2em; }*/
.hovered {
	border:3px solid #339900;
	background-color:#CCC;
}

/* RSS Updates from blog.quicksitenow.com */

div#dvFeeds {
width:740px;
padding:10px;
border:3px double #999;
}

#dvFeeds ul {
list-style:none;
}

#dvFeeds li {
border-bottom:1px solid #ccc;
margin-bottom:0.5em;
}

#dvFeeds span.feedTitle a {
font-size:1.5em;
color:#133653;
}

#dvFeeds li span.feedDate {
font-size:1em;
color:#999;
}

#dvFeeds p.feedContent {
}

.tooltip { 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 3; 
	display: none; 
	border: 1px solid #999;
	background-color: #CCC;
	padding: 10px;
}

/*Multi-Tabs*/
div.multiTabContent a {
color:#333399;
text-decoration:underline;
}
/*Change Password */
#tblChangePass {
	display: none;
}

.hiddenElement {
	visibility:hidden;
}

/* TABLE SORTER */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 250px;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}



/* EDIT PAGE CONTENT*/
.formLabel {
	font-weight:bold;
}

.textBox {
	width:400px;
}

.dateTextBox {
	width:80px;
}

div#adminRightLeft {
	float:left;
	width:580px;
}
	div#photoManager {
		overflow:auto;
	}
		div.formRow {
			width:580px;
		}
	
div#adminRightRight {
	float:left;
	width:160px;
	margin-left:10px;
}
	div#uploadImagesContainer {
		width:556px;
		height:140px;
		border:2px solid #ddd;
		margin-top:5px;
		padding:10px;
		overflow:auto;
	}
	
	#uploaderImages, #uploaderFiles {
	background:#ccc;
	margin-bottom:5px;
	padding:10px;
	}
	
	div.uploadThumbnailContainer {
	float:left;
	overflow:auto;
	margin-right:5px;
	}
		img.x {
		float:left;
		margin-top:5px;
		}

		img.uploadThumbnail {
		float:left;
		max-height:40px;
		height:auto !important;
		height:40px;
		border:2px solid #777;
		margin-top:2px;
		}
				
/* END EDIT PAGE CONTENT */

/* STATS */
div.lstSkinUsers {
	position:absolute;
	margin-left:250px;
	margin-top:-25px;
	width:200px;
	background-color:#ddd;
	display:none;
}
	div.lstSkinUsers p {
		margin-left: 5px;
	}
	div.skinUserTitle {
		background-color:#E6EEEE;
		font-weight:bold;
		padding:5px;
	}

/* Edit Description */
#tblEditAlbumDescription {
	visibility:visible;
}
	textarea.albumDescription {
		width:440px;
		height:150px;
	}