/** CSS for layout.phtml **/

/* sticky header and footer layout*/
body{
margin:0;
padding:30px 0 30px 0;
margin:0;
padding:0;}

*{
font-size:8pt;
}

div#header{
background:#000;
position:absolute;
top:0;
left:0;
width:100%;
height:30px;
z-index:10;
}

div#footer{
background:#000;
position:absolute;
bottom:0;
left:0;
width:100%;
text-align:center;
height:30px;
z-index:11;
}
div#header a, div#footer a{
color:#fff;
font-weight:bold;
text-decoration:none;
}

div#header div#leftside, div#header div#rightside{
padding-top:4px;
padding-left:5px;
padding-right:5px;
}


@media screen{
	body>div#header{
	position:fixed;
	}
	body>div#footer{
	position:fixed;
	}
}

* html body{
overflow:hidden;
} 

* html div#content{
height:100%;
overflow:auto;
}

div#content{
padding:5px;
width:900px;
margin-top:30px;			/*header height+10px*/
/*margin-bottom:40px;		footer height+10px*/
margin-left:auto;
margin-right:auto;
overflow:auto;
}

/*space above labels in zend forms*/
.zend_form dt{
margin-top:20px;
}

/*hack so u can see all the other pages*/
.pagefill{
background-color:#fff;
color:#000;
}


/* other header+footer*/


div#header div#leftside{
margin:3px;
float:left;
}
div#header div#rightside{
margin:3px;
float:right;
}
div#rightside ul,
div#rightside ul li{
display:inline;
padding:0px;
}
div#rightside ul li a{
padding: 10px;
}
li.active a{
background-color:#222;
}


/* FOOTER */
div#copyright{
text-align:center;
margin-bottom:10px;
}
div#copyright a:link, div#copyright a:visited {
color:#fff;
text-decoration:none;
}
div#copyright a:hover, div#copyright a:active {
color:#ddd;
text-decoration:underline;
}


/* page layout */

.jquerytab{
overflow:auto;
width:800px;
margin-left:auto;
margin-right:auto;
}

.column{
float:left;
width:160px;
padding:5px;
}

.section{
margin-bottom:20px;
}

.sectiontitle{
cursor:move;
padding-bottom:2px;
font-weight:bold;
}


.links{
margin:0;
padding:5px;
/*border: thin solid red;*/
list-style-image:none;
list-style-position:outside;
list-style-type:none;
text-decoration:none;
/*font-size:8pt;*/
}


/* megasearch form*/
#websearch{
margin-top:0px;
width:800px;
height:75px;
margin-left:auto;
margin-right:auto;
}
#websearch dl.zend_form{
padding:0;
margin:0;
}

#websearch #searchstring{
float:left;
margin-left:110px;
margin-top:20px;
width:500px;
}

#websearch #gobutton{
float:left;
margin-left:5px;
margin-top:20px;
width:50px;
}



#websearch .checkboxgroup{
margin-top:48px;
border:0;
padding:0;
position:absolute;
width:95px;
}
#websearch .checkboxgroup ul{
padding:3px;
}
#websearch .checkboxgroup legend{
font-weight:bold;
padding:3px;
padding-left:8px;
padding-right:8px;
}


#fieldset-checkgroup0{margin-left:150px;}
#fieldset-checkgroup1{margin-left:250px;}
#fieldset-checkgroup2{margin-left:350px;}
#fieldset-checkgroup3{margin-left:450px;}
#fieldset-checkgroup4{margin-left:550px;}
#fieldset-checkgroup5{margin-left:650px;}




div#resultbox{
text-align:center;
padding:5px;
margin:7px;
border:1px solid green;
background-color:#5b5;
/*font-weight:bold;*/
color:white;
position:absolute;
margin-left:200px;
margin-right:200px;
width:500px;
}



.drophelper{
border: 1px dashed red;
margin-left: 0px;
margin-right: 5px;
margin-top: 3px;
margin-bottom: 3px;
}

.draghelper{
opacity:0.6;
background-color: grey;
padding:2px;
margin-left: 0px;
margin-right: 5px;
margin-top: 3px;
margin-bottom: 3px;
}




/* toolbox */
ul#toolbox1{
float:left;
}
ul#toolbox2{
float:right;
}
ul#toolbox1, ul#toolbox2{
margin:0;
padding:0;
margin-top:6px;
margin-bottom:0px;
list-style:none;
}

ul#toolbox1 li, ul#toolbox2 li{
float:left;
margin-left:3px;
margin-right:3px;
display: block;
width:40px;
height:40px;
}

ul#toolbox1 li#addtab{
background-image: url(toolicons/addtab40.png);
}
ul#toolbox1 li#addsection{
background-image: url(toolicons/addsection40.png);
}
ul#toolbox1 li#addlink{
background-image: url(toolicons/addlink40.png);
}
ul#toolbox1 li#save{
background-image: url(toolicons/save40.png);
}

ul#toolbox2 li#trashcan{
background-image: url(toolicons/binopenclosed40.png);
}
ul#toolbox2 li#editpen{
background-image: url(toolicons/edit40.png);
}


.toolhover{
background-position: top right;
}