/* ---------------------------------- */
/* @Reset*/
	
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code, sup,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
padding: 0;
margin: 0;
border: 0;
vertical-align: baseline
}

body { background: #222; font: 12px/1.7em arial, sans-serif; margin: 75px; }

#login { width: 400px; position: absolute; left: 50%; margin-left: -200px; }

#logo_showu
{
	/*float: left;*/
	text-align: center;
	padding-bottom: 5px;
}
#logo_showu div {
  float: right;
	color: #DDDDDD;
	font-size: 20px;
	font-weight: bold;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
	padding: 10px 0 0 20px;

}

h2 {
	color: #333333;
  font-size: 24px;
  font-weight: bold;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
	margin-bottom: .85em; 
}

a				{ color: #06C; text-decoration: none; }
a:focus, 
a:hover     	{ text-decoration: underline; }


img {
	border: 0px;
	max-width: 100%; 
	height: auto; 
	border: 0; 
	-ms-interpolation-mode: bicubic; 
}

input
, textarea
, select
{
	font-family: "Open Sans", Verdana, 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif;
	font-size: 13px;
	color: #424242;
	padding: 3px 6px;
	border: 1px solid #CCC;
	outline: none;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .15) inset;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15) inset;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .15) inset;
	
	-moz-transition: border .2s linear, box-shadow .2s linear;
	-webkit-transition: border .2s linear, -webkit-box-shadow .2s linear;
}

input:focus
, textarea:focus
, select:focus
{
    border: 1px solid #80bfff;
    
    -moz-box-shadow: 0 0 3px #80bfff, 0 1px 2px rgba(0, 0, 0, .15) inset;
    -webkit-box-shadow: 0 0 3px #80bfff, 0 1px 2px rgba(0, 0, 0, .15) inset;
    box-shadow: 0 0 3px #80bfff, 0 1px 2px rgba(0, 0, 0, .15) inset;
}


#login_panel
{
	background: #FFF;
	width: 100%;
	border: 1px solid #CCC;
	overflow: hidden;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.6);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.6);
	box-shadow: 1px 1px 1px rgba(0,0,0,.6);
}

#login_panel .login_fields { padding: 22px 15px 15px; }
	#login_panel .login_fields input { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

#login_panel .field { margin-bottom: 1.75em; }
	#login_panel .field:last-child { margin-bottom: .85em; }
	
	#login_panel .field label { font-weight: bold; color: #555; display: block; position: relative; } 	
		#login_panel .field label small { position: absolute; right: 0; top: -2px; }
			#login_panel .field label small a { color: #999; }

#login .login_actions { background: #E8E8E8; width: auto; padding: 12px 15px; border-top: 1px dotted #CCC; }


/* ---------------------------------- */
/* @Btn */

.btn {
	background-repeat: repeat-x;
	background-position: 0 0;
	
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: normal;	
	color: #FFF;
	
	display: inline-block;
	margin: 0;
	*overflow: visible; 
	
	position: relative;	
	
	border: none;
	border-width: 1px;
	border-style: solid;
	
	cursor: pointer;
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
	
	text-shadow: 1px 1px 1px rgba(0,0,0,.25);
	
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
	box-shadow: 1px 1px 1px rgba(0,0,0,.25);
	
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);	
}

/* ---------------------------------- */
/* @Hover */

.btn:hover { text-decoration: none; }
 
/* ---------------------------------- */
/* @Active */

.btn:active { background-position: left bottom; top: 1px; }

         
/* ---------------------------------- */
/* @Sizes */

.btn { font-size: 13px; padding: 8px 12px; }

