@charset "utf-8";

a:link, a:active, a:visited {
    color: #0565B2;
    text-decoration: none;
}
.submenu {
background-image: url(http://johncms.cc/theme/default/images/pdr.png);
background-color: #3399cc;
color: #ffffff;
border: 1px solid #5a7f97;
padding: 2px 4px 2px 4px;
margin: -1px -1px 0px -1px;
}
.submenu a {
color: #fff;
}
.submenu img {
vertical-align: -2px;
}

.pagex {
    background-color: #d7d8da;
    border: 1px solid #cecece;
    margin: 4px 0px 0px 0px;
    padding: 1px 4px 1px 4px;
}

.phdr {
	margin-top: 3px;
	margin-left: 1px;
	font-weight: bold;
	background:url(http://skyphonevn.wap.sh/img/iconlogo.PNG) repeat-x top #ffb400;
	font-size: 11px;
	color: white;
	text-align:left;
	height:24px;
}

.phdr a:link {color: #2b5e85;}
.phdr a {color: #fff; font-weight: bold;}


.time {
    color: #0000ff;
    background-color: #ffffff;
    text-align: center;
}

.alarm {
  background: #E61313;
  margin: 0 0 2px 0;
  color: #fff;
  font-weight: bold;
  padding: 3px 0px 3px 4px;
}

.bblist {
  color: #4A5663;
  background: transparent url(images/dot.gif) no-repeat left;
  padding: 2px 0px 2px 10px;
}

.bmenu a, .phdr a {
  color: #fff;
}

.bmenu {
  background: url(images/bmenu.gif) repeat-x top left #a7a7a7;
  margin: 0px;
  color: #fff;
  padding: 2px 4px 4px 4px;
}

.copy {
  border-top: 1px solid #c2c2c2;
  text-align: center;
  color: #3f5864;
  padding: 3px 1px 1px 1px;
  margin: 1px 0;
}

.copy a {
  color: #2688B3;
}

.end {
  text-align: center;
}

.fmenu {
  color: #989898;
  padding-left: 4px;
  padding-bottom: 2px;
}

.fmenu a {
  color: #64819B;
}

.footer {
background: #249ed7 url("/images/tab.png") repeat-x;
margin: -1px -1px 0px -1px;
padding: 4px 10px;
background-color: #3399cc;
border: 1px solid #666666;
color: #ffffff;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.footer a {
color: #fff;
}

.func {
  border-left: 4px solid #2FB0D0;
  color: #757575;
  font-size: 10px;
  padding: 0 0 0 4px;
}
.gres {
    background-image: url(images/grs.png);
    background-color: whitesmoke;
    color: #6d8da3;
    padding: 2px 4px 2px 4px;
    margin: 0px 0px 0px 0px;
}

.gmenu {
  background: #ebf9ff;
  margin: 1px;
  color: #264564;
  padding: 3px 4px 3px 4px;
}

.gray {
  color: gray;
}

.green {
  color: green;
}


/*phan anh xoay*/ 

.mainblok .list1 table img, .mainblok .list2 table img, .mainsub table img {
    padding: 1px;
    margin: 4px 4px 0 0;
    border: 1px solid #d5d5d5;
    transition: all 15s ease;
    -webkit-transition: all 15s ease;
    -moz-transition: all 15s ease;
    transition-delay: 5s;
    -webkit-transition-delay: 5s;
    -moz-transition-delay: 5s;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    border-radius: 2px;
    width: 45px;
    height: 55px;
}
.mainblok .list1 table img:hover, .mainblok .list2 table img:hover, .mainsub table img:hover {
    transition: all 3s ease;
    -webkit-transition: all 3s ease;
    -moz-transition: all 3s ease;
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    position: relative;
    box-shadow: 0px 0px 8px #666;
    -moz-box-shadow: 0px 0px 8px #666;
    -webkit-box-shadow: 0px 0px 8px #666;
    border-radius: 5px;
    width: 90px;
    height: 110px;
}



.newsx {
    background-color: #f2f6f8;
    border-bottom: 1px solid #eaeae9;
    color: #34617e;
    padding: 3px 4px 3px 4px;
    margin: 0 0 0 0;
}

/*phan anh xoay*/ 


.hdr {
  background-color: #f1f1f1;
  border-bottom: 1px solid #595959;
  font-weight: bold;
  padding-left: 2px;
}
.header1 {
    background-color : #5dbef7; 
    color: #ffffff;
    background-image : url(/images/23.gif);
    border: 1px solid #006600;
    background-repeat : repeat-x;
    background-position : 50% top;
    margin-top : 1px;
    margin-bottom : 1px;
    padding : 2px;
}

.header {
padding: 4px 2px 6px 10px;
background: #5dbef7 url(images/head.png) repeat-x 0 0;
border-bottom: 1px solid #246896;
color: #fff;
font-size: 18px;
text-align: center;
margin: 4px 0 0 0;
border-top-left-radius: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
border-top-right-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
}
.header a {
color: #fff;
}

.left {
  float: left;
}

.right {
float: right;
}

.clear {
clear: both;
}
.list3  {
	background-image : url(/images/tmn.gif);
	background-repeat : repeat-x;
	background-position : 50% top;
	margin-top : 1px;
        margin-bottom : 1px;
	padding : 2px;
	border : 1px solid #e1e1e1;
}

.list3 img {
max-width: 96%;
border-radius: 1px;
}
.list3 a:link {
	color: #FF0000;
}

.list4  {
	background-image : url(/images/tmn.gif);
	background-repeat : repeat-x;
	background-position : 50% top;
	margin-top : 1px;
        margin-bottom : 1px;
	padding : 2px;
	border : 1px solid #e1e1e1;
        font-weight: bold;
}
.list5 {
    background-color: #fff;
    border-bottom: 1px dashed #DDD;
    padding: 3px 3px 3px 3px;
    margin: 0px 0px 0px 0px;
}
.list4 img {
max-width: 96%;
border-radius: 1px;
}
.list4 a:link {
	color: #0565B2;
}

.logo {
  background: #2e4354;
  padding: 0px 0 2px 0;
}

.logo a {
	color:#ffffff;
}

.item {
	border-bottom: 1px dotted #ddd;
	padding: 3px;
}
.logo {
  background: #2e4354;
  padding: 0px 0 2px 0;
}

.logo a {
	color:#ffffff;
}

.maintxt {
    border-left: 2px solid #5dbef7;
    border-right: 2px solid #5dbef7;
    background-color: #ffffff;
    color: #606060;
    padding: 3px 2px 3px 2px;
}
a.pagenav {
    border: 1px solid #417394;
    background-color: #f2f6f8;
    padding: 0px 4px 0px 4px;
    text-decoration: none;
}

a.pagenav:hover {
    background-color: #f2f6f8;
    border: 1px solid #417394;
}
.mainblok {
    border: 1px solid #97a4c4;
    margin: 1px 0px 5px 0px;
}
.textx {
    background-color: #ffffff;
    border-bottom: 1px solid #ededed;
    color: #333333;
    padding: 2px 2px 4px 2px;
    margin: 2px 4px 2px 4px;
}
.forumtxt {
    background-color: #ffffff;
    color: #333333;
    padding: 5px 3px 5px 3px;
    font-size: 14px;
    font-family: "Times New Roman", Times, serif;
}
.subcontent {
    background-color: #ffffff;
    color: #333333;
    padding: 4px 2px;
    font-size: 14px;
    font-family: "Times New Roman", Times, serif;
}
.mainblok .forumtxt img {
    padding: 1px;    
    border: 0px solid #d5d5d5;
    border-radius: 2px;
}
.mainblok .forumtxt img:hover {
    box-shadow: 0px 0px 10px #666;
    -moz-box-shadow: 0px 0px 10px #666;
    -webkit-box-shadow: 0px 0px 10px #666;
    border-radius: 5px;
}