/*
  The original mflenses Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com
*/

 /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
        background-color: #ffffff;
        font-size:12px;
        color : #000000;
        margin:10px;

}
#top-links
{
    float:right;
    font-size: 12px;
    font-weight: bold;
}
a#top-links
{
    padding: 10px;
}
/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { 
    color : #484383;
    }
a:hover         { 
    text-decoration: underline; color : #DD6900;
     
    }
hr      { height: 0px; border: solid #D1D7DC 0px; border-top-width: 0px;}


/* This is the border line & background colour round the entire page */
.bodyline       
{ 
    background-color: #FFFFFF; border: 0px #98AAB1 solid; 
}

/* This is the outline round the main forum tables */
.forumline      
{ 
    background-color: #FFFFFF; border: 1px #484383 solid; 
}

.forumlinesub
{
    background-color: #FFFFFF; border: 1px #ffffff solid; 
    
}


/* Main table cell colours and backgrounds */
td.row1 { 
    background-color: #EFEFEF;
    padding: 10px; 
    
}
td.row2 { 
    background-color: #DEE3E7;
        padding: 10px; 
 
}
td.row3 { 
    background-color: #D1D7DC;
    padding: 10px; 
 
}


/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
                background-color: #FFFFFF;
                background-image: url(images/cellpic2.jpg);
                background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th      {
        color: #484383; font-size: 12px; font-weight : bold;
        background-color: #484383; height: 25px;
        background-image: url(images/cellpic3.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
                        background-image: url(images/cellpic1.gif);
                        background-color:#D1D7DC; border: #FFFFFF; border-style: solid; height: 28px;
}


/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
        height: 29px;
        border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR 
{
    font-weight: bold; 
    border: #FFFFFF; 
    border-style: solid; 
    height: 28px;
    padding: 5px; 
}
td.row3Right,td.spaceRow {
        background-color: #D1D7DC; border: #FFFFFF; border-style: solid; }

th.thHead,td.catHead { font-size: 12px; border-width: 0px 0px 0px 0px; }
th.thSides,td.catSides,td.spaceRow       { border-width: 0px 0px 0px 0px; }
th.thRight,td.catRight,td.row3Right      { border-width: 0px 0px 0px 0px; }
th.thLeft,td.catLeft      { border-width: 0px 0px 0px 0px; }
th.thBottom,td.catBottom  { border-width: 0px 0px 0px 0px; }
th.thTop         { border-width: 0px 0px 0px 0px; }
th.thCornerL { border-width: 0px 0px 0px 0px; }
th.thCornerR { border-width: 0px 0px 0px 0px; }


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2       {
                        font-weight: bold; font-size: 14px;
                        text-decoration: none; line-height : 120%; color : #000000;
}

a.maintitle
{
    font-weight: bold; 
    font-size: 12px;
}

td.maintitle
{
    padding-left:5px;
    line-height:1em;
}

/* General text */
.gen { font-size : 14px; }
.genmed { font-size : 13px; }
.gensmall { font-size : 12px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #484383; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover     { color: #DD6900; text-decoration: underline; }


/* The register, login, search etc links at the top of the page */
.mainmenu               { font-size : 12px; color : #000000 }
a.mainmenu              { text-decoration: none; color : #484383;  }
a.mainmenu:hover{ text-decoration: underline; color : #DD6900; }


/* Forum category titles */
.cattitle
{ 
    font-weight: bold; 
    font-size: 12px ; 
    letter-spacing: 0px; 
    color : #484383;
    margin:5px;
    
}
a.cattitle              { text-decoration: none; color : #484383; }
a.cattitle:hover{ text-decoration: underline; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink              { font-weight: bold; font-size: 12px; color : #484383; }
a.forumlink     { text-decoration: none; color : #484383; }
a.forumlink:hover{ text-decoration: underline; color : #DD6900; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav                    { font-weight: bold; font-size: 12px; color : #000000;}
a.nav                   { text-decoration: none; color : #484383; }
a.nav:hover             { text-decoration: underline; }


/* titles for the topics: could specify viewed link colour too */
.topictitle                     { font-weight: bold; font-size: 12px; color : #000000; }
a.topictitle:link   { text-decoration: none; color : #484383; }
a.topictitle:visited { text-decoration: none; color : #5493B4; }
a.topictitle:hover      { text-decoration: underline; color : #DD6900; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name                   { font-size : 10px; color : #000000;}

/* Location, number of posts, post date etc */
.postdetails            { font-size: 10px; }


/* The content of the posts (body of text) */
span.postbody { font-size: 12px;}
a.postlink:link { text-decoration: none; color : #484383 }
a.postlink:visited { text-decoration: none; color : #5493B4; }
a.postlink:hover { text-decoration: underline; color : #DD6900}


/* Quote & Code blocks */
.code {
        font-family: Courier, 'Courier New', sans-serif; font-size: 12px; color: #006600;
        background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
        border-left-width: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px
}

.quote {
        font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #444444; line-height: 125%;
        background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
        border-left-width: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px
}

/* Lexicon navigation*/
.letter { font:bold 10pt Verdana; text-decoration:none }
.letter:hover { text-decoration:underline }
.letter2 { font:bold 11pt Verdana; text-decoration:none; }
.letter3 { font:bold 10pt Verdana; color:#C0C0C0 }

/* Lexicon categorie */
.categorie { font: 7pt Verdana; color:#B0B0F0; text-decoration:none }

/* Lexicon crosslinks */
crosslink: { color : #000000; }
a.crosslink:link {   text-decoration: none; color : #777755; }
a.crosslink:visited {  text-decoration: none; color : #777755; } 
a.crosslink:hover {  text-decoration: none; color : #773366; }

/* Copyright and bottom info */
.copyright              { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -0px;}
a.copyright             { color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}


/* Form elements */
input,textarea, select {
        color : #000000;
        border-color: gray;
        border-width:0px;
}

/* The text input fields background colour */
input.post, select {
        background-color : #FFFFFF;
}
input.post {
        height: 2em;
}
.messagearea
{
    width:100%;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
        background-color : #EFEFEF;
        color : #000000;
        border-color:white;
        padding-left:10px;
        padding-right:10px;
        padding-top:5px;
        padding-bottom:5px;
}

/* The main submit button option */
input.mainoption {
        background-color : #FAFAFA;
        font-weight : bold;
        padding: 5px;
}

/* None-bold submit button */
input.liteoption {
        background-color : #FAFAFA;
        font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #DEE3E7; border-style: none; }


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");

.mflnav
{
    font-size:14px;
    font-weight: bold;
    padding-right:10px;
    padding-top:10px;
    padding-bottom:10px;
    
}

span.mflnav
{
    padding:0px;

}
.mflpagination
{
    width:100%;
    padding: 10px;
}
td.author
{
    vertical-align: text-top;
    padding:5px;
    width:8%;
    
}
table.top-pagination
{
    width: 100%;
    padding: 10px;
    
}
td.ratingsbox
{
    width: 20%;
    padding:10px;
}

table.site-container,.preview-container,.posting-container,.preview-message
{
    width: 100%;
}
table.login-container
{
    width: 100%;
}

table.header-container
{
    width: 100%;
    margin-bottom: 10px;
    
}

tr.main-container
{
    width: 100%;
    
}
table.main-header
{
    margin: 10px;

}
tr.main-header
{
    width: 100%;
    margin:10px;
}
#paypal
{
    padding-left:10px;
}

table.post-buttonbar
{
    margin-bottom:20px;
}
tr.post-buttonbar
{

}
td.post-buttonbar
{
    text-align:left;
}
img.emotions
{
    border:0px;
    padding:5px;    
}

.nav-container
{
    width:100%;
    
}
.nav-buttons
{
    width:15%;
    float:left;
    line-height: 3em;
    padding-top:10px;

}

.nav-topic
{
    width:85%;
    float:left;
    line-height: 3em;
    padding-top:10px;

}
.nav-topic-alone
{
    width:100%;
    float:left;
    line-height: 3em;
    padding-top:10px;

}

.nav-pagenumber
{
    width:7%;
    float:right;
}
.nav-pagination
{
    width:95%;
    float:left;
}

.myButton {
	-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
	box-shadow:inset 0px 0px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:0px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 8px;
	text-decoration:none;
	text-shadow:0px 0px 0px #ffffff;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.myButton:active {
	position:relative;
	top:0px;
}


.myButton:active {
	position:relative;
	top:0px;
    text-decoration:none;
}

select {
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -0px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -0px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -0px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

label {position:relative}
label:after {
    content:'<>';
    font:10px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:0px solid #ddd;
    position:absolute;
    pointer-events:none;
}
label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}





@media screen and (min-width: 1366px)
{
    

}
@media screen and (min-width: 1024px) and (max-width: 1366px)
{
  

}


@media screen and (min-width: 768px) and (max-width: 1024px)
{
}
@media screen and (min-width: 480px) and (max-width: 768px)
{
    width:460px;
}

@media screen and (min-width: 320px) and (max-width: 480px)
{

.gensmall,.mflnav
{
    font-size:13px;
    
}

.nav-buttons
{
    width:100%;
}

.nav-topic
{
    width:100%;

}
.nav-pagination
{
    width:100%;
    padding-bottom: 10px;
}

.nav-pagenumber
{
    width:100%;
}



}

@media screen and (max-width: 320px)
{

}