/*
Theme Name: Fancy
Theme URI: null
Author: Mathieu BRUNOT
Author URI: mb.mathieu.brunot@gmail.com
Description: My first custom made theme for the Yii framework.
Version: 1.01.00
License: MIT License
License URI: http://opensource.org/licenses/MIT
Tags: Fancy, yii, theme, CSS3
Text Domain: madmath03

TODO:
	- 
*/

/**
 * Table of Contents:
 *
 * 1.0 - Body
 * 2.0 - Basic Structure
 * 3.0 - Header
 * 4.0 - Content
 *   4.1 - Sidebar
 *   4.2 - Menu navigation
 *   4.3 - Breadcrumbs
 *   4.4 - Flash messages
 *   4.5 - Status and notifications
 *   4.6 - Forms
 *   4.7 - Portlet menu
 *   4.8 - Internal search functions
 *   4.9 - Loading content
 *   4.10 - Simple color switch
 *   4.11 - Others
 * 5.0 - Footer
 * 6.0 - Media Queries
 *   6.1 - Computers
 *   6.2 - iPad
 *   6.3 - Mobile devices
 * ----------------------------------------------------------------------------
 */


/**
 * 1.0 - Body
 * ----------------------------------------------------------------------------
 */

body
{
	margin: 0;
	padding: 0;
	color: #555;
	font: normal 10pt Arial,Helvetica,sans-serif;
	background: #EFEFEF url(body_bg.gif);
}

/**
 * 2.0 - Basic Structure
 * ----------------------------------------------------------------------------
 */

#page
{
	margin-top: 5px;
	margin-bottom: 5px;
	background: white;
	min-width: 400px;
	width: 98%;
	margin: 1%;
	border: 1px solid #A0A0A0;
}

/**
 * 3.0 - Header
 * ----------------------------------------------------------------------------
 */

#header
{
	font: normal 200% Georgia,"Times New Roman",Times,serif;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	border-top: 3px solid #EDEDED;
	max-width: 100%;
	text-align: center;
}

#header a
{
	text-decoration: none;
}

#header img, #header a img
{
	float: inherit;
    margin: 0 auto;
    height: 100%;
    max-height: 80px;
    max-width: 1000px;
    width: auto;
}

#header table
{
	margin-bottom: 0;
}

#logo
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	
	padding: 10px 20px;
	font-size: 200%;
}

/**
 * 4.0 - Content
 * ----------------------------------------------------------------------------
 */

#content
{
    padding: 20px;
}

/** 4.1 - Sidebar */
#sidebar
{
	padding: 20px 20px 20px 0;
}

/** 4.2 - Menu navigation */
#mainmenu
{
	background:white url(bg.gif) repeat-x left top;
}

#mainmenu ul
{
	/* padding:6px 20px 5px 20px; */
	/* xpadding: 0px; */
	margin:0;
}

#mainmenu ul li a
{
	color:#ffffff;
	background-color:transparent;
	/*font-size: 12px;*/
	font-weight:bold;
	text-decoration:none;
	padding:0 8px;
}

#mainmenu ul li a:hover, #mainmenu ul li a.active
{
	/* color: #6399cd;
	background-color:#EFF4FA; */
	color: #FA0;
	text-decoration:none;
}

#mb_mainmenu
{
	
}

#mb_mainmenu ul img
{
	vertical-align: text-bottom;
	padding: 1px;
}

#mb_mainmenu li.dummy
{
    text-align: center;
    vertical-align: middle;
}

#mb_mainmenu li.dummy span
{
    height: 66%;
	padding: 0.5em 48%;
    vertical-align: middle;
}

#mb_mainmenu span.icon-bar,
#mb_mainmenu li.dummy span.icon-bar
{
    background-color: #0A0A0A;
    border-radius: 1px;
    box-shadow: 0 1px 0 rgba(245, 245, 245, 0.25);
    display: block;
    height: 2px;
    width: 1em;
	padding: 0;
    margin-top: 0.1em;
    vertical-align: text-top;
}

#mb_mainmenu span.icon-bar + span.icon-bar
{
    margin-top: 0.2em;
}

#mb_mainmenu li a,
#mb_mainmenu li li a
{
	background-image: none;
	background-position: 5px 50%;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	padding-left: 26px;
}

