#xoopspagenavbar {
	font: 14px/24px sans-serif;
}

.pagination {
    background: #f2f2f2;
    padding: 20px;
    margin-bottom: 20px;
}

.page {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page:hover, .page.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.page.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}

.pagination.dark {
    background: #414449;
    color: #feffff;
}

.page.dark {
    border: solid 1px #32373b;
    background: #3e4347;
    box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);
    color: #feffff;
    text-shadow: 0px 1px 0px rgba(0,0,0, .5);
}

.page.dark:hover, .page.dark.gradient:hover {
    background: #3d4f5d;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#547085), to(#3d4f5d));
    background: -moz-linear-gradient(0% 0% 270deg,#547085, #3d4f5d);
}

.page.dark.active {
    border: none;
    background: #2f3237;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .1);
}

.page.dark.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#565b5f), to(#3e4347));
    background: -moz-linear-gradient(0% 0% 270deg,#565b5f, #3e4347);
}
/*============= Style for breadcrumb ================*/
#xo-breadcrumb {
	margin-left:				.25em;
	padding: 					0 0 10px 5px;
	font-size: 					.9em;
	text-shadow: 				1px 1px 2px #aaa;
}
#xo-breadcrumb a:hover {
	background-color:			transparent;
	color: 					#8198CE;
	text-decoration: 			underline;
}
/* ===== forms ===== */
form {}
fieldset { margin: .5em; padding : 1em;}
legend {
	padding: 					.5em;
	font-size:					1.1em;
	font-weight: 				bolder;
	text-shadow: 				2px 2px 3px #ccc;
}
input, button, select {margin: .25em; vertical-align: middle; }
input { font-size: 1em; border: 1px solid #ccc;}
label, .caption-text {}
select {
	padding: 					3px 5px 3px 5px;
	border:					1px solid #ccc;
	border-radius: 				5px;
		-moz-border-radius: 		5px;
		-webkit-border-radius: 	5px;
	font-size: 					.9em;
}
select[name=timezone_offset] {}
select:focus {	border:	1px solid #333;}
textarea {
	width: 					95%;
	min-height:				150px;
	margin:					0.5em;
	padding:					5px;
	border:					1px solid #666;
	overflow: 					auto;
}
textarea:focus {	border: 1px solid #333;}
#xo-page fieldset {
	margin: 					0 0 1em 0;
	padding:					1em;
	border: 					none;
}
#xo-page fieldset a {}
#xo-page fieldset a:hover {}
#xo-page legend {
	font-size: 					1.1em;
	font-weight:				bold;
}
#xo-page label {
	display: 					block;
	float: 					left;
	font-weight: 				bold;
}
button, input[type=submit], input[type=button], input[type=reset], .xo-formbuttons, .formButton {
	background-color: 			#ddd;
	padding:					3px 5px 3px 5px;
	color:					inherit;
	border:					1px solid #ccc;
	border-radius: 				5px;
		-moz-border-radius: 		5px;
		-webkit-border-radius: 	5px;
	box-shadow: 				0 20px 10px -10px rgba(255,255,255,0.3) inset;
		-moz-box-shadow: 		0 20px 10px -10px rgba(255,255,255,0.3) inset;
		-webkit-box-shadow: 		0 20px 10px -10px rgba(255,255,255,0.3) inset;
	cursor: 					pointer;
}
button:focus, input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus, .xo-formbuttons:focus, .formButton:focus { background-color: #639ace; color: #fff; border: 1px solid #333;}
button:hover, input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, .xo-formbuttons:hover, .formButton:hover  { background-color: #639ace; color: #fff; border: 1px solid #333;}
input[type=text], input[type=password], input[type=checkbox], input[type=file], textarea {}
input[type=text], input[type=password], input[type=file] { background-color: #fff; padding: 3px 5px 3px 5px;  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
input[type=text]:hover, input[type=password]:hover, input[type=file]:hover, input[type=checkbox]:hover, textarea:hover { border: 1px solid #333;}
input[type=text]:focus, input[type=password]:focus, input[type=file]:focus, input[type=checkbox]:focus, textarea:focus {  border: 1px solid #639ace;}
input[type=checkbox], input[type=radio] { margin: 3px; padding:2px;}

.xoops-form-element-caption-required, .xoops-form-element-caption {}
.xo-formfield.required label:after, .caption-marker { content: '*'; color: #ff0000; background-color: transparent;}
.xoops-form-element-caption .caption-marker { display:none;}
.xoops-form-element-caption-required .caption-marker {}
.xoops-form-element-help {}

/* ===== core messages ===== */
.highlight {	color:#ff0000 !important; font-weight:bold; text-shadow: 1px 1px 2px #ccc;}
.errorMsg,.confirmMsg, .resultMsg, .successMsg  {
	margin-bottom: 				1em;
	padding: 					.8em;
	text-align: 					center;
	text-shadow: 				1px 1px 2px #ccc;
	border-radius: 				10px;
		-moz-border-radius: 		10px;
		-webkit-border-radius: 	10px;
	box-shadow: 				2px 2px 10px  rgba(102, 102, 102, .5);
		-moz-box-shadow: 		2px 2px 10px rgba(102, 102, 102, .5) ;
		-webkit-box-shadow: 		2px 2px 10px rgba(102, 102, 102, .5);
}
.errorMsg {	background-color: #FBE3E4; color: #D12F19;	border-color: #FBC2C4;}
.confirmMsg { background-color: #FFF6BF; color:#817134; border-color:	#FFD324;}
.resultMsg {	background-color:#E6EFC2; color: #529214; border-color: #C6D880;}
.errorMsg a {background-color: transparent; color: #D12F19;}
.confirmMsg a   {	background-color:transparent; color: #817134;}
.successMsg a  {background-color: transparent; color: #529214;}

/* ===== tables and cells ===== */
/* Появление горизонтальной прокурутки таблиц на мобильных устройствах 
table {display: block; overflow-x: auto; white-space: nowrap;}
table tbody {display: table; width: 100%;}*/

table {width:100%; border-collapse: collapse;}
#xo-page table {margin-bottom: 1em;}
caption {
	font-style: 				italic;
	font-weight: 			bold;
}
th, thead {
	background-color: 		#639ACE;
	padding : 				2px;
	color: 					#fff;
	font-size:				1.1em;
	font-weight:			bold;
	text-align: 				center;
	vertical-align : 			middle;
}
.foot, tfoot {
	background-color: 		#c2cdd6;
	padding: 				5px;
	color: 				inherit;
	font-weight: 			bold;
}
tbody {}
table.outer { border-collapse: separate;}
table td {
	padding: 				0;
	vertical-align: 			top;
	border-width: 			0;
}
.outer {border: 				1px solid #ccc;}
.head {
	background-color: 		#c2cdd6;
	padding: 				5px;
	font-weight: 			bold;
	color: 				inherit;
}
.even {
	background-color: 		#dee3e7;
	padding: 				5px;
	color: 				inherit;
}
.odd {
	background-color: 		#E9E9E9;
	padding: 				5px;
	color: 				inherit;
}
tr.even td {
	background-color: 		#dee3e7;
	padding: 				5px;
	color: 				inherit;
}
tr.odd td {
	background-color: 		#E9E9E9;
	padding: 				5px;
	color: 				inherit;
}

/* ===== codes and quotes ===== */
.xoopsCode {
	max-height: 			200px;
	overflow : 				auto;
	margin:				.5em;
	word-wrap : 			break-word;
	background-color: 		#fff;
	padding: 				6px;
	color: 				inherit;
	font-family: 			"Courier New",Courier,monospace; 
	border: 				1px inset #639ace;
}
.xoopsQuote {
	margin:				.5em;
	background-color: 		#fff;
	overflow : 				auto;
	word-wrap : 			break-word;
	padding: 				6px; color: #666;
	font-family: 			"Courier New",Courier,monospace;
	border: 				1px dashed #639ace;
}
blockquote { font-style:		italic;}