@charset "utf-8";
/* CSS Document */

body{
	margin:0px;
	font:100% Tahoma,DilleniaUPC,Courier New,Courier, monospace;
	font-size:13px;
	color:#666;
	background-image:url(../images/sewn-stripes-pattern.jpg);
	background-attachment:fixed;
}



/* part other */
a{ text-decoration:none; color:#666;}
a:hover{ text-decoration:none; color:#09F;}
td{padding-left:5px; padding-right:5px;}
th{background-color:#09F; color:#FFF; padding:8px;}
.inputs{border:1px solid #ddd; padding:4px 7px; outline:none; margin:4px;} 
#overlay{ display:none; z-index:2000; position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,.3);} 



/* part content */
.blog_body{ background-color:#FFF; box-shadow:0px 3px 15px rgba(0,0,0,.35); min-width:1000px;}
#tab_home{padding:0px}
#tab_home li{display:inline-block; margin:0px 3px 0px 0px; float:left; padding:7px 12px; color:#999; border-top-left-radius:5px; border-top-right-radius:5px; background-color:#eee; cursor:pointer; }
.tab_title_active{background-color:#FC0 !important; color:#333 !important;}
#tab{ height:200px; padding:10px; border:1px solid #FC0; margin-top:29px; z-index:99; position:relative; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
#btn_link{padding:5px 0px;}
#btn_link li{display:block;
	background: #499bea; /* Old browsers */
	background: -moz-linear-gradient(top,  #499bea 0%, #207ce5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499bea), color-stop(100%,#207ce5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #499bea 0%,#207ce5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); /* IE6-9 */
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	text-indent:0;	padding-top:5px; margin:4px auto; border:0px solid #005dcf;	display:inline-block; color:#ffffff; height:60px; width:235px; text-decoration:none;	text-align:center;
	box-shadow:0 2px 3px rgba(0,0,0,.4);
}
#btn_link #topic_link{font-weight:bold; font-size:14px; color:#fff;}
#btn_link #sub_link{color:#FC0;}

/* search advance */
.input_search{border:1px solid #FC0; outline:none; padding:4px 7px; color:#666;}
.submit_search{border:1px solid #FC0; outline:none; padding:4px 7px; color:#000; background-color:#FC0;}

/* pop research */
#pop_research li{display:block; padding:10px 5px 10px 5px; border-bottom:1px dotted #ddd;}
#pop_research li:hover{ background-color:#f5f5f5;}

/* link research */
#link_research{padding:7px 15px 0px 10px !important;}
#link_research li{display:block; padding:5px; border-bottom:1px dotted #ddd; margin:0px; width:210px;}


/* list_research */
#list_research{padding:0px; margin:10px 0px;}
#list_research li{list-style:none; padding:3px 5px;}


/* part header */
.header{ padding-top:10px;}

#login-content {  display: none;  position: absolute; margin-top:5px; right: 0;  z-index: 999;  background: #fff;  background-image: linear-gradient(top, #fff, #eee); padding: 15px; box-shadow: 0 3px 5px -1px rgba(0,0,0,.3);}
#login-content { right: 0;}
#inputs {border:0px;}
#inputs input {  background: #f1f1f1; padding: 8px 5px 8px 30px; margin: 0 0 5px 0; width: 200px; border: 1px solid #ccc; border-radius: 3px; box-shadow: 0 1px 1px #ccc inset;}
#inputs input[name='name'] {background-image:url(../images/name.png); background-repeat:no-repeat;	background-size:20px 20px;	background-position: 5px 6px;}
#inputs input[name='pass'] {background-image:url(../images/key.png); background-repeat:no-repeat; background-size:20px 20px; background-position: 5px 6px;}
#inputs input:focus { background-color: #fff;  border-color: #e8c291;  outline: none;  box-shadow: 0 0 0 1px #e8c291 inset;}

/* --- form search */
#searchform { margin-top:11px;  }
#searchform div { color:#eeeeee; }
#searchform div input { font-size:13px; width:320px; color:#777; }
#suggestions{ position:absolute; left:170px; width:310px; display:none; z-index:920; margin-top:2px; background-color:#FFF; box-shadow:0px 3px 7px rgba(0,0,0,.2);}
#suggestions li{ padding:4px 5px; border-bottom:1px dotted #CCCCCC;}
.searchheading{ font-weight:bold;}

#more a{ display:block; background-color:#09F; clear:left; height:auto; text-decoration:none; padding:5px; font-size:13px; color:#FFF; font-weight:bold;}

#searchform input {	outline: none; height: 30px; width: 100%; padding-left: 25px; background: #f4f4f4 url(../images/search.png) 8px 9px no-repeat; border-width: 0px; border-style: solid; border-color: #a8acbc #babdcc #c0c3d2; border-radius: 13px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 0 1px #e5e7ed, 0 1px 0 #fcfcfc; -moz-box-shadow: inset 0 1px #e5e7ed, 0 1px 0 #fcfcfc; -ms-box-shadow: inset 0 1px #e5e7ed, 0 1px 0 #fcfcfc; -o-box-shadow: inset 0 1px #e5e7ed, 0 1px 0 #fcfcfc; box-shadow: inset 0 1px #e5e7ed, 0 1px 0 #fcfcfc;}

#searchform input:focus {
    outline: none;
    border-color: #66b1ee;
    -webkit-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
    -moz-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
    -ms-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
    -o-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
    box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
}



/* alert */
#alert-form{padding:10px; border-radius:5px; box-shadow:0px 3px 5px rgba(0,0,0,.2); border:1px solid #FFA67C; background-color:#FFE1D3; margin-top:30px; color:#F76A60; } 


/* icon */
#icon-menu{font-size:40px; margin-bottom:4px;}
#icon-option{font-size:18px;}


/*auto page 
***********************/
 a.selectPage{
	background-color:#0A85CB !important;
	color:#FFFFFF !important;
}


/* manager admin */
#menu_manager{padding:0px;}
#menu_manager li{display:block; list-style:none; padding:5px; border:1px solid #ccc; background-color:#f4f4f4; border-radius:5px; margin:3px auto;}
#menu_manager .active{border:1px solid #298DE5; background-color:#63A8E8; color:#FFF;}

#sub_menu{padding:0px;}
#sub_menu li{display:inline-block; list-style:none; padding:5px; border:1px solid #ccc; border-radius:5px; margin:3px; width:110px; height:80px; cursor:pointer;}
#sub_menu .active{border:1px solid #298DE5; background-color:#63A8E8; color:#FFF;}

/* part footer */
.footer{padding:15px; color:#CCC; background-color:#333; margin-top:15px;}