/* FRONTEND CSS
*********************************************/
html { height: 100%; }
body {height: 100%; margin-right:0px; margin-left:0px; margin-top:0px; margin-bottom:0px; background-color:#ffffff;}

.container >


.logo, img {max-width: 100%;height: auto; float:left; }

.header { background-color:#212121;}
.header section > div {width: 90%; max-width: 1024px; margin:0 auto;  color:#fff;  height:150px; background-color:#212121; background-image:url(../images/header.png); background-repeat:no-repeat; }

.header img {max-width: 100%;height: auto; }

.navigation { background-color:#212121;}
.navigation section > div {width: 90%; max-width: 1024px; margin:0 auto;  color:#fff; background-color:#212121;  padding-top:10px;  padding-bottom:10px; }


.footer { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; text-align:left; }
.footer section > div {width: 90%; max-width: 1024px; margin:0 auto; padding: 1em; text-align:left !important; }
.modspace {padding-top:10px;}

.search { float: right; margin-top:10px;}

.wrapper {
  margin: 0 auto; width:1024px;
  position: relative; max-width: 1024px;  z-index:100; font-size:12px; color:#333; margin-top:200px; }

.mod_sef_input {padding:6px; border:#CCC 1px solid; margin-bottom:5px;}
.mod_sef_input_textarea {padding:6px; border:#CCC 1px solid; margin-bottom:5px;}


/* LAYOUT
*********************************************/

ul.actions {display:none;}
.social {margin:3px; border:0px !important;}

 
/* Floats */
.float-left {
  float: left;
}
.float-right {
  float: right top 0;
  margin-top:15px; margin-right:0px !important; font-size:12px; color:#666; text-align:right;
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.ie7 .group {
  zoom: 1;
}

/* Media Queries
*********************************************/
@media screen and (max-width: 1024px) {
 
.main section p {  text-align:left;}
.main h1  { font-size:25px !important;}
.search { display:none;}
.social { display:none !important; }

.header section > div   { background:none !important; }

hr {display:none;}

.main a:active {text-decoration:none; cursor:pointer;}

}


/* ########################## search ############################ */
.searchintro
{
        font-weight:normal;
        margin:20px 0 20px;
		padding: 10px;
}

#mod-search-searchword {padding:6px; border:#ccc 1px solid; font-size:12px; background-color:#FFF; color:#666; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; text-align:right; margin-bottom:10px; }

#searchForm,
#finder-search
{
        padding:0 5px
}

.form-limit
{
        margin:20px 0 0;
        text-align:right;
        padding:0 10px 0 20px;
}

.inputbox:focus
{

}

.highlight
{
        font-weight:bold;
}

.ordering-box
{
        width:40%;
        float:right;
}

.phrases-box
{
        width:60%;
        float:left
}

.only,
.phrases
{
        margin:10px 0 0 0px;
        padding:15px ;
        line-height:1.3em;
}

label.ordering
{
        display:block;
        margin:10px 0 10px 0;
		
}

.word
{
        padding:10px 10px 10px 0;
		
}

.word input
{
        font-weight:bold;
        margin:0px 10px 0px 10px;
        padding:4px;
        font-size:1em;
		
		
		
}

.word input:focus
{
        margin:0 0 0 9px;
}

.word label
{
    font-weight:bold
}

fieldset.only label,
fieldset.phrases label
{
    margin:0 10px 0 0px
}

.ordering-box label.ordering
{
    margin:0 10px 5px 0;
    float:left
}


form .search label,
form .finder label
{
        display:none;
		padding: 10px;
		
}

form #finder-filter-select-list label
{
        display:block;
        margin-top: 10px;
        margin-bottom: 2px;
		
}

.search legend
{font-weight:bold}