/* default styles */
html, body, p, a, th, td, li, div, h1, h2, h3, input, button, select, textarea, label {
	font-size: 16px;
	color: #000;
	margin: 0;
	padding: 0;
	font-family:Verdana, sans-serif;
	-webkit-box-sizing: border-box;‌​
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	background-color: #ddd;
}

div.Body {
	width: 1280px;
	margin: 0 auto;
	margin-bottom:40px;
}

h1 {
	font-size: 110%;
	margin-bottom: 5px;
}


label, div.Content div.Translateable label {
	display:block;
	font-size:100%;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:15px;
}

div.Content label:first-of-type {
	margin-top: 0;
}

* + h2 {
	margin-top:10px;
}

img {
	vertical-align: middle;
	border: 0 none;
}

a {
	text-decoration: none;
}

a.Visible {
	text-decoration: underline;
}

.Disabled {
	opacity: .3;
}

.Number {
	text-align:right;
}

.Error, .Error * {
	color: #f00;
}

.Selected {
	font-weight: bold;
}

div.Wrapper {
	clear: both;
}

/* form elements*/
/*
form p + * {
	margin-top: 5px;
}
*/

input, select, textarea {
	height: 40px;
	padding: 5px;
	width:100%;
	vertical-align: middle;
	border: 1px solid #aaa;
	border-radius: 5px;
}

input[readonly], input[type=file], select[readonly], textarea[readonly] {
	border: 0 none;
}

textarea {
	height: 200px;
}

input[type=checkbox], input[type=radio] {
	height: 20px;
	width: 20px;
	padding: 10px;
	margin: 0;
	border: 0 none;
}

