@media screen
{
	.x010 { font-size:  10%; }
	.x025 { font-size:  25%; }
	.x050 { font-size:  50%; }
	.x075 { font-size:  75%; }
	.x100 { font-size: 100%; }
	.x125 { font-size: 125%; }
	.x150 { font-size: 150%; }
	.x175 { font-size: 175%; }
	.x200 { font-size: 200%; }
	.x250 { font-size: 250%; }
	.x300 { font-size: 300%; }
	.x400 { font-size: 400%; }
	.x500 { font-size: 500%; }

	.row { overflow: hidden; clear: both; }
	.c-12-01 { overflow: hidden; float: left; width:   8.3333%; min-height: 1px; }
	.c-12-02 { overflow: hidden; float: left; width:  16.6666%; min-height: 1px; }
	.c-12-03 { overflow: hidden; float: left; width:  25.0000%; min-height: 1px; }
	.c-12-04 { overflow: hidden; float: left; width:  33.3333%; min-height: 1px; }
	.c-12-05 { overflow: hidden; float: left; width:  41.6666%; min-height: 1px; }
	.c-12-06 { overflow: hidden; float: left; width:  50.0000%; min-height: 1px; }
	.c-12-07 { overflow: hidden; float: left; width:  58.3333%; min-height: 1px; }
	.c-12-08 { overflow: hidden; float: left; width:  66.6666%; min-height: 1px; }
	.c-12-09 { overflow: hidden; float: left; width:  75.0000%; min-height: 1px; }
	.c-12-10 { overflow: hidden; float: left; width:  83.3333%; min-height: 1px; }
	.c-12-11 { overflow: hidden; float: left; width:  91.6666%; min-height: 1px; }
	.c-12-12 { overflow: hidden; float: left; width: 100.0000%; min-height: 1px; }

	.fix-w-01 { width:  12px; }
	.fix-w-02 { width:  24px; }
	.fix-w-03 { width:  36px; }
	.fix-w-04 { width:  48px; }
	.fix-w-05 { width:  60px; }
	.fix-w-06 { width:  72px; }
	.fix-w-07 { width:  84px; }
	.fix-w-08 { width:  96px; }
	.fix-w-10 { width: 120px; }
	.fix-w-12 { width: 144px; }
	.fix-w-14 { width: 168px; }
	.fix-w-16 { width: 192px; }
	.fix-w-18 { width: 216px; }
	.fix-w-20 { width: 240px; }
	.fix-w-40 { width: 480px; }
	.fix-w-50 { width: 600px; }
	.fix-w-60 { width: 720px; }

	.wrapper { padding: 0 24px; }
	.wrappee { overflow: hidden; }

	.float-left { float: left; }
	.float-right { float: right; }

	.icon { font-family: 'FontAwesome'; font-weight: 400; text-align: center; }
	.icon-success { color: #16A085 !important; }
	.icon-failure { color: #c0392b !important; }
	div.icon { width: 2em; }

	.panel-head { overflow: hidden; padding:  3px 6px  3px 6px; border: 1px solid #8E44AD; background-color: #8E44AD; color: #FFFFFF; }
	.panel-body { overflow: hidden; padding: 12px 6px 12px 6px; border: 1px solid #DDDDDD;  }
	.panel-foot { overflow: hidden; padding:  6px 6px  6px 6px; border: 1px solid #DDDDDD; background-color: #ECF0F1; text-align: right; }

	.panel-head + .panel-body { border-top: none; }
	.panel-body + .panel-foot { border-top: none; }
	.panel + .panel { margin-top: 12px; }

	.head-wrapper { background-color: #333333; }

	.head-wrappee ul { list-style: none; }
	.head-wrappee ul li a { color: #CCCCCC; padding: 6px 12px; height: 32px; line-height: 20px; display: block; }
	.head-wrappee ul li a:hover { color: #FFFFFF; padding: 6px 12px; height: 32px; line-height: 20px; display: block; }

	.menu-wrapper { background-color: #DDDDDD; }

	.menu-wrappee ul { list-style: none; }
	.menu-wrappee ul li a { color: #000000; padding: 12px 36px; text-transform: uppercase; display: block; text-decoration: none; }
	.menu-wrappee ul li a:hover { background-color: #CCCCCC; }
	.menu-wrappee ul li a div { margin: 0 auto 6px auto; }

	.menu-wrappee ul li.ui-state-active { background-color: #2C3E50; }
	.menu-wrappee ul li.ui-state-active a { color: #FFFFFF; }
	.menu-wrappee ul li.ui-state-active a:hover { background-color: inherit; }

	.body-wrapper { padding: 24px 24px 48px 24px; }

	.body-wrappee ul.tab-head { overflow: hidden; position: relative; top: 1px; padding-top: -1px; list-style: none; }
	.body-wrappee ul.tab-head > li        { border-left: 1px solid #FFFFFF; border-top: 2px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: solid 1px #CCCCCC; }
	.body-wrappee ul.tab-head > li.ui-state-active { border-left: 1px solid #CCCCCC; border-top: 2px solid #2980B9; border-right: 1px solid #CCCCCC; border-bottom: solid 1px #FFFFFF; }
	.body-wrappee ul.tab-head > li a { height: 32px; padding: 6px 12px; line-height: 24px; display: block; text-decoration: none; }
	.body-wrappee div.tab-body { overflow: hidden; border: solid 1px #CCCCCC; padding: 12px; }

	.foot-wrapper { height: 36px; padding: 9px 0 0 24px; background-color: #CCCCCC; }
	.foot-wrapper a { display: block; }
}

@media screen and (min-width: 800px) and (min-height: 800px)
{
	.foot-wrapper { position: fixed; left: 0; right: 0; bottom: 0; }
}