/* pages */
#mb_mainmenu li.home > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/house.png"); }

#mb_mainmenu li.web > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/world.png"); }

/* themes */
#mb_mainmenu li.theme > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/palette.png"); }

#mb_mainmenu li.skin > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/skins.png"); }

/* locales */
#mb_mainmenu li.locales > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/change_languange.png"); }

#mb_mainmenu li.fr > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/flag_france.png"); }

#mb_mainmenu li.en_us > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/flag_usa.png"); }

#mb_mainmenu li.en_gb > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/flag_great_britain.png"); }

#mb_mainmenu li.es > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/flag_spain.png"); }

#mb_mainmenu li.ja > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/flag_japan.png"); }

#mb_mainmenu li.ru > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/flag_russia.png"); }

#mb_mainmenu li.uk > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/flag_ukraine.png"); }

#mb_mainmenu li.de > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/flag_germany.png"); }

/* users */
#mb_mainmenu li.user > a, #mb_mainmenu li.user-manage > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/user.png"); }

#mb_mainmenu li.user-add > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/user_add.png"); }

#mb_mainmenu li.user-edit > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/user_edit.png"); }

#mb_mainmenu li.user-list > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/group.png"); }

/* folders */
#mb_mainmenu li.dir > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/folder_page_white.png"); }

#mb_mainmenu li.dir-protected > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/password_protect_directories.png"); }

#mb_mainmenu li.dir-private > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/dir_private.png"); }

/* media */
#mb_mainmenu li.image > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/picture.png"); }

#mb_mainmenu li.music > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/music.png"); }

#mb_mainmenu li.video > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/movies.png"); }

/* portfolio */
#mb_mainmenu li.portfolio > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/reseller_account.png"); }

#mb_mainmenu li.resume > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/client_account_template.png"); }

#mb_mainmenu li.resume-pdf > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/curriculum_vitae.png"); }

/* help */
#mb_mainmenu li.help > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/help.png"); }

#mb_mainmenu li.info > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/information.png"); }

#mb_mainmenu li.about > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/information.png"); }

#mb_mainmenu li.contact > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/email_go.png"); }

#mb_mainmenu li.tips > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/lightbulb.png"); }

/* admin */
#mb_mainmenu li.admin > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/wrench.png"); }

/* database */
#mb_mainmenu li.database > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/database.png"); }

#mb_mainmenu li.database-reset > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/database_refresh.png"); }

/* login */
#mb_mainmenu li.login > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/door_in.png"); }

#mb_mainmenu li.logout > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/door_out.png"); }

/* others */
#mb_mainmenu li.blueprint > a { background-image: url("../../../css/icons/other/blueprint.png"); }

#mb_mainmenu li.yii > a { background-image: url("../../../css/icons/other/yii.png"); }

/** 4.3 - Breadcrumbs */
#breadcrumbs
{
	background: url(bg_breadcrumbs.png) repeat scroll 0 0 #EEE;
	font-size: 0.75em;
	font-weight: bold;
	margin: 0 30px;
	padding: 2px 5px;
	margin-bottom: 5px;
	border-right: solid #B7BEC3 1px;
	border-bottom: solid #B7BEC3 1px;
	border-left: solid #B7BEC3 1px;
}

#breadcrumbs span
{
	font-weight: bold;
}

/** 4.4 - Flash messages */
/*
div.error, div.notice, .success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.error a
{
	color:#8a1f11;
}

div.notice a
{
	color:#514721;
}

div.success a
{
	color:#264409;
}
*/

.flash-info h1,.flash-help h1,.flash-success h1,.flash-notice h1,.flash-warning h1,div.flash-error h1,div.flash-alert h1 {
	border-bottom: 2px solid;
	font-weight: bold;
	margin: 0 0 0.2em;
	text-align: left;
}

div.flash-info,h1.flash-info,div.flash-help,h1.flash-help,div.flash-success,h1.flash-success,div.flash-notice,h1.flash-notice,div.flash-warning,h1.flash-warning,div.flash-error,h1.flash-error,div.flash-alert,h1.flash-alert {
	background-position: 0.4em 50%;
	background-repeat: no-repeat;
	background-size: 16px 16px;
}
div.flash-info,div.flash-help,div.flash-success,div.flash-notice,div.flash-warning,div.flash-error,div.flash-alert {
	border: 1px solid;
	margin: 0.5em 0 1.3em;
	padding: 0.8em 0.8em 0.8em 26px;
}
h1.flash-info,h1.flash-help,h1.flash-success,h1.flash-notice,h1.flash-warning,h1.flash-error,h1.flash-alert {
	padding: 0.4em 0.4em 0.4em 1.2em;
}

