*
{
	margin: 0px;
	padding: 0px;
}

body {
	font: 13px/normal "Segoe UI", Tahoma, sans-serif; 
	color: #3d3d3d; 
	background: #f1f1f1;
	background: #000000 linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%) no-repeat; /* W3C */
	/* cursor:url(../img/arrow.cur),url(../img/arrow.cur), auto; */
	width: 100%;
	height: 100%;
}

pre				{ display: block; }
a				{ color: #013f9a; text-decoration: none; }
a:hover			{ transition: color .3s linear; color: #3689d2; }
img				{ border: 0px; }
h1				{ margin: 10px 0 10px 0;  font-size: 14px; font-weight: normal; background: url("../img/sub.png") no-repeat left bottom; }
table			{ border-collapse: collapse; }
input, textarea, select
				{ margin: 3px; padding: 2px 5px 2px 5px; border: 1px solid #CCCCCC; border-radius: 3px; background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); }
input[type="submit"], 
button 			{ color: #fff; background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* W3C */ }
select			{ text-indent: 0.01px; text-overflow: ""; background: url("/img/selectArrow.png") top right no-repeat; cursor: pointer; -webkit-appearance: none; min-width: 50px; width:100px; }
input:focus,
select:focus,
textarea:focus	{ box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px  #000; -webkit-padding: 3px; border-width: 1px; border-color: transparent; border-style: inset; outline: 0; }

input[type="submit"] { border: 0; padding: 5px 10px; }

.my-button { border: 0; background: #999; color: #fff; padding: 5px 10px; cursor: pointer; border-radius: 5px; }

.hide { display: none; }

tr.strikeout td { position:relative        } /* Setup a new coordinate system   */
tr.strikeout td:before {                     /* Create a new element that       */
  content: " ";                              /* …has no text content            */
  position: absolute;                        /* …is absolutely positioned       */
  left: 0; top: 50%; width: 100%;            /* …with the top across the middle */
  border-bottom: 1px solid #212121;             /* …and with a border on the top   */
}

tr.red td 		{ color: #ff0000; } 
tr.red td a		{ color: #ff0000; } 

#container {
	background: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 0 auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 1150px;
	/* width: 90%; */
	height: auto;
	
}

/* [ HEADER ] */

#container #header						{ position: relative; }
#container #header	#logo img	{ border-radius: 5px; height: 80px; }
#container #header	img:hover	{ transition: opacity .3s linear; opacity: 0.5; }
#container #header	#divSearch			{ opacity: 0.7; float: right; margin: -65px 10px 0 0;  border-radius: 5px; border: 10px solid #f1f1f1; background: #fff; }
#container #header	#divSearch input 	{ border: 0; padding-right: 30px; background: #fff url("../img/search.png") no-repeat right top; }

/* [ NAV ] */

#container #nav {
	background: #f1f1f1;
	background: #f1f1f1; 
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	
}

#container #nav ul {
	list-style-type: none;
}

#container #nav ul li img { position: absolute; left: 5px; height: 14px; top: 6px;}
#container #nav ul li {
	display: table-cell;
	border-right: 1px solid #ccc;
	min-width: 70px;
	text-align: center;
	color: #3d3d3d;
	position: relative;
}

#container #nav ul li:last-child{
	/* border-right: none; */
}

#container #nav ul li a {
	padding: 5px 5px 5px 22px;
	display: block;
	color: #666;
	transition: background .3s linear; 
	font-size: 12px;
	/* font-weight: bold; */
}

#container #nav ul li a:hover {
	background: #f9f9f9;
	background: #f1f1f1;
}

/* [ CONTENTS ] */

#container #contents {
	min-height: 500px;
	text-align: justify;
	min-width: 1100px;
	position: relative;
	/* background: #f9f9f9; */
}

 #result {
	min-width: 1100px;
}


#container #contents .nav{
	min-width:180px;
}
#container #contents .nav:last-child{
	padding-left: 10px;
}
#container #contents .nav ul{
	list-style-type: none;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 10px;
}
#container #contents .nav ul li{
	border-bottom: 1px solid #ccc;
	min-width: 70px;
	color: #3d3d3d;
}
#container #contents .nav ul li:first-child{
	color: #808080;
	background: #f1f1f1; 
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	padding: 2px 5px;
}
#container #contents .nav ul li:last-child{
	border-bottom: none;
}
#container #contents .nav ul li a{
	display: block;
	padding: 2px 0;
	color: #3d3d3d;
	padding: 2px 5px;
}

#container #contents .nav ul li a:hover{
	transition: background .3s linear; 
	background: #f1f1f1;
}

#container #contents .contents{
	padding-left: 10px;
	width: 100%;
}
#container #contents .contents,
#container #contents .nav{
	/* border: 1px solid green; */
	display: table-cell;
}

/* [ FOOTER ] */

#container #footer {
	bottom: 0;
	text-align: right;
	/* border-top: 1px dashed #ccc; */
	left: 0;
	right: 0;
	font-size: 10px;
	padding: 2px 5px;
}

#container #header,
#container #contents {
	padding: 10px;
}


