/************************************************************************/
/*		SIMPLE MACHINES Site v3.1										*/
/*			(c)2016 Simple Machines										*/
/*	The following comination of style rules and colors is the			*/
/*	property of Simple Machines. While we encourage you to take   		*/
/*	a look under the hood to see how it ticks, we do not allow you		*/
/*	to copy it for use on your own site.								*/
/************************************************************************/

/**** Adjust for our menu ****/
#sidemenu
{
	float: left;
	width: 16em;
}

#secondarybody
{
	padding-left: 17.2em;
}

/**** Section Header ****/
#sectionheader
{
	margin-bottom: 2em;
}
#sectionheader .where
{
	font-size: 150%;
	padding: 0pt 0pt 0pt 1em;
}

/**** Content Header ****/
.contentheader
{
	margin-top: 1em;
}

/**** Navigation Menu ****/
#navmenu
{
/*	background: url(/community/Themes/default/images/theme/menu_gfx.png) no-repeat scroll 0pt -140px transparent; */
        background: url(https://media.simplemachinesweb.com/smf/default/images/theme/menu_gfx.png) no-repeat scroll 0pt -140px transparent;
	list-style: none outside none;
	margin-left: 0;
	margin-top: 0;
	padding-left: 0;
	border-bottom: 1px solid #999999;
}
#navmenu .menuheader
{
	font-size: 130%;
}
#navmenu li
{
	border-left: 1px solid rgb(153, 153, 153);
	border-right: 1px solid rgb(153, 153, 153);
	margin: 0;
}
#navmenu li a span
{
	padding: 8px;
	display: block;
}
#navmenu li.active a span
{
	background: #E7EAEF;
}
#navmenu li:hover a span
{
	background: #d4dbe4;
}

/**** BreadCrumbs ****/
.breadcrumbs
{
	padding-top: 0;
}
.breadcrumbs ul
{
	clear: none;
	border: none;
	padding-top: 0;
}

-/**** Search Box ****/
#searchbox
{
	border: 1px solid #999999;
	border-top: none;
	padding: 0.5em;
}
#searchbox input, #searchbox button, #searchbox select, .homepage_search input, .homepage_search button, .homepage_search select
{
	background: #F0F6F0;
	margin-bottom: 0.25em;
}
#searchbox input
{
	width: 97%;
}
#searchbox button
{
 	margin-top: 0.75em;
}

/**** A spacer ****/
.spacer_right
{
	margin-right: 1em;
}

/**** Lists fix ****/
/** This is needed because browsers by default have a margin on lists.  We want a padding so we don't break the design of the page **/
.roundframe .innerframe ol, .roundframe .innerframe ul
{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 1em;
	padding-bottom: 1em;
}

/**** Make our Notifications more noticable ***/
#secondarybody .information_site
{
	background: url("https://media.simplemachinesweb.com/site/images/information.png") no-repeat scroll 0.9em 0.75em #FBF8F4;
	padding: 0.5em 1em 0.5em 4em;
}

/**** Fix the success box ***/
/** dt is a inline level element and divs are block level elements. We can't put a div in a dt. So we cheat this, and use a span with some css instead **/
span.success
{
	margin-right: 1em;
	display: block;
}

/**** Site PostBox ****/
.sitepost
{
	border-bottom: none;
}
.sitepost dt
{
	width: 24%;
}
.sitepost dd
{
	width: 74%;
}

/**** Grid Header ****/
div.grid_bar, h3.grid_bar
{
	height: 28px;
	margin-bottom: 0;
}
span.grid_header
{
	display: none;
}
.grid_info_header
{
	min-height: 2em;
	border-top: 0;
	margin-top: 0;
/* test*/
}

/**** Headers ****/
.mainheader
{
	color: #EB6812;
	font-size: 1.5em;
	font-weight: bold;
	padding-left: 0.25em;
	padding-bottom: 0.25em;
}
.mainheader a
{
	color: #EB6812;
}
.subheader
{
	color: #55728D;
	font-size: 1.2em;
	padding-left: 0.25em;
	padding-bottom: 0.25em;
}
#secondarybody h3
{
	color: #EB6812;
	font-size: 1.5em;
	margin: 15px 0 0 0;
	font-weight: bold;
	background: url(/site/images/bubbles.gif) 0 4px no-repeat;
	padding-left: 23px;
	padding-bottom: 0.7em;
}

/**** Site Buttons ****/
.site_button
{
	font-size: 1.1em;
	display: inline-block;
	cursor: pointer;
	padding: 0pt 8px;
	line-height: 2.5em;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	white-space: pre;

	border: solid 1px #888;
	background: white;
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9fa), to(#e0e4f0));
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9fa), to(#e0e4f0));
	background-repeat-x: initial;
	background-repeat-y: initial;
	background-attachment: initial;
	background-position-x: initial;
	background-position-y: initial;
	background-origin: initial;
	background-clip: initial;
	background-color: initial;
	background: -moz-linear-gradient(top, #f9f9fa, #e0e4f0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9fa', endColorstr='#e0e4f0');
}
.site_button_active
{
	font-size: 1.1em;
	display: block;
	cursor: pointer;
	padding: 0pt 8px;
	line-height: 2.5em;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	white-space: pre;

	border: solid 1px #888;
	background: white;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff0d0), to(#d0c0a0));
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff0d0), to(#d0c0a0));
	background-repeat-x: initial;
	background-repeat-y: initial;
	background-attachment: initial;
	background-position-x: initial;
	background-position-y: initial;
	background-origin: initial;
	background-clip: initial;
	background-color: initial;
	background: -moz-linear-gradient(top, #fff0d0, #d0c0a0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0d0', endColorstr='#d0c0a0');
}
.site_button:hover, .site_button_active:hover
{
	background: white;
	text-decoration: none;
}

/************************************************************************/
/**** Team Page ****/

#secondarybody dl.team dt
{
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 0.4em;
	padding: 0 0 0.4em 0;
	border-bottom: dotted 1px #aaa;
}
#secondarybody dl.team img.avatar
{
	float: right;
}
#secondarybody dl.team dd
{
	overflow: hidden;
	padding: 1em;
	margin: 1em 0 0.4em 0;
}
#secondarybody dl.team dd.smfteam
{
   overflow: hidden;
   padding: 1em;
   margin: 0.5em;
   width: 45%;
   min-width: 350px; /* For lower resolutions; makes it fall back to one column */
   float: left;
}
#secondarybody dl.team ul
{
	padding-top: 0.3em;
}
#secondarybody dl.team li
{
	font-size: 0.9em;
}
.team #man
{
	color: #DD0000;
	background: url(https://media.simplemachinesweb.com/images/badges/badge_manager.png) no-repeat 98% 15%;
}
.team #dev
{
	color: #E85C00;
	background: url(https://media.simplemachinesweb.com/images/badges/badge_dev.png) no-repeat 98% 15%;
}
.team #sit
{
	color: #FFB443;
	background: url(https://media.simplemachinesweb.com/images/badges/badge_site.png) no-repeat 98% 15%;
}
.team #ser
{
	color: #000000;
	background: url(https://media.simplemachinesweb.com/images/badges/badge_server_team.png) no-repeat 98% 15%;
}
.team #sup
{
	color: #6CB276;
	background: url(https://media.simplemachinesweb.com/images/badges/badge_support.png) no-repeat 98% 15%;
}
.team #cus
{
	color: #9A0ABC;
	background: url(https://media.simplemachinesweb.com/images/badges/badge_cust.png) no-repeat 98% 15%;
}
.team #mar
{
	color: #ABA000;
	background: url(https://media.simplemachinesweb.com/images/badges/badge_marketing.png) no-repeat 98% 15%;
}
.team #loc
{
	color: #c89d76;
	background: url(https://media.simplemachinesweb.com/images/badges/badge_localizer.png) no-repeat 98% 15%;
}
.team #doc
{
	color: #F8C904;
	background: url(https://media.simplemachinesweb.com/images/badges/badge_doc_writer.png) no-repeat 98% 15%;
}
.team #mods
{
	color: #512801;
	background: url(https://media.simplemachinesweb.com/images/badges/badge_moderator_lang.png) no-repeat 98% 15%;
}
.team #nat
{
	color: #bcb28b;
	background: url(https://media.simplemachinesweb.com/images/badges/badge_nlss.png) no-repeat 98% 15%;
}
.team #sen
{
	color: #512801;
	background: url(https://media.simplemachinesweb.com/images/badges/badge_senior_translator.png) no-repeat 98% 15%;
}
.team #friends
{
	color: #454545;
	background: url(https://media.simplemachinesweb.com/images/badges/badge_friend.png) no-repeat 98% 15%;
}
.team #testers
{
	color: #FF8839;
	background: url(https://media.simplemachinesweb.com/images/badges/badge_beta.png) no-repeat 98% 15%;
}
ul.othergroups, .teamlist, ul#smfriends
{
	margin: 1em;
}
ul.othergroups li, .teamlist li, ul#smfriends li
{
	float: left;
	width: 12em;
}
.team .revtext
{
	direction: rtl;
	unicode-bidi: bidi-override;
}


/************************************************************************/
/**** Features ****/
ul.features
{
	list-style: square inside url("https://media.simplemachinesweb.com/smf/default/images/bbc/quote.gif");
}
ul.features li
{
	background: url("https://media.simplemachinesweb.com/smf/default/images/bbc/bbc_bg.gif") no-repeat scroll 0 0 transparent;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	line-height: 2em;
}
ul.features li.more
{
	background: url("https://media.simplemachinesweb.com/smf/default/images/bbc/bbc_hoverbg.gif") no-repeat scroll 0 0 transparent;
}


/************************************************************************/
/**** Copyright ****/
dl.conv
{
	padding: 1em;
	font-size: 0.9em;
}
dl.conv dt
{
	display: block;
	font-weight: bold;
	margin: 0.5em 0 1em 1em;
}
dl.conv dd
{
	padding: 0 0 2em 0;
	line-height: 1.4em;

}

/************************************************************************/
/**** Contact Us ****/
#reasonbox
{
	padding-top: 1em;
	display: none;
}

/************************************************************************/
/**** SiteMap ****/
ul.sitemap
{
	list-style: square inside url("https://media.simplemachinesweb.com/smf/default/images/www.gif");
}
ul.sitemap li
{
	margin-bottom: 0;
	margin-top: 0.5em;
	padding-bottom: 0;
}
ul.sitemap li div.roundframe ul
{
	padding-top: 0.01em;
	padding-bottom: 0.2em;
	padding-left: 1em;
}


/************************************************************************/
/**** The demo Advert ****/
div#advertise_ad
{
	background: none repeat scroll 0 0 #EEFFEE;
	border: 1px solid green;
	color: green;
	width: 468px;
	height: 60px;
	padding: 0;
	margin: 0 auto;
}
div#advertise_ad p
{
	margin-top: 0.6em;
}


/************************************************************************/
/**** Sponsors ****/
#secondarybody ul#current_sponsors
{
	list-style: none;
	padding: 0;
}
#secondarybody ul#current_sponsors li
{
   overflow: hidden;
   padding: 1em;
   margin: 0.5em;
   width: 45%;
   min-width: 350px; /* For lower resolutions; makes it fall back to one column */
   float: left;
}
#secondarybody ul#current_sponsors li div.content
{
	min-height: 100px;
}
#secondarybody ul#current_sponsors li div.content img
{
	max-width: 150px;
}

/************************************************************************/
/**** ET phone home ****/
h3.titlebg img
{
	vertical-align: inherit;
}
.introductions
{
	display: block;
	width: 100%;
}
.intro_container
{
	width: 32.5%;
}
.centerblock {
	display: inline-block;
	margin: 0 1.2%;
}
.introduction
{
	margin-left: 0.5%;
	min-height: 75px;
}
.intro_text_cont
{
	float: right;
	width: 85%;
	min-height: 85px;
}
#contribute .intro_text_cont
{
	min-height: 140px
}
.justify
{
	text-align: justify;
}
.intro_more
{
	margin-top: 15px;
}
.intro_download
{
	margin-top: 14px;
	margin-left: -53px;
}
.smf_about
{
	width: 34%;
	float: left;
}
.latest_news_container
{
	float: right;
	width: 65%;
}
.smf_news
{
	padding-top: 10px;
	min-height: 300px;
}

.news_title
{
	margin-top: 5px;
}
.more_information_home
{
	float: left;
	width: 97%;
}
#contribute {
	margin: 25px 0 0 0;
}
.more_information_list {
	display: inline-block;
	width: 29%;
}
.more_information_list ul, .more_information_list li
{
	padding: 0;
	margin: 0;
	margin-left: -33px;
	list-style-type: none;
}
.more_information_list li
{
	padding-bottom: 3px;
}
.smf_preview
{
	margin-left: 10px;
}
.smf_logo
{
	text-align: center;
	width: 100%;
}

blockquote#fulcrum p
{
	background: url("https://media.simplemachinesweb.com/site/images/homepage_quote.jpg") no-repeat scroll 50% 20px white;
	color: #8B3802;
	font-size: 12px;
	margin: 0;
	padding: 130px 1em 0 0;
	text-align: center;
}

/************************************************************************/
/**** Downloads ****/
.downloads, .changelog
{
	height: 8em;
}
.downloads .innerframe
{
	padding: 0.75em;
}
.downloads .innerframe .file_info
{
	width: 25%;
}
.downloads .innerframe .file_info .file_description
{
	padding-top: 1em;
}
.downloads .innerframe .file_types
{
	margin-left: 40%;
}
.webinstall .innerframe .file_info
{
	width: 75%;
}
.file_types div
{
	margin-left: 4em;
}
.file_types ul
{
	padding: 0;
	list-style: none;
}
.file_types ul li
{
	float: left;
	margin-left: 3em;
}
.file_types ul li a
{
	display: block;
	padding: 4em 2em 0;
	background: url("https://media.simplemachinesweb.com/site/images/package.png") no-repeat scroll 50% 0pt transparent;
}
.file_types ul li a:hover
{
	padding: 4em 2em 0;
	background: url("https://media.simplemachinesweb.com/site/images/package.png") no-repeat scroll 50% -80px transparent;
}
.roundframe .innerframe ul.filetype
{
	padding-top: 0;
}

#showtypes
{
	padding-top: 1em;
}
#showtypes dt
{
	float: left;
	background: url("https://media.simplemachinesweb.com/site/images/package.png") no-repeat scroll 0 0pt transparent;
	padding: 2em 4em;
}
#showtypes dd
{
	margin-left: 12em;
	margin-bottom: 3em;
}

#download_section_index .section_item
{
	width: 18%;
	float: left;
	margin-left: 1em
}
#download_section_index .section_item .information
{
	display: block;
}

/**** CSS manipulation is fun!  ****/
#download_section_index .information:hover
{
	background-color: #E7EAEF;
	border:	1px solid #000;
}
#download_section_index .content
{
	overflow: auto;
	list-style: none;
}
/**** Icons of Home Page (Sprited) ****/
.box_icons {
	background: url("https://media.simplemachinesweb.com/site/images/box_icons.png") no-repeat;
	height: 48px;
	width: 48px;
	display: inline-block;
	vertical-align: middle;
}
.box_icons.icon1 {
	background-position: -1px -1px;
}
.box_icons.icon2 {
	background-position: -48px -2px;
}
.box_icons.icon3 {
	background-position: -97px -5px;
}
.box_icons.icon4 {
	background-position: -145px -1px;
}
.box_icons.icon5 {
	background-position: -192px -6px;
}
.box_icons.icon6 {
	background-position: -242px -5px;
}

.home_icons {
	background: url("https://media.simplemachinesweb.com/site/images/home_icons.png") no-repeat;
	height: 16px;
	width: 16px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
}
.home_icons.ad {
	background-position: -5px -5px;
}
.home_icons.convert {
	background-position: -31px -5px;
}
.home_icons.converters {
	background-position: -57px -5px;
}
.home_icons.github {
	background-position: -83px -5px;
}
.home_icons.help {
	background-position: -5px -31px;
}
.home_icons.history {
	background-position: -31px -31px;
}
.home_icons.integrate {
	background-position: -57px -31px;
}
.home_icons.latest_news {
	background-position: -83px -31px;
}
.home_icons.license {
	background-position: -5px -57px;
}
.home_icons.mods {
	background-position: -31px -57px;
}
.home_icons.mwauth {
	background-position: -57px -57px;
}
.home_icons.om {
	background-position: -83px -57px;
}
.home_icons.smfcurve {
	background-position: -5px -83px;
}
.home_icons.sphinx {
	background-position: -31px -83px;
}
.home_icons.support {
	background-position: -57px -83px;
}
.home_icons.team {
	background-position: -83px -83px;
}
.home_icons.testimonials {
	background-position: -109px -5px;
}
.home_icons.themes {
	background-position: -109px -31px;
}
.home_icons.tools {
	background-position: -109px -57px;
}

/* A [s]Temp[/s]permanent fix for the contribute page */
.contribute_info_list
{
	width: 95%;
}
.contribute_info_list li img.more_information_icon
{
	padding-right: 1em;
}

/************************************************************************/
/**** Downloads ****/
.downloads, .changelog
{
	height: 8em;
}
.downloads .innerframe
{
	padding: 0.75em;
}
.downloads .innerframe .file_info
{
	width: 25%;
}
.downloads .innerframe .file_info .file_description
{
	padding-top: 1em;
}
.downloads .innerframe .file_types
{
	margin-left: 40%;
}
.webinstall .innerframe .file_info
{
	width: 75%;
}
.file_types div
{
	margin-left: 4em;
}
.file_types ul
{
	padding: 0;
	list-style: none;
}
.file_types ul li
{
	float: left;
	margin-left: 3em;
}
.file_types ul li a
{
	display: block;
	padding: 4em 2em 0;
	background: url("/site/images/download/package.png") no-repeat scroll 50% 0pt transparent;
}
.file_types ul li a:hover
{
	padding: 4em 2em 0;
	background: url("/site/images/download/package.png") no-repeat scroll 50% -80px transparent;
}
.roundframe .innerframe ul.filetype
{
	padding-top: 0;
}

#showtypes
{
	padding-top: 1em;
}
#showtypes dt
{
	float: left;
	background: url("/site/images/download/package.png") no-repeat scroll 0 0pt transparent;
	padding: 2em 4em;
}
#showtypes dd
{
	margin-left: 12em;
	margin-bottom: 3em;
}

#download_section_index .section_item
{
	width: 18%;
	float: left;
	margin-left: 1em
}
#download_section_index .section_item .information
{
	display: block;
}

/* ############################# */
/* download page */
dl.filelist
{
	background: url(/site/images/download/dlheader_corner.jpg) no-repeat;
}
dl.filelist dt
{
	font-size: 1.1em;
	color: #FB8115;
	font-weight: bold;
	border-bottom: solid 1px #C3C3C3;
	background: url(/site/images/download/dlheader_bg.jpg) repeat-x;
	padding: 15px 0 5px 5px;
	margin: 0 0 5px 20px;
}
dl.filelist dd.file_downloads
{
	font-size: 1.6em;
	color: #999;
	float: right;
	margin: 0 2em 0 2em;
}
dl.filelist dd.file_description
{
	font-size: 0.9em;
	color: #777;
	margin-left: 2em;
	margin-right: 2em;
}
#secondarybody dl.filelist dd.file_types
{
	overflow: hidden;
	height: 100%;
}
#secondarybody p.info2 , #secondarybody dd.info2
{
	font-size: 0.9em;
	padding: 0.4em;
	margin: 0.1em 1em 0.5em 2em;
	display: block;
}
#secondarybody ul.langlist, #secondarybody ul.filetype
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#secondarybody ul.langlist li
{
	float: left;
	margin: 0.2em;
	padding: 0;
}
#secondarybody ul.langlist li a
{
	width: 19em;
	height: 2.5em;
	border: solid 1px #ccc;
	font-size: 0.9em;
	display: block;
	text-align: center;
	line-height: 2.5em;
}
#secondarybody ul.langlist li a:hover
{
	border: solid 1px blue;
	text-decoration: none;
	color: blue;
}
#secondarybody dl#showtypes
{
	margin: 2em 0 2em 0;
}
#secondarybody dl#showtypes dt
{
	padding: 10px 5px 10px 35px;
	background: url(/site/images/download/package.jpg) no-repeat;
	margin-left: 1em;
	font-size: 0.9em;
	float: left;
	font-weight: bold;
}
#secondarybody dl#showtypes dd
{
	margin-left: 10em;
}
 #secondarybody p.divider_bottom
 {
	padding-bottom: 2em;
	margin-bottom: 2em;
	border-bottom: solid 2px #ddd;
 }
 #secondarybody div#webinstall h4 a
{
	display: block;
	padding: 45px 10px 2em 10px;
	background: url(/site/images/download/package.jpg) 5em 0 no-repeat;
	font-size: 0.8em;
}

/**** SMF Requirements page ****/
#secondarybody ul
{
	list-style: disc;
}
#secondarybody ul ul
{
	list-style: circle;
}
#secondarybody li
{
	margin: 0.4em 0 0 3em;
}
#secondarybody ol
{
	font-size: 0.9em;
	margin-bottom: 1em;
}

/**** CSS manipulation is fun!  ****/
#download_section_index .information:hover
{
	background-color: #E7EAEF;
	border:	1px solid #000;
}
#download_section_index .content
{
	overflow: auto;
	list-style: none;
}

/* TRANSLATOR APPLICATION PAGE STYLESHEET */
#phoenix_wrapper {
	width: 90%;
	margin: auto;
}

#phoenix_wrapper dt, #phoenix_wrapper dd {
	max-width: 100%;
}

#phoenix_wrapper .lowerframe {
	margin-bottom: 15px;
}

.phoenix_label span {
	font-weight: bold;
}

.phoenix_textarea {
	width: 90%;
	height: 100px;
}

.phoenix_application_message {
	width: 90%;	
}

#ph_other_language {
	display: none;
}

#phoenix_wrapper select[multiple] {
	height: 150px;
}