.flash-info a,.flash-help a,.flash-success a,.flash-notice a,.flash-warning a,.flash-error a,.flash-alert a {
	text-decoration: underline;
}

.flash-info,.flash-help {
	background-color: #D5EDF8;
	color: #000000;
}

h1.flash-info,div.flash-info,h1.flash-help,div.flash-help {
	border-color: #92CAE4;
}

.flash-info h1,.flash-help h1 {
	border-color: #0000FF;
}

div.flash-info a, div.flash-help a 
{
    color: #205791;
}

h1.flash-info,div.flash-info {
	background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/information.png");
}

h1.flash-help,div.flash-help {
	background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/help.png");
}

.flash-success {
	background-color: #EBF8A4;
	color: #000000;
}

.flash-success h1 {
	border-color: #00FF00;
}

div.flash-success a 
{
    color: #264409;
}

h1.flash-success,div.flash-success {
	background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/tick.png");
	border-color: #A2D246;
}

.flash-notice, .flash-warning  {
	color: #000000;
}

.flash-notice {
	background-color: #F1EEE8;
}

.flash-warning {
	background-color: #F8F8A4;
}

.flash-notice h1 {
	border-color: #FFB10A;
}

.flash-warning h1 {
	border-color: #FFFF00;
}

div.flash-notice a, div.flash-warning a {
    color: #514721;
}

h1.flash-notice,div.flash-notice, h1.flash-warning,div.flash-warning {
	background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/error.png");
}

h1.flash-notice,div.flash-notice {
	border-color: #D2D2D2;
}

h1.flash-warning,div.flash-warning {
	border-color: #D2D246;
}

.flash-error,.flash-alert {
	background: none repeat scroll 0 0 pink;
	color: #000000;
}

h1.flash-error,div.flash-error,h1.flash-alert,div.flash-alert {
	border-color: #D24646;
}

div.flash-error h1,div.flash-alert h1 {
	border-color: #FF0000;
}

div.flash-error a, div.flash-alert a 
{
    color: #8A1F11;
}

