/* (c) andrew-lviv.net 2014 */
/* 4 mobile & touch */ 
@media screen and (min-width:501px) and (max-width:999px) and (orientation: portrait) {
	body { 
		max-width: 100% !important;
	} 
}

* {
	margin: 0;
	padding: 0;
}

body {
	background: #CCCCCC url("style2014/bg.png");
	color: #41698C;
	max-width: 600px;
	text-align: center;
	font-family: Verdana;
	font-weight: normal;
	font-size: 16px;
	margin: 2px auto; 
	border: 2px solid #A3BED6;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow:2px 4px 20px #2E2F3E;  
} 
.body {
	background: #FFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;  
}
hr{border: none; height: 1px; background-color: #C3CDDC; margin: 3px auto;}
img{vertical-align:middle;}
img.border {
	border: 1px solid #737473;
	padding: 1px 1px 1px 1px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: 1px 1px 5px #B3B4B3;
}
#logo{
	padding: 4px;
}
/*** andrew-lviv.net ***/
a, a:link, a:visited {
	color: #001C81;
	text-decoration: none;
}
a:hover, a:active {
	color: #001C81;
	text-decoration: none;
	text-shadow: 0px 0px 5px #6F7481;
}
/*** andrew-lviv.net ***/
.buy_panel{
	background:#FFFFFF; 
	color:#595970;
	font-size: 60%;
	text-align:left;
	padding:1px 1px 1px 1px;
}
/*** andrew-lviv.net ***/
.border_head a, .border_foot a {
	color: #fff;
	font-weight: bold;	
	text-decoration: none;
	text-shadow: 1px 1px 2px #000;
}
.border_head a:hover, .border_foot a:hover {
	color: #FF851F;
	font-weight: bold;	
	text-decoration: none;
}
.border_head {
	background: #003f88 url('style2014/border.png');
	background-repeat: repeat-x;
	color: #EAEDEC;
	text-shadow: 1px 1px 1px #646462;
	padding: 3px 3px 3px 3px;
	border: 1px outset #1759A2;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
/*** andrew-lviv.net ***/
.border_foot {
	background: #003f88 url('style2014/border.png');
	background-repeat: repeat-x;
	color: #EAEDEC;
	padding: 3px 3px 3px 3px;
	border: 1px outset #1759A2;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
/*** andrew-lviv.net ***/
.title a {
	color: #fff;
	font-weight: bold;	
	text-decoration: none;
	text-shadow: 1px 1px 2px #000;
}
.title a:hover {
	color: #FF851F;
	text-decoration: none;
	text-shadow: 0px 0px 5px #000;
}
.title {
	background: #356ba0 url('style2014/title.png');
	background-repeat: repeat-x;
	color: #FFFFF5;
	text-align: left;
	padding: 4px 3px 4px 3px;
	border: 1px outset #5380AC;	
}
.title_current {
	color: #fff;
	font-weight: bold;	
	text-decoration: none;
	text-shadow: 1px 1px 2px #002B71;
}
/*** andrew-lviv.net ***/
.total{color:#777199;text-shadow:none;}
.new{color:red;}
.new a{color:red;}
.text{color:#001d81;font-weight:bold;text-shadow:none;}
/*** andrew-lviv.net ***/
.list {
	background: #f1f2f2 url("style2014/list_link.png");
	background-repeat: repeat-x;	
	color: #484C70;
	text-align: left;	
	margin: 1px 1px 1px 1px;
	padding: 4px 1px 2px 3px;
	border: 1px solid #F2F6F6;	
	word-wrap: break-word;
}
/*** andrew-lviv.net ***/
.main {
	background: #E6EAFF url('style2014/main.png');
	background-repeat: repeat-x;
	color: #000;
	text-align: left;
	margin: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border: 1px solid #C3CDDC;
	word-wrap: break-word;
}
/*** andrew-lviv.net ***/
.main2 a{
	color: #fff; 
	text-decoration: none;
	text-shadow: 1px 1px 2px #000;    
}
.main2 a:hover {
	color: #FF851F;
	text-decoration: none;
	text-shadow: 0px 0px 5px #000;
}
.main2 {
	background: #4185BE;
	background-repeat: repeat-x;
	color: #E8EDFC;
	text-align: left;
	margin: 1px 0px 1px 0px;
	padding: 4px 3px 4px 3px;
	border: 1px solid #4E7EA9;  
}   
/*** andrew-lviv.net ***/
span.menu_up {
	display: inline-block;
	background: #d0ddf4;
	background-repeat: repeat-x;
	color: #001C81;
	text-decoration: none;
	font-size: 85%; 
	margin: -1px -2px -1px -2px;
	padding: 3px 5px 3px 5px;	
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;    
}
a.menu_up {
	display: inline-block;
	background: #d0ddf4 url("style2014/menu_up.png");
	background-repeat: repeat-x;
	color: #001C81;
	text-decoration: none;
	font-size: 85%; 
	margin: -1px -2px -1px -2px;
	padding: 3px 5px 3px 5px;	
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;    
}
a.menu_up:hover {
	background: #b9cae1 url("style2014/menu_up_hover.png");
	background-repeat: repeat-x;
	color: #002FC9;
	text-shadow: none;
}
.menu_up_border {
	background: #4185BE;
	color: #00105D;
	text-align: left;      
	padding: 4px 2px 4px 2px;
	border: 1px solid #3F61A9;  
}
.menu_up_4mobile {  
	margin: 1px 3px 1px 3px;  
	border: 1px solid #DFE3E0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 1px 1px 3px #09204E;
	display: inline-block;  
}    
/*** andrew-lviv.net ***/
a.menu {
	background: #84aaee url("style2014/menu.png");
	background-repeat: repeat-x;
	color: #00105D;
	text-decoration: none;
	text-shadow: 1px 1px 3px #FFF;  
	padding: 3px 3px 3px 4px;
	display: block; 
	clear:both;     
}
a.menu:hover {
	background: #4981e6 url("style2014/menu_hover.png");
	background-repeat: repeat-x;
	color: #fff;
	text-shadow: none; 
}
.menu_body {
	background: #FFFFFF;
	text-align: left;   
}
.menu_4mobile {
	background: #84aaee url("style2014/menu.png");
	background-repeat: repeat-x;
	border-radius: 2px; 
	margin: 1px 0px 0px 0px;
	text-align: left;    
	border: 1px outset #BAD6FF;
	display: block;   
	clear:both;      
}
/*** andrew-lviv.net ***/
a.list_link {
	background: #F2F2F2;
	background-repeat: repeat-x; 
	padding: 5px 1px 5px 2px;
	border-top: 1px solid #EFF;
    border-right: 1px solid #D4D4FF;
    border-bottom: 1px solid #D4D4FF;
    border-left: 1px solid #D4D4FF;
	display: block; 
}
a.list_link:hover { 
	background: #E3EAEA;
	border-top: 1px solid #EFF;
	border-right: 1px solid #D4D4FF;
	border-bottom: 1px solid #AFBFFF;
	border-left: 1px solid #D4D4FF;
	text-shadow: none; 
	display: block;  
}
.flex {
	display: flex; 
	align-items: center;
}
a.list_link_new {
	background: #F2F2F2;
	right: 0px;
	top:0px;
	min-width: 5%;
	border: 1px solid #bbf;
	margin: 1px 1px 1px 1px;
	padding: 4px 1px 2px 3px;
	text-align: center; 
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	position:absolute !important;  
}
a.list_link_new:hover {
	background: #E3EAEA;
	right: 0px;
	top:0px;
	min-width: 5%;
	border: 1px solid #bbf;
	margin: 1px 1px 1px 1px;
	padding: 4px 1px 2px 3px;
	text-align: center; 
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	position:absolute !important;
	text-shadow: none;  
}
.list_body {
	background: #FFFFFF;
	text-align: left;
	margin: 0px 0px 0px 0px;
	border: 1px solid #DBE6ED;
}
.list_link_4mobile{
	background: #F2F2F2;
	text-align: left;
	display: block;
	position: relative;
	clear: left;       
}
.list_link_left {   
	vertical-align: top;
	display: inline-block;
	display: -moz-inline-stack;
	*display: inline; 
} 
.list_link_right {   
	color: #001C81;
	padding-left: 5px;
	vertical-align: top;
	display: inline-block;
	display: -moz-inline-stack;	
	*display: inline;
}
/*** andrew-lviv.net ***/  
.page_button a{color:#000}
.page_body {
	color: #FFFFFF;
	text-align: left;
	background: #4185BE;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
	border-top: 1px solid #95B2BE;
	border-bottom: 1px solid #95B2BE;	
	vertical-align: middle;
}
a.page_button {
	background: #669fc9 url('style2014/button.png');
	color: #FFF;    
	font-weight:bold;  
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 1px #2c5773; 
	margin:2px 2px 2px 2px;
	padding: 3px 7px 3px 7px;
	border: 1px solid #3f759a;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	display: inline-block;  
	display: -moz-inline-stack;
	*display: inline; /*IE*/   
}
a.page_button:hover {
	background: #b9cae1 url('style2014/title.png');
	text-shadow: 1px 1px 1px #182b5d;
	border: 1px solid #a3bdce;    
}
.page_buttonon {
	background: #b0c1ff url('style2014/menu_on.png');
	color: #001c81;
	font-weight:bold;  
	text-align: center;
	margin:2px 2px 2px 2px;
	padding: 3px 7px 3px 7px;
	border: 1px solid #3f759a;	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	display: inline-block;  
	display: -moz-inline-stack;
	*display: inline; /*IE*/
}
/*** andrew-lviv.net ***/
a.text_link {
	background: #d8e8ff;
	color: #071260;
	margin: 2px 2px 2px 2px;
	padding: 3px 5px 3px 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	display: inline-block;  
	display: -moz-inline-stack;
	*display: inline; /*IE*/  
}
a.text_link:hover {
	background: #FF5500;
	color: #fff;
	text-shadow: none;
}
/*** andrew-lviv.net ***/
a.button_link {
	background: #889AA4 url('style2014/title.png');
	color: #071260;
	margin: 2px 2px 2px 2px;
	padding: 1px 5px 1px 5px;
	border: 1px outset #697C87;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
a.button_link:hover {
	background: #FF5500;
	color: #fff;
	text-shadow: none;
}
.button_link_on {
	background: #386197 url('style2014/menu.png');
	color: #fff;
	margin: 2px 2px 2px 2px;
	padding: 1px 5px 1px 5px;
	border: 1px outset #697C87;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
/*** andrew-lviv.net ***/
a.save {
	background: #0f7f26 url('style2014/save.png');
	background-repeat: repeat-x;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 2px #000;
	font-weight: bold;
	margin: -1px -2px -1px -2px;
	padding: 2px 3px 2px 3px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	display: block;
}
a.save:hover {
	background: #4c4c4c url('style2014/save_hover.png');
	background-repeat: repeat-x;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-shadow: none;
	margin: -3px -4px -3px -4px;
	padding: 3px 4px 3px 4px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border: 1px outset #696A71;
	display: block;
}
.save_4mobile {
	background: #0f7f26 url('style2014/save.png');
	background-repeat: repeat-x;
	color: #fff;
	text-align: left;	
	margin: 1px 0px 1px 0px;
	padding: 2px 3px 2px 3px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	vertical-align: middle;
	border: 1px outset #00AF00;
	display: block;
}
/*** andrew-lviv.net ***/ 
a.site_information {
	display: block;
	color: #fff;
	background: #323640;
}
/*** andrew-lviv.net ***/
.text_save {
	color: #fff;
	font-weight: lighter;
	text-shadow: none;
}
/*** andrew-lviv.net ***/
.text_thumbs {
	margin: 2px 2px 1px 2px;
	padding: 2px 8px 2px 8px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px outset #C6CDD8;
}
.text_thumbs_up {
	color: #03B700;
	text-shadow: none;
}
.text_thumbs_down {
	color: #CF0000;
	text-shadow: none;
}
.text_load {
	color: #D30000;
	text-shadow: none;
}
.text_data {
	color: #000000;
	text-shadow: none;
}
/*** andrew-lviv.net ***/
.button_menu_body {
	color: #fff !important; 
	text-decoration: none;
	font-weight: bold;         
	width: 100%;
	height: 34px; 
	display: table;      
}
.button_menu {   
	background: #84aaee url("style2014/menu.png");
	background-repeat: repeat-x; 
	color: #001C81 !important; 
	text-align: center;              
	vertical-align: middle; 
	border: 1px outset #97BAD5;
	display: table-cell;      
}
.button_menu_active {   
	background: #84aaee;
	color: #FFF !important;
	text-align: center;
	text-shadow: 1px 1px 2px #002B71;
	vertical-align: middle; 
	border: 1px outset #97BAD5;
	display: table-cell;
}
.button_menu_off { 
	background: #84aaee;
	background-repeat: repeat-x;  
	color: #A0C1EE !important; 
	text-align: center;             
	vertical-align: middle; 
	border: 1px outset #97BAD5;
	display: table-cell;      
}
.button_menu_body a:hover {
	background: #4981e6 url("style2014/menu_hover.png");
	color: #FFF !important; 
}
/*** andrew-lviv.net ***/
.info {background-color: #FF4F00;  text-align: left; color: #fff; padding:10px 3px 10px 6px;}

.entersize {
	height: 1.5em;
	width: 60%;
}
input:focus, textarea:focus, select:focus {
	background: #FFFFFF;
	color: #000;
	outline: none;
} 
input, textarea {
	background: #FFF url('style2014/input.png');
	background-repeat: repeat-x;
	color: #001657;
	font-size: 16px;
	border: 1px solid #bbf;
	border-radius: 4px;
	padding: 3px 4px 3px 4px;
    margin: 2px 0 4px 0;
}
textarea {
	margin-top: 2px;
    margin-bottom: 4px;
	width: auto;
    max-width: 90%;
}
select {
	background: #F1F2FD;
	color: #001657;
	font-size: 16px;
	border: 1px solid #bbf;
	border-radius: 4px;
	padding: 3px 4px 3px 4px;
    margin: 2px 0 4px 0;
}
input[type="text"],
input[type="number"] {
	padding: 3px 6px 3px 6px;
	max-width: 60%;
}
input[type="radio"] {
	margin: 3px 1px 3px 2px;
	border: 0px solid;
	border-radius: 10px;
	width: 1.15em;
	height: 1.15em;
	vertical-align: middle;
}
input[type="checkbox"] {
	margin: 3px 1px 3px 2px;
	border: 0px solid;
	border-radius: 10px;
	width: 1.15em;
	height: 1.15em;
	vertical-align: middle;
}
input[type="submit"] {
	background: url("style2014/menu_up.png") #d0d7ed;
	background-repeat: repeat-x;
	color: #3450a4;
	margin: 5px 10px 2px 2px;
	padding: 4px 8px 4px 8px;
	border: 1px solid #bbf;
	border-radius: 5px;  
}
input[type="submit"]:hover {
	background: url("style2014/menu_up_hover.png") #b9cae1;
	background-repeat: repeat-x;
} 
form label {
	padding-left: 3px;
	padding-right: 3px;
	display: inline-block;
	vertical-align: middle;
}
form label:hover {
	border-radius: 2px;
	background-color: #b9cae1;
}
ul {
	margin: 0px 0px 0px 10px;
	padding: 1px 1px 1px 10px;
}
li {
	padding: 1px 0 1px 0;
} 
.noselect {
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	/* No support for these yet, use at own risk */
	-o-user-select: none;
	user-select: none; 
}

blink {
	-webkit-animation: blink 1s step-end infinite;
	animation: blink 1s step-end infinite
}
@-webkit-keyframes blink {
	67% { opacity: 0 }
}
@keyframes blink {
	67% { opacity: 0 }
}
/*** andrew-lviv.net ***/
.block {
	text-align: center;
	width: 110px;
	border-radius: 5px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	margin: 2px;
}
.blockup {
	background-color: #ffffff;
	display: table-cell;
	height: 76px;
	width: 110px;
	border-radius: 5px;
	vertical-align: middle;
	text-align: center;
}
.blockdown {
	font-weight: bold;
	font-size: 12px;
	padding: 2px;
	min-height: 40px;
	display: inline-block;
}


table {
    width: 100%;
    border-collapse: collapse;
}

th, td {
    border: 1px solid #C3CDDC;
    padding: 3px;
    text-align: center;
}

th {
    background-color: #f2f2f2;
}

@media screen and (max-width: 320px) {
    table {
        border: none;
    }

    th, td {
        box-sizing: border-box;
        text-align: left;
    }

    th {
        font-size: 10px;
    }
}

/* Hello! Interested in my css code? */