/*
= Primary / Active State
--------------------------------------------------------------------- */
.btn-primary,
.btn-primary:visited,
.progress-bar.primary .bar,
.activeState,
.paging_full_numbers span.paginate_active,
.widget-table .dataTables_wrapper .dataTables_paginate span span.ui-state-disabled,
.pagination a.selected { 	
	background: #066ECD;
	background:-moz-linear-gradient(top, #A8CCEC 0%, #4993D7 2%, #066ECD 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#A8CCEC), color-stop(2%,#4993D7), color-stop(100%,#066ECD)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #A8CCEC 0%, #4993D7 2%,#066ECD 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #A8CCEC 0%, #4993D7 2%,#066ECD 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, #A8CCEC 0%, #4993D7 2%,#066ECD 100%); /* IE10+ */
	background:linear-gradient(top, #A8CCEC 0%, #4993D7 2%,#066ECD 100%); /* W3C */	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4993D7', endColorstr='#066ECD');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4993D7', endColorstr='#066ECD')";
	
	color: #FFF;
	
	border-color: #0561B4;
	
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
}

	.btn-primary:hover {
		background: #0561B4;
		background:-moz-linear-gradient(top, #ABC9E4 0%, #4B8CC6 2%, #0561B4 100%); /* FF3.6+ */
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ABC9E4), color-stop(2%,#4B8CC6), color-stop(100%,#0561B4)); /* Chrome,Safari4+ */
		background:-webkit-linear-gradient(top, #ABC9E4 0%, #4B8CC6 2%,#0561B4 100%); /* Chrome10+,Safari5.1+ */
		background:-o-linear-gradient(top, #ABC9E4 0%, #4B8CC6 2%,#0561B4 100%); /* Opera11.10+ */
		background:-ms-linear-gradient(top, #ABC9E4 0%, #4B8CC6 2%,#0561B4 100%); /* IE10+ */
		background:linear-gradient(top, #ABC9E4 0%, #4B8CC6 2%,#0561B4 100%); /* W3C */	
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B8CC6', endColorstr='#0561B4');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B8CC6', endColorstr='#0561B4')";
	}
	
.btn-primary:active { 	
	background: #066ECD;
	background:-moz-linear-gradient(top, #066ECD 2%,#4993D7 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(2%,#066ECD), color-stop(100%,#4993D7)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #066ECD 2%,#4993D7 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #066ECD 2%,#4993D7 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, #066ECD 2%,#4993D7 100%); /* IE10+ */
	background:linear-gradient(top, #066ECD 2%,#4993D7 100%); /* W3C */	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#066ECD', endColorstr='#4993D7');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4993D7', endColorstr='#066ECD')";
	
	color: #FFF;
	
	border-color: #0561B4;
}
/*
= Quaternary / Default State
--------------------------------------------------------------------- */
.btn-quaternary,
.btn-quaternary:visited,
.progress-bar.quaternary .bar { 	
	background: #CCCCCC;
	background:-moz-linear-gradient(top, #FBFBFB 0%, #ECECEC 2%, #CCCCCC 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(2%,#ECECEC), color-stop(100%,#CCCCCC)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #FBFBFB 0%, #ECECEC 2%,#CCCCCC 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #FBFBFB 0%, #ECECEC 2%,#CCCCCC 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, #FBFBFB 0%, #ECECEC 2%,#CCCCCC 100%); /* IE10+ */
	background:linear-gradient(top, #FBFBFB 0%, #ECECEC 2%,#CCCCCC 100%); /* W3C */	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECECEC', endColorstr='#CCCCCC');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECECEC', endColorstr='#CCCCCC')";
	
	color: #444;
	text-shadow: 1px 1px 1px rgba(255,255,255,.8);
	
	border-color: #BBBBBB;
	
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
}

	.btn-quaternary:hover {
		background: #BBBBBB;
		background:-moz-linear-gradient(top, #FBFBFB 0%, #E8E8E8 2%, #BBBBBB 100%); /* FF3.6+ */
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(2%,#E8E8E8), color-stop(100%,#BBBBBB)); /* Chrome,Safari4+ */
		background:-webkit-linear-gradient(top, #FBFBFB 0%, #E8E8E8 2%,#BBBBBB 100%); /* Chrome10+,Safari5.1+ */
		background:-o-linear-gradient(top, #FBFBFB 0%, #E8E8E8 2%,#BBBBBB 100%); /* Opera11.10+ */
		background:-ms-linear-gradient(top, #FBFBFB 0%, #E8E8E8 2%,#BBBBBB 100%); /* IE10+ */
		background:linear-gradient(top, #FBFBFB 0%, #E8E8E8 2%,#BBBBBB 100%); /* W3C */	
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E8E8', endColorstr='#BBBBBB');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E8E8', endColorstr='#BBBBBB')";
	}
	
	
	
.btn-quaternary:active { 	
	background: #CCCCCC;
	background:-moz-linear-gradient(top, #CCCCCC 2%,#ECECEC 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(2%,#CCCCCC), color-stop(100%,#ECECEC)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #CCCCCC 2%,#ECECEC 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #CCCCCC 2%,#ECECEC 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, #CCCCCC 2%,#ECECEC 100%); /* IE10+ */
	background:linear-gradient(top, #CCCCCC 2%,#ECECEC 100%); /* W3C */	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECECEC', endColorstr='#CCCCCC');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECECEC', endColorstr='#CCCCCC')";
}


@media (max-width: 480px) {#login {
		width: 90%; 
		
		margin-left: -45%;
	}
}

/* ---------------------------------- */
/* @Notify */
	
.notify {
	background: #EEE;
	padding: 15px;
	margin-bottom: 1.5em;
	border: 1px solid #DDD;
	position: relative;
	
	border-radius: 5px;
	
	box-shadow: 1px 1px 1px rgba(0,0,0,.15);
}

	.notify p:last-child
	, .notify ul:last-child { margin-bottom: 0; }


/* ---------------------------------- */
/* @Close */
		
.notify .close {
	position: absolute;
	top: 6px;
	right: 12px;
}
	
/* ---------------------------------- */
/* @Types */
	
.notify-success { background-color: #dff0d8; color: #468847; border-color: #d6e9c6; }
.notify-warning { background-color: #fcf8e3; color: #c09853; border-color: #fbeed5; }
.notify-error { background-color: #f2dede; color: #b94a48; border-color: #eed3d7; }
.notify-info { background-color: #d9edf7; color: #3a87ad; border-color: #bce8f1; }
.copyright {
	text-align: center;
}
.copyright a {
	color: #666;
	text-decoration: none;
}
.copyright a:hover {
	color: #BBB;
}