/* FRONTEND CSS
*********************************************/
body {height: 100%; margin-right:0px; margin-left:0px; margin-top:0px; margin-bottom:0px; background-color:#ffffff; background-image:url(../images/grad.png); background-position:top; background-repeat:repeat-x;   padding-bottom: 40px;}

.container >

.header {}
.header section > div {width: 90%; max-width: 1024px; margin:0 auto;  color:#fff;  height:60px; background-color:#212121; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; height:60px; margin-bottom:8px; overflow:hidden;  text-align:right !important; background-image:url(../images/nav_bg.png); background-repeat:repeat-x; z-index:100; }

.social {float:right; display:block;}

.navigation { display:none; margin-bottom:10px; }
.navigation section > div {width: 90%; max-width: 1024px; margin:0 auto;  color:#fff;   background-color:#212121; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; padding-top: 1em; padding-bottom: 1em; }


.main {}
.main section > div {width: 90%;max-width: 1024px; margin:0 auto; padding-bottom:20px; padding-top:20px;  text-align:left; padding: 1em;  }

.main h1 {  font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size:25px; color:#333; text-align:left; padding-top:0px; padding-bottom:0px; font-weight:normal;}
.main h2 {  font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size:20px; color:#333; font-weight:normal;}

.main section p { font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size:15px; color:#333; text-align:justify; font-weight:normal;}

.main section ul li {margin: 0;font-size: 13px !important; color:#fff; font-family:Arial, Helvetica, sans-serif; text-align:left !important;}

.main img {max-width: 100%;height: auto; }
.main img:hover { opacity:0.7;}

.main a:link {color: #333; text-decoration: none;}
.main a:visited {text-decoration: none;color: #333;}
.main a:hover {text-decoration: none;color: #000 !important;}
.main a:active { color: #333; text-decoration: none;}

.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; }

hr { border-top:#8f87c0 1px dotted; border-style: none none dotted; color: #8f87c0; background-color: #8f87c0; margin-bottom:3px; margin-top:5px;}

#container {width:1024px; height:100%; margin:0 auto; overflow:hidden;  margin-bottom:20px; padding-bottom:20px;}



#logo {margin-left:0px; margin-top:0px; float:left; border:0px !important; background-image:url(../images/logo.png); display:block; width:80px; height:60px; margin-left:10px;}
#logo:hover {background-image:url(../images/logo.gif);}

.modspace {padding-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; width:790px; margin-bottom:5px;
  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: 55em) {
 
.container {margin-top:0px;} 
.main section p {  text-align:left;}
.main h1  { font-size:25px !important;}
.search { display:none;}
.social { display:none !important; }

.navigation  { display:block !important; }
.subnavigation  { display: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}