/* ------------------ GLOBALS ---------------- */

body{										/* BODY */
  font-family: verdana;
  font-size: 12px;
  color: #555588;
  background-color: #bfbfff;
  background-image: url('images/back.png');

  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

.pad{										/* Padding for rows */
  padding: 6px;
}

.center{									/* Center */
  text-align: center;
}

.spac{										/* Spacer between sections */
  margin-bottom: 15px;
}

.info{										/* Style for module info */
  font-family: lucida console, monospace;
  font-size: 12px;
  color: #555588;
  background: #eeeeff;
}

.infospace{
  width: 3px;
}

/* ------------------ TABLES ------------------ */

.tab{										/* Global table */
  width: 100%;
  padding: 0px;
  border-spacing: 0px;
  vertical-align: top;
}

.table-main{								/* Table for content */
  min-width: 800px;
  max-width: 1200px;
  width: 100%;
  padding: 0px;
  border-spacing: 15px;
  border-top-width: 0px;
  border-bottom-width: 0px;
}

.table-main-left{							/* Left content */
  width: 200px;
  padding: 0px;
  border-spacing: 0px;
  vertical-align: top;
}

.table-main-right{							/* Right content */
  width: 200px;
  padding: 0px;
  border-spacing: 0px;
  vertical-align: top;
}

.table-main-middle{							/* Middle content */
  width: 100%;
  padding: 0px;
  border-spacing: 0px;
  vertical-align: top;
}

.table-box{									/* Menus' global table */
  width: 200px;
  padding: 0px;
  border-spacing: 0px;
}

.table-box-in{								/* Menus' table with content */
  width: 100%;
  padding: 0px;
  border-spacing: 0px;
  border: 0px;
  margin-bottom: 15px;
}

.section-bar{								/* Bar with section title */
  background: #0078ac url('images/back-bar.png') repeat-x;
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-bottom: 0px solid #ffffff;
}

.section-table{								/* Table with left and right menus */
  background: #fafaff;
  border-top-width: 0px;
  border-spacing: 0px;
  width: 100%;
}

.row-bar{									/* Row that looks like bar (Title, Genre etc) */
  background-color: #cfcfff;
  border-left: 1px solid #efefff;
  border-top: 1px solid #efefff;
  border-bottom: 1px solid #bfbfff;
  border-right: 1px solid #bfbfff;
}

.row{										/* Row */
  background: #fafaff;
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #eeeeff;
  border-bottom: 1px solid #eeeeff;
}

.row-clean{									/* Row without borders */
  background: #fafaff;
}

.row-big{									/* Big row */
  background: #fafaff;
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #eeeeff;
  border-bottom: 1px solid #eeeeff;
}

.player{									/* ModFM Player section */
  background-color: #fafaff;
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #eeeeff;
  width: 150px;
  height: 100px;
}

.table-pages{								/* TD for pages buttons */
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
}

.td-logo{									/* TD with Logo */
  background: #ffffff url('images/logo-back.gif') repeat-x;
  height: 150px;
  vertical-align: bottom;
  border: 4px solid #ffffff;
}

.separator{									/* Separator in the Recent Modules Section */
  background-color: #dfdfff;
  height: 8px;
}

.donatebar{									/* Payment progress bar */
  width: 425px;
  height: 30px;
  text-align: left;
  border: 1px solid #000;
}

.payed{										/* Payment progress bar - payed */
  background-color: #ccccff;
  height: 30px;
}

.infotable{
  width: 314px;
  padding: 0px;
  border-spacing: 0px;
  vertical-align: top;
}

/* ------------------ OBJECTS ---------------- */

input,select,textarea,button{				/* Font for FORMs */
  background: #dfdfff;
  font-family: verdana;
  font-size: 12px;
  border: 1px solid #aaaaff;
}

input{										/* Input style */
  background: #dfdfff;
  border: 1px solid #aaaaff;
}

.input-small{								/* ModFM rating buttons on the main page */
  background: #eeeeff;
  padding: 1 2 1 2;
}

.plain-input{								/* Input for radios etc */
  border-width: 0px;
}

hr{											/* HR */
  background-color: #dfdfff;
  border: 0px solid #dfdfff;
  height: 1px;
  text-align: left;
}

.page{										/* Page button */
  background: #dfdfff;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
  border: 1px solid #aaaaff;
}

.avatar{									/* Avatar */
  border: 1px solid #aaaaff;
  padding: 1px;
}

.smile{										/* Smiles */
  margin-bottom: -2px;
}

.quote{										/* Quote */
  display: block;
  padding: 4px 4px 4px 4px;
  border: 1px solid #aaaaff;
  text-decoration: none;
  background-color: #ddddff;
}

.faq{										/* FAQ answer */
  display: block;
  padding: 4px 4px 4px 4px;
  border: 1px solid #555588;
  text-decoration: none;
  background-color: #ddddff;
  width: 90%;
}

.code{										/* Code DIV */
  display: block;
  padding: 4px 4px 4px 4px;
  border: 1px dashed #555588;
  text-decoration: none;
  background-color: #ddddff;
  width: 90%;
  font-family: lucida console, monospace;
}

.search{
  width: 100%;
  font-family: Trebuchet MS;
  font-size: 16px;
}

.format-div{
  text-align: right;
  float: left;
  width: 22px;
  height: 10px;
  margin-top: 1px;
}


/* ------------------ FONTS ------------------ */

td{											/* Global font */
  font-family: verdana;
  font-size: 12px;
  color: #555588;
}

.small{										/* Small */
  font-family: tahoma;
  font-size: 11px;
  color: #c0c0ff;
}

.mono-select{								/* Modules' formats list */
  font-family: lucida console, monospace;
  font-size: 12px;
}

.section-title{								/* Sections' titles */
  color: #ffffff;
  font-weight: bold;
}

.alert{										/* Alerts */
  color: #ff0000;
  font-weight: bold;
}

.h1{										/* Bigger fonts */
  font-size: 12px;
  color: #555588;
  text-decoration: underline;
  font-weight: bold;
}

.logged-none{								/* No logged users */
  display: block;
  padding: 4px 10px 4px 4px;
  text-align: center;
}

.rate{										/* Rate on the module's page */
  font-family: verdana;
  font-size: 20px;
  color: #555588;
  font-weight: bold;
}

.oneliner-username{                 		/* Username in oneliner */
  font-size: 12px;		
  font-weight: bold;
  color: #555588;
}

.forum-username{							/* Username on the forums */
  font-weight: bold;
  font-size: 12px;
}

.news-title{								/* News' title */
  font-weight: bold;
}

.menu-section{								/* Menu section (ModFM / General) */
  display: block;
  padding: 4px 0px 4px 0px;
  font-size: 12px;
  font-weight: bold;
}

.menu-link{									/* Menu item LEFT*/
  padding-top: 1px;
  margin-left: 24px;
}

.menu-link-r{								/* Menu item RIGHT */
  padding-top: 1px;
  margin-right: 24px;
}

.menu-icon{									/* Icon in the menu LEFT */
  float: left;
  margin-left: 4px;
}

.menu-icon-r{								/* Icon in the menu RIGHT */
  float: right;
  margin-right: 4px;
}

.highlight{									/* Highlight in the Support section */
  color: #0000ff;
}

.donate{									/* Donate writing */
  font-size: 16px;
  color: #555588;
}

.format{
  display: table-cell;
  vertical-align: bottom;
  z-index: 2;
  position: relative;
  left: 1px;

  font-family: roboto;
  font-size: 13px;
  font-weight: bold;
  text-shadow: -1px 1px 4px #000, 1px 1px 4px #000, 1px 1px 4px #000, 1px -1px 4px #000;
  font-smooth: never;
  -webkit-font-smoothing: none;
}

.format-small{
  font-family: roboto;
  font-size: 10px;
  text-align: center;
  font-weight: bold;
  text-shadow: -1px 0px 1px #000, 1px 0px 1px #000, 0px 1px 1px #000, 0px -1px 1px #000;
  font-smooth: never;
  -webkit-font-smoothing: none;

}


/* ------------------ LINKS ------------------ */

a:link,
a:visited,
a:active{									/* Default link */
  text-decoration: none;
  font-weight: none;
  color: #555588;
}

a:hover{									/* Default link */
  text-decoration: underline;
}

a.link-small:link,
a.link-small:visited,
a.link-small:active{						/* Small link */
  font-size: 11px;
  text-decoration: none;
  font-weight: none;
  color: #aaaaff;
}

a.link-small:hover{							/* Small link */
  text-decoration: underline;
}

a.section-title:link,
a.section-title:visited,
a.section-title:active{						/* Section title that is a link */
  text-decoration: none;
  font-weight: bold;
  color: #ffffff;
}

a.section-title:hover{						/* Section title that is a link */
  text-decoration: underline;
}

.menu-items{								/* Menu Square Items */
  margin: 0 0 0 0;
  padding:0;
}

.menu-items a{								/* Menu Square Items */
  display: inline-block;
  padding: 4px 4px 4px 4px;
  width: 96%;
}

.menu-items a:link,
.menu-items a:visited,
.menu-items a:active{						/* Menu Square Items */
  text-decoration:none;
  font-weight: none;
  color: #555588;
}

.menu-items a:hover{						/* Menu Square Items */
  background-color: #eeeeff;
  text-decoration:none;
  font-weight: none;
  color: #555588;
}

.menu-items2{								/* Menu with icons Square Items */
  margin: 0 0 0 0;
  padding:0;
}

.menu-items2 a{								/* Menu with icons Square Items */
  display: inline-block;
  padding: 2px 2px 2px 2px;
  width: 98%;
}

.menu-items2 a:link,
.menu-items2 a:visited,
.menu-items2 a:active{						/* Menu with icons Square Items */
  text-decoration:none;
  font-weight: none;
  color: #555588;
}

.menu-items2 a:hover{						/* Menu with icons Square Items */
  background-color: #eeeeff;
  text-decoration:none;
  font-weight: none;
  color: #555588;
}

a.letter {									/* Letters */
  padding: 4px 4px 4px 4px;
  border-width: 0px;
}

a.letter:link,
a.letter:visited,
a.letter:active{							/* Letters */
  text-decoration:none;
  color: #555588;
}

a.letter:hover{								/* Letters */
  background-color: #eeeeff;
  text-decoration:none;
  color: #555588;
}


a.last_added_module:link,
a.last_added_module:visited,
a.last_added_module:active{					/* Last added module link on main page */
  font-family: verdana;
  font-size: 14px;
  text-decoration: none;
  font-weight: bold;
  color: #555588;
}

a.last_added_module:hover{					/* Last added module link on main page */
  text-decoration: underline;
  font-weight: none;
  color: #555588;
}

a.faq-q:link,
a.faq-q:visited,
a.faq-q:active{								/* Link for questions in FAQ */
  color: #555588;
  font-weight: bold;
}

a.faq-q:hover{								/* Link for questions in FAQ */
  color: #aaaaff;
  font-weight: bold;
  text-decoration: none;
}

/* ------------------ BORDERS ------------------ */

.border-right{								/* Border for menus */
  border-left: 4px solid #ffffff;
  border-right: 4px solid #ffffff;
  border-bottom: 4px solid #ffffff;
}

.border-noleft{								/* Border for side fillers */
  border-top: 0px solid #cccccc;
  border-right: 0px solid #cccccc;
  border-bottom: 0px solid #cccccc;
}

.border-bottomright{						/* Border for main filler */
  border-right: 0px solid #cccccc;
  border-bottom: 0px solid #cccccc;
}

.border-footer{								/* Border for footer table */
  border: 4px solid #ffffff;
}

.border{									/* Additional border for separated sections */
  border: 4px solid #ffffff;
  border-top-width: 0px;
}

/* ------------------ MODULEINFO ------------------ */

.infoborder-on{								/* Module Info Category Tab ON */
  background-color: #dfdfff;
  border-left: 1px solid #efefff;
  border-top: 1px solid #efefff;
  border-right: 1px solid #bfbfff;
}

.infoborder-off{							/* Module Info Category Tab OFF */
  background-color: #cfcfff;
  border-left: 1px solid #efefff;
  border-top: 1px solid #efefff;
  border-bottom: 1px solid #bfbfff;
  border-right: 1px solid #bfbfff;

}

.infoborder{								/* Module Info Window Border */
  border-right: 1px solid #eeeeff;
  border-bottom: 1px solid #eeeeff;
}

a.infocat-on:link,
a.infocat-on:visited,
a.infocat-on:active{						/* Module Info Category ON */
  color: #555588;
  font-family: tahoma;
  font-weight: bold;
  text-decoration: none;
}

a.infocat-on:hover{				 			/* Module Info Category ON */
  color: #555588;
  font-weight: none;
  text-decoration: underline;
}

a.infocat-off:link,
a.infocat-off:visited,
a.infocat-off:active{						/* Module Info Category OFF */
  color: #555588;
  font-family: tahoma;
  font-weight: bold;
  text-decoration: none;
}

a.infocat-off:hover{						/* Module Info Category OFF */
  color: #aaaaff;
  font-weight: none;
  text-decoration: underline;
}