/* Filter */
div.Filter {
	border-bottom: 1px dashed #aaa;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

div.Filter div.FilterContent {
	border-top: 1px dashed #aaa;
	padding-top: 10px;
	margin-top: 10px;
}

div.Filter label {
	display:inline;
	font-weight:normal;
	margin:0;
}

div.Filter input[type=text], div.Filter select {
	width: 225px;
	margin-bottom: 0;
}

.Filter div.Toggle button {
	vertical-align:middle;
}

.Filter div.Toggle button.Expand {
	background-position: -31px -127px;
}

.Filter div.Toggle button.Collapse {
	background-position: -63px -127px;
}

/* Buttons */
button {
	font-size: 90%;
	cursor:pointer;
	height: 40px;
	padding: 5px 10px;
	width:225px;
	border: 1px solid #aaa;
	border-radius: 5px;
}

button[disabled] {
	opacity:.3;
}

button[disabled]:hover {
	border: 1px solid #aaa;
}

button:hover {
	border-color:#000;
}

html body div .Buttons {
	margin-top: 20px;
}

div.Buttons.Small button, button.Small {
	width:75px;
}

div.Buttons.Medium button, button.Medium {
	width:150px;
}

div.Buttons.Columns button {
	margin-left: 10px;
}

div.Buttons.Columns button:first-child {
	margin-left: 0;
}

div.Buttons.Columns.Two button {
	float: left;
	width: calc(50% - 15px);
}

div.Buttons.Columns.Three button {
	float: left;
	width: calc(33% - 10px);
}

button.Save {
	background-color: #0f0;
}

button.Delete {
	background-color: #f00;
}

button.Icon {
	width:20px;
	height:20px;
	margin:0;
	padding:0;
	background-image: url("/Javascript/Libraries/JQuery/images/ui-icons_888888_256x240.png");
}

button.Icon.Close {
	background-position: -31px -127px;
}

button.Icon.Prev {
	background-position: -95px -48px;
}

button.Icon.Next {
	background-position: -31px -48px;
}

/* Navigation */
div.Navigation {
	background-color: #fff;
	height: 30px;
}

div.Navigation div.Content {
	width: 1280px;
	margin: 0 auto;
}

div.Navigation p, div.Navigation li {
	line-height: 30px;
}

div.Navigation a {
	text-decoration: none;
}

div.Navigation ul {
	width: 125px;
	float: left;
	border: 0 none;
	background:none!important;
}

div.Navigation ul li {
	height: 30px;
	padding: 0 5px!important;
	margin:0!important;
}

div.Navigation ul ul li.ui-state-focus {
	border-left: 0 none;
	border-right: 0 none;
}

div.Navigation ul ul {
	width:123px;
	background-color:#fff!important;
	border: 1px solid #aaa;
}

div.Navigation.Top {
	border-bottom: 1px solid #aaa;
}

div.Navigation.Bottom {
	position: fixed;
	z-index: 100;
	bottom: 0;
	left: 0;
	width:100%;
	border-top: 1px solid #aaa;
}

/* Lanuage */
div.Language {
	width: 150px;
	margin: 0 auto;
}

div.Language select {
	height: 30px;
	font-size: 90%;
}

/* Groups */
div.Groups div.Group {
	float: left;
}

div.Groups div.Group + div.Group {
	margin-left: 10px;
}

div.Groups.Columns2 div.Group {
	width: 635px;
}

div.Groups.Columns3 div.Group {
	width: 420px;
}

div.Groups.Columns3 div.Group.Colspan2 {
	width: 850px;
}

/* Containers */
div.Container {
	margin-top: 20px;
}

div.Container div.Content {
	border-radius: 5px;
	border: 1px solid #aaa;
	padding: 10px;
	background-color: #fff;
}

div.Container div.Content form input[type=text],
div.Container div.Content form button,
div.Container div.Content form select,
div.Container div.Content form textarea {
	
}

div.Container h1 {
	margin-left: 10px;
}

/* Messages */
div.Message {
	margin-top: 20px;
	border-radius: 5px;
	border: 1px solid #aaa;
	padding: 10px;
}

div.Message.Success {
	background-color: #0f0;
}

div.Message.Error {
	background-color: orange;
}

div.Message.Warning {
	background-color: #ff0;
}

div.Message.Info {
	background-color: lightblue;
}

/* Tables */
table {
	width: 100%;
	border-collapse:collapse;
}

table tr th, table tr td {
	border-top: 5px solid transparent;
	border-left: 5px solid transparent;
}

table tr th {
	vertical-align: top;
}

table tr td {
	vertical-align: middle;
}

table tfoot tr th, table tfoot tr td {
	border-top: 5px solid transparent!important;
}

table thead tr th, table thead tr td {
	border-bottom: 5px solid transparent;
}

table tr th:first-child, table tr td:first-child {
	border-left:0;
}

table tr:first-child th, table tr:first-child td {
	border-top:0;
}

table tr th {
	text-align: left;
}

table tr:hover td {
	background-color: #ddd!important;
}

table tr.Odd th, table tr.Odd td {
	background-color: #eee;
}

table.Numbers tr td {
	padding: 3px 0;
}

table.Numbers tr.Total td {
	border-top: 1px solid #000;
	font-weight: bold;
}

table.Table {
	max-height: 500px;
	padding-bottom: 10px;
}

table.Table div.dataTables_filter {
	border: 1px solid black;
}

.dataTables_wrapper .dataTables_filter input {
	margin-left:0;
}

/* Dialogs */
.Dialog {
	width: 635px;
	height: auto;
}

.ui-dialog {
	padding:5px;
}

.ui-dialog p + * {
	margin-top: 5px;
}

.ui-dialog .ui-dialog-content {
	padding:5px;
}

/* File Control */
div.File {
	margin-bottom: 10px;
	float: left;
	width: 620px;
	padding-bottom: 10px;
	border-bottom: 1px solid #aaa;
}

div.File + div.File {
	margin-left: 10px;
}

div.File table {
	margin: 10px 0;
}

div.File table tr td, div.File table tr td a {
	margin: 0;
	padding: 0;
	font-size: 14px;
}

div.File ul {
	margin: 0;
	padding-left: 20px;
}

div.File .Copy {
	margin-left: 10px;
}

/* Translateable */
div.Translateable {
}

div.Translateable p.Base {
	font-size: small;
	font-style: italic;
}

div.Translateable p.Modes {
	font-size: small;
}