.navigation ul{ list-style-type: none; margin-bottom: 5px; }
.navigation ul li { display: inline-block;  box-shadow: 0 1px 3px #444;  text-align: center; background: #fff; border-radius: 3px;}
.navigation ul li img{ float: left; margin: 3px 0 0 3px; height: 12px; }
.navigation ul li a{ padding: 5px;  }



	/* [ UTILS ] */
.form					{ /* background: #f1f1f1; */  }
.form .row				{  border-bottom: 1px solid #f1f1f1; padding: 5px 0; }
.form .row:last-child	{  border-bottom: none }
.form .row .label,
.form .row .input		{ display: table-cell; }
.form .row .input input[type="text"],
.form .row .input textarea
						{ width: 170px; max-width: 200px; }
.form .row .label		{ min-width: 130px; max-width: 150px; }
.form .row .label label	{ display: block; }
.form .row .input textarea { resize: vertical; font-size: 12px; }
.form fieldset			{ padding: 10px; border: 1px solid #ccc; }
.form legend			{ padding: 0 5px; color: #999; }
.form .input .radio		{ display: inline-block; margin: 2px 0; padding: 2px 5px; background: #f9f9f9; border-radius: 5px; }

input[type="radio"]:checked+label{ font-weight: bold; } 

.grey_gradient 			{ background: linear-gradient(#f1f1f1, #fff); }

.table					{ background: #fff; width: 100%; border: 1px solid #ccc; max-width: 100%; }
.table	th				{ position: relative; cursor: pointer; color: #444444; background: linear-gradient(#f1f1f1, #fff); font-size: 11px; border: 1px solid #ccc; padding: 4px;  text-align: center; }
.table	td				{ border: 1px dotted #ccc; padding: 3px; text-align: left; padding: 5px; }
.table	td:first-child  { text-align: center; }
.table	td:last-child  { text-align: center; }
.table label			{ display: block; }

.center		{ margin-left: auto; margin-right: auto; }
#toTop 		{ display: block; position: fixed; bottom: 5%; right: 1%; padding: 10px; background: #fff; border-radius: 20px; }
#prepage 	{ top:0; right:0; bottom:0; left:0; height: 20px; margin:auto; position:absolute; width: 30px; padding: 10px; text-align: center; border-radius: 10px; background: #fff; z-index: 999; display: table-cell;}

.bPopup 	{ padding: 10px; display: none; background: #fff; min-width: 300px; max-width: 700px; border-radius: 5px; }

.hidden		{ display: none; }
.block		{ display: block; }
.italic		{ font-style: italic; }

.grey		{ color: #999; }


.msgWar		{ padding: 0 5px 0 5px; margin: 5px 0 0 0; color: #9F6000; background: #FEEFB3 /* url("../img/warning.png") top left no-repeat */; border: 1px solid #9f6000; border-radius: 3px; }
.msgErr		{ padding: 0 5px 0 5px; margin: 5px 0 0 0; background: #ffebe8 /* url("../img/err.png") 0 1px no-repeat */; border: 1px solid #dd3c10; border-radius: 3px;  }
.msgOk		{ margin: 5px 0 5px 0; background: #fff url("../img/statusOk.png") top left no-repeat; border: 1px solid #81ce70; padding:  10px 10px 10px 30px; border-radius: 3px; }
.msgError	{ margin: 5px 0 5px 0; background: #fff url("../img/no.png") 8px 11px no-repeat; border: 1px solid #dd3c10; padding: 10px 10px 10px 30px; border-radius: 3px; }

.msgWarning	{ margin: 5px 0 5px 0; background: #fff url("../img/warning.png") 8px 11px no-repeat; border: 1px solid #9f6000; padding: 10px 10px 10px 30px; border-radius: 3px; }

.war		{ background: #fffad2 url("../img/warning.png") 8px 12px no-repeat; padding: 10px 10px 10px 30px; border: 1px solid #e1ca00; border-radius: 3px; }
.small 		{ font-size: 10px; }
	
	
.mBox		{ padding: 10px; display: none; background: #fff; min-width: 300px; max-width: 700px; }
.glassBorder{ 
			  background: #fff;
			  background-clip: padding-box;
			  border: 8px solid rgba(255,255,255,.2);
			  border-radius: 3px;
			  box-shadow:
				0 0 1px rgba(255,255,255,.8),
				0 0 3px rgba(255,255,255,.8),
				1px 1px 0 rgba(241,241,241,.8) inset,
				-1px -1px 0 rgba(255,255,255,.8) inset;
}	


div.pagination {
	padding: 3px;
	margin: 3px;
}	

div.pagination a {
	padding: 0 5px 2px 5px;
	margin: 2px;
	border: 1px solid #ccc;
	border-radius: 5px;
	text-decoration: none; /* no underline */
	background: #fff;
}

div.pagination a:hover, div.pagination a:active {
	border: 1px solid #3d3d3d;
}

div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border-radius: 5px;
	font-weight: bold;
	background-color: #3d3d3d;
	color: #FFF;
}

.btn { border: 0; padding: 5px 10px !important; }

.text-red { color: #800 !important; }

.bold { font-weight: bold; }