@charset "utf-8";

/* CSS Document */

* {

	padding:0;
	margin:0;

}

a img {border:0;}

#container {

}
#header, #headerInside {
	height:186px;
	color:#fff;
	background: url('../img/layout/header-bg.jpg') top left repeat-x;
	border-bottom:1px solid #000;
	}
	
#header a, #headerInside a {
color:#fff;}
	
#logoBox {
	float:right;
	width:300px;
	margin:70px 20px 0 0;
}


#slugBox {
	background:#efefef;
	text-align:right;
	border-bottom:1px solid #000;
	padding:5px 20px;
	overflow:auto;
}

#slugBox h2 {font-size:100%;font-weight:normal;}

#headerInside {
	background: url('../img/layout/header-bg.jpg') bottom left repeat-x;
	height:100px;
}

#headerInside #logoBox {margin-top:10px;}

/*#headerInside #adminBox {margin-top:20px;}*/

#breadcrumbs {float:left;width:40%;text-align:left;}

#menu {float:right;width:60%;text-align:right;}
#menu ul{
	float:right;
}
#menu li{
	margin-right:10px;
	list-style:none;
	float:left;
}


ul#homeCategory {
margin:0;
padding:0;
float:right;
list-style:none outside;
}

ul#homeCategory li {
float:left;
margin:10px;
padding:0;
text-align:center;}

#main {overflow:auto;margin:0 0 20px 0;min-width:800px;width:100%;float:left;}

ul#catSort {list-style:none outside;margin:0;padding;0;}
ul#catSort li {border-right:1px solid #000;padding:2px 10px;margin:0;line-height:1;}
ul#catSort li.lastItem {border-right:none;padding-right:0px;}


#pageTitle {
border-top:1px solid #000;
border-bottom:1px solid #000;
background: orange;
text-align:center;
padding:10px 0;
margin:10px 0;}

#pageTitle h1 {font-size:250%;padding:0;margin:0;}
#pageTitle h2 {padding:0;margin:0}

div#resultsMessageBox {
	margin:10px 0;
	text-align:center;
	font-size: 150%;
}

div#openContentBox { padding:10px 20px;margin:0 10px;}

div.dataCol {float:left;padding:10px 0;}
div#layout1Col div#contentCol1 {background: #69f;width:100%;}
div#layout2Col div#contentCol1 {background: #69f;width:49%;}
div#layout2Col div#contentCol2 {background: #fc6;width:50%;margin-left:1%;}

div#layout3Col div#contentCol1 {background: #69f;width:32%;}
div#layout3Col div#contentCol2 {background: #fc6;width:33%;float:left;margin-left:1%;}
div#layout3Col div#contentCol3 {background: #6cf;width:33%;float:left;margin-left:1%;}

ul.elementList {
list-style:none outside;
padding:0 10px;
margin:0;
min-height:200px;}

ul.elementList li {
	margin:2px 0;
	overflow:auto;
}

ul.elementList li.collapsiblePanelItem {margin:-1px 0 0 0;}


ul.elementList li h4,ul.elementList li h2,ul.elementList li h3 {display: inline;padding:0;margin:0;}


ul.elementList li.updatedElement {border:1px solid #efefef;padding:5px 0;}

div.sortHandle {float:left;width:20px;height:20px;font-size:18px;background:#efefef;border:1px solid #000;text-align:center;line-height:20px;}

.ui-state-highlight { min-height: 20px; min-width:200px;line-height: 1.2em; border:1px dashed #ccc;margin:1px 0;background:#a9a9a9;}

div.elementValue {margin-left:30px;}

div.elementValue table {min-width:200px;border:1px solid #000;border-collapse: collapse;}
div.elementValue table th,div.elementValue table td {padding:4px;border:1px solid #000;border-collapse: collapse;}
div.elementValue table tr {vertical-align: top;}
div.blankBullet {margin-left:0;}
div.nestedList div.bullet_1 { margin-left:18px; }
div.bulletItem { margin-left:15px; }
div.elementEditLink {display:inline;padding-left:10px;white-space:nowrap;}
div.bullet {float:left;width:18px;}

.collapsiblePanel h2.collapsiblePanelTitle {font-size:15px;line-height:1;font-weight:bold;padding:5px;background: #efefef;border:1px solid #000;margin:0;display:block;}
.collapsiblePanel div.collapsiblePanelContent {display:none;border:1px solid #000;padding:5px;margin-top:-1px;background: #6cf;}


.collapsiblePanel h2.hover {background: #ccc;}
.collapsiblePanel h2.activeCollapsiblePanel {background: #39f;}


ul.subElementList {
	list-style: none outside;
	padding:0;
	margin:0;
}

	

div.bullet_3 {display:block;width:28px;padding:1px;}

div.bullet_1 {text-align:center;font-size:18px;line-height:inherit;}



/* ADMIN BOX */
#adminBox {
	margin:30px 20px 0 20px;
	width:280px;
	position:absolute;
	z-index:10;
	top:0px;
	left:0px;
}

span.logoutLink {float:left;width:90px;}
span.myAccountLink {float:right;width:90px;text-align:right;}
span.addClientLink {float:right;width:90px;text-align:center;}

#adminBoxHome {
	margin:80px 20px 0 20px;
	width:280px;
	position:absolute;
	z-index:10;
	top:0px;
	left:0px;
}

#clientBox {
	border-bottom:1px solid #fff;
	padding-bottom:3px;
	width:280px;
}

#clientBox span {
	font-size:20px;
	line-height:20px;
	font-variant: small-caps;
}

#adminOptions {
	width:280px;
	padding-top:3px;
	overflow:hidden;
}

input.clientName {
	font-size:20px;
	line-height:20px;
	font-variant: small-caps;
}
input.clientButton {
	font-size:20px;
	line-height:20px;
}

span.clientName {
	font-size:20px;
	line-height:20px;
}

#adminBackground {
	float:left;
	
	background-color:#ddd;
	opacity:.20;
	filter: alpha(opacity=20); 
	-moz-opacity: 0.2;
	padding:10px;
	height:80px;
	width:300px;
	/*-moz-border-radius: 15px;
	-webkit-border-radius: 15px;*/
}

#adminBackgroundHome {
	float:left;
	background-color:#ddd;
	opacity:.20;
	filter: alpha(opacity=20); 
	-moz-opacity: 0.2;
	padding:10px;
	height:166px;
	width:300px;
	/*-moz-border-radius: 15px;
	-webkit-border-radius: 15px;*/
}

#viewtype-container {
	overflow:hidden;
	padding-top:10px;
	margin:10px;
	clear:both;
}
#viewtype-container select {  }