h1.flash-error,div.flash-error { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/cancel.png"); }

h1.flash-alert,div.flash-alert { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/exclamation.png"); }


/** 4.5 - Status and notifications */
#status-bar
{
	margin: 5px;
}

#notifications-wrapper
{
	
}

/** 4.6 - Forms */
div.form .rememberMe label
{
	display: inline;
}

div.form .rememberMe label
{
	display: inline;
}

div.search-form
{
	padding: 10px;
	margin: 10px 0;
	background: #eee;
}

/** 4.7 - Portlet menu */
.portlet, .menu
{
	/*
	margin: 2px;
	*/
}

.portlet
{
	min-width:12em;
	/*
	width:250px;
	margin-left:-100px;
	*/
}

.portlet-decoration, .menu-decoration
{
	background: url("menu-decoration.gif") repeat scroll 0 0 #666E73;
	padding: 3px 8px;
	border-top: 1px solid #2D444F;
	border-left: 1px solid #2D444F;
	border-right: 1px solid #2D444F;
}

.portlet-title, .menu-title
{
	/*font-size: 12px;*/
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #FFFFFF;
}

.portlet-title a, .menu-title a
{
	color: #FFFFFF;
}

.portlet-title a:hover, .menu-title a:hover
{
	text-decoration: none;
}

.portlet-content
{
	font-size:0.9em;
	margin: 0 0 15px 0;
	padding: 5px 8px;
	background:#EEEEEE;
	border: 1px solid #2D444F;
}

.portlet-content, .menu-content
{
}

.portlet-content ul, .menu-content ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.portlet-content li, .menu-content li
{
	padding: 2px 0 4px 0px;
}

.operations
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.operations li
{
	padding-bottom: 2px;
}

.operations li ul, .menu-content li ul
{
	padding-left:1em;
}

.operations li a, .menu-content li a
{
	font-family: Arial;
	font-weight: bold;
	color: #0066A4;
	display: block;
	padding: 2px 0 2px 8px;
	line-height: 15px;
	text-decoration: none;
}

.operations li a:visited, .menu-content li a:visited
{
	color: #0066A4;
}

.operations li a:hover, .menu-content li a:hover
{
	background: #D2D2D2;
}

/** 4.8 - Internal search functions */
.highlight
{
	background: #B7D6E7;
	color: blue;
}

/** 4.9 - Loading content */
div.ajax-loading-big
{
	min-height: 100px;
	min-width: 100px;
	background: rgba(255,255,255,0.5) url("ajax-loader.gif") no-repeat 50% 50%;
}

/** 4.10 - Simple color switch */
.whiteBack {background-color:white;}
.whiteText {color:white;}
.greyBack {background-color:grey;}
.greyText {color:grey;}
.grayBack {background-color:gray;}
.grayText {color:gray;}
.blackBack {background-color:black;}
.blackText {color:black;}

.redBack {background-color:red;}
.redText {color:red;}
.greenBack {background-color:green;}
.greenText {color:green;}
.blueBack {background-color:blue;}
.blueText {color:blue;}

.purpleBack {background-color:purple;}
.purpleText {color:purple;}
.yellowBack {background-color:yellow;}
.yellowText {color:yellow;}
.aquaBack {background-color:aqua;}
.aquaText {color:aqua;}

.maroonBack {background-color:maroon;}
.maroonText {color:maroon;}
.limeBack {background-color:lime;}
.limeText {color:lime;}
.navyBack {background-color:navy;}
.navyText {color:navy;}

.fuchsiaBack {background-color:fuchsia;}
.fuchsiaText {color:fuchsia;}
.oliveBack {background-color:olive;}
.oliveText {color:olive;}
.tealBack {background-color:teal;}
.tealText {color:teal;}

.silverBack {background-color:silver;}
.silverText {color:silver;}

/** 4.11 - Others */
#scrollToTop {
    background: none no-repeat scroll 0 0 rgba(128, 128, 128, 0.5);
    display: none;
	text-align: center;
	vertical-align: middle;

    position: fixed;
    bottom: 1.5em;
    right: 1.25em;
    z-index: 100;
}

#scrollToTop a {
    color: #FFFFFF;
	text-decoration: none;
	padding: 0.12em;
}

#scrollToTop img {
    opacity: 0.6;
	padding: 0.5em;
}

#scrollToTop img:hover, #scrollToTop a:focus img {
    opacity: 0.9;
}

#scrollToTop:hover {
	background-color: rgba(0, 112, 192, 0.5);
}

.exponent, .subscript
{
	font-size: 50%;
	height: 50%;
}

.exponent { vertical-align: super; }
.subscript { vertical-align: sub; }

.remove { text-decoration:line-through; }

.plugin
{
	background-position: 5px 50%;
	background-repeat: no-repeat;
	padding-left: 25px !important;
	
	background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons16x16/plugin.png");
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px dashed #AAC;
}

div.dialogInstanciation
{
	display: none;
	height: 0px;
}

.ui-dialog-content
{
	
}

.actions
{
	margin: 0 0 10px 0;
	padding: 0;
}

.actions li
{
	display: inline;
	margin: 0;
	padding: 0;
}

.actions li a
{
	padding: 5px;
	margin: 0;
	color: #298dcd;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
	background: #DFF4FF;
	border-left: 5px solid #589FC8;
}

.actions li a:hover, .actions li a.active
{
	background: #589FC8;
	color: white;
}

/**
 * 5.0 - Footer
 * ----------------------------------------------------------------------------
 */

#footer
{
	padding: 10px;
	margin: 10px 20px;
	font-size: 0.8em;
	text-align: center;
	border-top: 1px solid #A0A0A0;
}

/**
 * 6.0 - Media Queries
 * ----------------------------------------------------------------------------
 */

