GMWeb/www-admin/css/ui.css

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

.underline{
	text-decoration:	underline;
}

.bold{
	font-weight:	bold;
}

.italic{
	font-style:	italic;
}

input[type="text"], input[type="number"], input[type="date"], input[type="password"]{
	border-radius:		0.5em;
	height:				2em;
	border:				0.4em solid #9cd3d9;
	color:				#cccccc;
	background-color:	#223344;
}

input[type="button"], input[type="submit"], select{
	border-radius:		0.5em;
	height:				2.5em;
	border:				0.4em solid #9cd3d9;
	font-weight:		bold;
	color:				#ffffff;
	background-color:	#335577;
	cursor:				pointer;
}

textarea{
	border-radius:		0.5em;
	min-height:			2em;
	max-height:			15em;
	border:				0.4em solid #9cd3d9;
	color:				#bbbbbb;
	background-color:	#223344;
	resize:				vertical;
}

/* Links */
a{
	color:				#4c9ed9;
	text-decoration:	none;
	transition:			all .2s ease-in-out;
}

a:hover{
	color:				#347;
	text-shadow:		0 0 0.4em #265885;
	text-decoration:	underline;
}

/* Icon for slider sections */
img.slid{
	height:			0.9em;
	width:			0.9em;
	padding:		0.1em;
	cursor:			pointer;
	vertical-align:	middle;
	transition:		opacity 0.5s ease-in-out;
}

/* Elements that should have the cursor as pointer */
.pointer{
	cursor:	pointer;
}


/* Body */
body{
	font-family:		font;
	margin:				0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5d3e5+0,e5f4ff+10,e5f4ff+90,b5d3e5+100 */
	background: #b5d3e5; /* Old browsers */
	background: -moz-linear-gradient(left, #b5d3e5 0%, #e5f4ff 10%, #e5f4ff 90%, #b5d3e5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #b5d3e5 0%,#e5f4ff 10%,#e5f4ff 90%,#b5d3e5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #b5d3e5 0%,#e5f4ff 10%,#e5f4ff 90%,#b5d3e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5d3e5', endColorstr='#b5d3e5',GradientType=1 ); /* IE6-9 */
}

/* Content */
div#content{
	margin:		3em auto auto auto;
	width:		90%;
	max-width:	80em;
}

/* Sections */
div.section{
	background-color:	#9bc1da;
	padding:			0.1em 0.3em 0.1em 0.1em;
	border:				0.2em solid #9cd3d9;
}

/* Title for each section */
div.section .section_title{
	font-size:	130%;
	font-style:	bold;
	margin-top:	0.5em;
}

/* Entries */
div.entry{
	background-color:	#ffffff;
	padding:			0.2em;
	margin:				0.4em;
	border:				0.2em solid #9cd3d9;
	box-shadow:			inset 0 0 0.2em #dde;
	transition:			all .3s ease-in-out;
}

td.entry{
	background-color:	#ffffff;
	padding:			0.2em;
	margin:				0.4em;
	border:				0.2em solid #9cd3d9;
	box-shadow:			inset 0 0 0.2em #dde;
	transition:			all .3s ease-in-out;
}

div#member_action input{
	margin:	0.5em 2em 0.5em 2em;
}

/* Toolbar styles */
div#toolbar{
	background-color:	#000000;
	margin:				0;
	width:				100%;
	height:				2em;
	padding:			0;
}

div#toolbar img{
	height:			1.6em;
	vertical-align:	center;
}

div#toolbar table{
	width:				90%;
	height:				100%;
	margin-left:		auto;
	margin-right:		auto;
	border-spacing:		0;
    border-collapse:	collapse;
	margin:				0;
	table-layout:		fixed;
}

div#toolbar td{
	color:			#dddddd;
	font-weight:	bold;
	text-align:		center;
}

div#toolbar td a{
	color:				#dddddd;
	font-weight:		bold;
	text-align:			center;
	text-shadow:		none;
	text-decoration:	none;
	transition:			all .3s ease-in-out;
}

div.secondary_toolbar{
	background-color:	#333333;
	margin:				0;
	display:			none;
	width:				100%;
	height:				2em; 	
}

div.secondary_toolbar table{
	width:			90%;
	margin-left:	auto;
	margin-right:	auto;
	table-layout:	fixed;
}

div.secondary_toolbar td{
	text-align:	center;
}

div.secondary_toolbar td a{
	color:				#dddddd;
	font-weight:		bold;
	text-align:			center;
	text-shadow:		none;
	text-decoration:	none;
	transition:			all .3s ease-in-out;
}

div.secondary_toolbar td a:hover{
	color:				#dddddd;
	text-shadow:		none;
	text-decoration:	none;
}

table.translation_table{
	border-collapse:	collapse;
}

table.translation_table th{
	font-weight:		bold;
	font-size:			1.1em;
	border:	1px solid #000000;
}

table.translation_table td{
	border:	1px solid #000000;
}