/* 6.1 - Computers */
@media (max-width: 1599px) {
}
@media screen and (max-width: 1069px), screen and (max-device-width: 568px) {
	body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {font-size:101%;}
	
	#header img, #header a img
	{
		height: auto;
		max-height: 25%;
		max-width: 100%;
		width: auto;
	}
	
	#page p {font-size:100%;}
	#page h1 { font-size: 202%; }
	#page h2 { font-size: 162%; }
	#page h3 { font-size: 142%; }
	#page h4 { font-size: 122%; }
	#page h5 { font-size: 112%; }
	#page h6 { font-size: 112%; }
	
	/* Menu navigation */
	#mb_mainmenu { font-size: 1.1em; }

	#mb_mainmenu li a, #mb_mainmenu li li a
	{
		background-size: 1.3em 1.3em;
		padding-left: 2.1em;
	}

	#mb_mainmenu li a
	{
		width: 32px;
		padding: 0 4px 0 4px;
		overflow: hidden;
		text-indent: -9999px;
		background-position: 8px 50%;
	}

	#mb_mainmenu li, #mb_mainmenu li a
	{
		-webkit-transition: width 0.2s ease-in-out, padding 0.2s ease-in-out;
		-moz-transition: width 0.2s ease-in-out, padding 0.2s ease-in-out;
		-o-transition: width 0.2s ease-in-out, padding 0.2s ease-in-out;
		-ms-transition: width 0.2s ease-in-out, padding 0.2s ease-in-out;
		transition: width 0.2s ease-in-out, padding 0.2s ease-in-out;
	}

	#mb_mainmenu li:hover a, #mb_mainmenu li a:focus
	{
		width: auto;
		text-indent: 0;
		padding: 0 1.1em 0 2.1em;
	}

	#mb_mainmenu li li a
	{
		background-size: 1.3em 1.3em;
		padding: 0 1.1em 0 2.1em;
		text-indent: 0;
		width: auto;
	}
	}

	/* pages */
	#mb_mainmenu li.home > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/house.png"); }

	#mb_mainmenu li.web > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/world.png"); }

	/* themes */
	#mb_mainmenu li.theme > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/palette.png"); }

	#mb_mainmenu li.skin > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/skins.png"); }

	/* locales */
	#mb_mainmenu li.locales > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/change_languange.png"); }

	#mb_mainmenu li.fr > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/flag_france.png"); }

	#mb_mainmenu li.en_us > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/flag_usa.png"); }

	#mb_mainmenu li.en_gb > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/flag_great_britain.png"); }

	#mb_mainmenu li.es > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/flag_spain.png"); }

	#mb_mainmenu li.ja > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/flag_japan.png"); }

	#mb_mainmenu li.ru > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/flag_russia.png"); }

	#mb_mainmenu li.uk > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/flag_ukraine.png"); }

	#mb_mainmenu li.de > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/flag_germany.png"); }

	/* users */
	#mb_mainmenu li.user > a, #mb_mainmenu li.user-manage > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/user.png"); }

	#mb_mainmenu li.user-add > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/user_add.png"); }

	#mb_mainmenu li.user-edit > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/user_edit.png"); }

	#mb_mainmenu li.user-list > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/group.png"); }

	/* folders */
	#mb_mainmenu li.dir > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/folder_page_white.png"); }

	#mb_mainmenu li.dir-protected > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/folder_key.png"); }

	#mb_mainmenu li.dir-private > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/dir_private.png"); }

	/* media */
	#mb_mainmenu li.image > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/picture.png"); }

	#mb_mainmenu li.music > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/music.png"); }

	#mb_mainmenu li.video > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/movies.png"); }

	/* portfolio */
	#mb_mainmenu li.portfolio > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/reseller_account.png"); }

	#mb_mainmenu li.resume > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/reseller_account_template.png"); }

	#mb_mainmenu li.resume-pdf > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/curriculum_vitae.png"); }

	/* help */
	#mb_mainmenu li.help > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/help.png"); }

	#mb_mainmenu li.info > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/information.png"); }

	#mb_mainmenu li.about > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/information.png"); }

	#mb_mainmenu li.contact > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/email_go.png"); }

	#mb_mainmenu li.tips > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/lightbulb.png"); }

	/* admin */
	#mb_mainmenu li.admin > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/wrench.png"); }

	/* database */
	#mb_mainmenu li.database > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/database.png"); }

	#mb_mainmenu li.database-reset > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/database_refresh.png"); }

	/* login */
	#mb_mainmenu li.login > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/door_in.png"); }

	#mb_mainmenu li.logout > a { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/door_out.png"); }

	/* others */
	#mb_mainmenu li.blueprint > a { background-image: url("../../../css/icons/other/blueprint.png"); }

	#mb_mainmenu li.yii > a { background-image: url("../../../css/icons/other/yii.png"); }

	/* Flash messages */
	h1.flash-info,div.flash-info,h1.flash-help,div.flash-help,h1.flash-success,div.flash-success,h1.flash-notice,div.flash-notice,h1.flash-warning,div.flash-warning,h1.flash-error,div.flash-error,h1.flash-alert,div.flash-alert {
		background-size: 1.3em 1.3em;
		padding-left: 2.1em;
	}

	h1.flash-info,div.flash-info { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/information.png"); }

	h1.flash-help,div.flash-help { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/help.png"); }

	h1.flash-success,div.flash-success { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/tick.png"); }

	h1.flash-notice,div.flash-notice,h1.flash-warning,div.flash-warning { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/error.png"); }

	h1.flash-error,div.flash-error { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/cancel.png"); }

	h1.flash-alert,div.flash-alert { background-image: url("../../../css/icons/fatcow-hosting-icons/FatCow_Icons32x32/exclamation.png"); }

}
@media screen and (max-width: 999px) {
	body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {font-size:102%;}
	
	#page p {font-size:100%;}
	#page h1 { font-size: 204%; }
	#page h2 { font-size: 164%; }
	#page h3 { font-size: 144%; }
	#page h4 { font-size: 124%; }
	#page h5 { font-size: 114%; }
	#page h6 { font-size: 114%; }
	
	div.portlet_menu {
		font-size: 1.1em;
	}
	
}

/* 6.2 - iPad */
/* Collapse oversized image and pulled images after iPad breakpoint. */
@media screen and (max-width: 767px), screen and (max-device-width: 480px) {
	body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {font-size:103%;}
	
	#page p {font-size:100%;}
	
	#mb_mainmenu #nav-bar {height:2.4em;}
	
	#mb_mainmenu #nav {float: none;height:100%;}
	
	#mb_mainmenu #nav li
	{
		border-right: 1px solid #B7BEC3;
		border-left: 1px solid #B7BEC3;
		float: none;
	}
	#mb_mainmenu #nav li.last {border-bottom: 1px solid #B7BEC3;}
	
	#mb_mainmenu #nav li li
	{
		border-right: none;
		border-left: none;
	}
	#mb_mainmenu #nav li li.last {border-bottom: none;}
	
	#mb_mainmenu #nav li a
	{
		width: 86%;
		padding: 0 7%;
		text-indent: 0;
	}
	#mb_mainmenu #nav li li a
	{
		width: auto;
		padding: 0 0 0 26px;
	}
	
	#mb_mainmenu li {display: none;}
	#mb_mainmenu li.dummy {display: block;}
	#mb_mainmenu li.unfold-menu  {display: block;}
	
	
	#page h1 { font-size: 210%; }
	#page h2 { font-size: 170%; }
	#page h3 { font-size: 150%; }
	#page h4 { font-size: 130%; }
	#page h5 { font-size: 120%; }
	#page h6 { font-size: 120%; }
}

@media screen and (max-width: 643px), screen and (max-device-width: 480px) {
	body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {font-size:104%;}
	
	#page p {font-size:100%;}
	
	#mb_mainmenu #nav li a
	{
		width: 80%;
		padding: 0 10%;
	}
	
	div.portlet_menu {
		font-size: 1.2em;
	}
	
	#page h1 { font-size: 220%; }
	#page h2 { font-size: 180%; }
	#page h3 { font-size: 160%; }
	#page h4 { font-size: 140%; }
	#page h5 { font-size: 130%; }
	#page h6 { font-size: 130%; }
}

@media (max-width: 539px) {

	#mb_mainmenu #nav li a
	{
		width: 78%;
		padding: 0 11%;
	}
	
}

/* 6.3 - Mobile devices */
@media screen and (max-device-width: 768px) {
	#mb_mainmenu #nav li a
	{
		width: 90%;
		padding: 0 5%;
	}
}
@media (max-width: 439px) {

	#mb_mainmenu #nav li a
	{
		width: 75%;
		padding: 0 15%;
	}
	
}

@media (max-width: 359px) {
}