/*************************************
   WELCOME TO THE CUSTOM STYLESHEET
--------------------------------------
              style.css
        BlueTrip CSS Framework
    Put your custom styles in here.
***************************************/

/**************************************/
/*           COLOR SCHEME             */
/**************************************/
.red{background-color:Red; }
.light{background-color:#BED742; }
.yellowgreen{background-color:#9ACD32; }
.pink{background-color:#FFB5C5; }
.MistyRose{background-color:#FFE4E1; }
/**************************************/
/*              GLOBALS               */
/**************************************/
body, p, h1, h2, h3, h4, h5, h6, ul, li, ol, dl, dd, dt, form {
    margin: 0;
    padding: 0;
    color:#000
}

html, body
{
        font: 100%/1.4 "ËÎÌåb8b\4f53","Microsoft Yahei","Tahoma","SimSun";
}
textarea, input[type='text'], input[type='password'], select { border: 1px solid #ccc; background: #fff; }
input[type='text'], input[type='password']{height:1.4em;}
input[type='checkbox'], input[type='radio']{height:1.4em;}
select{height:1.8em;}
a {
	color: #000;
	text-decoration:underline;
	font-weight: bold;
}

a:hover {
	color: #444;
}
h1 {
	font-size: 2em;
	color: #2262AD;
	line-height: 1.15em;
	margin: 20px 0 ;
}

p {
	line-height: 1.45em;
	margin-bottom: 20px;
}
.left{text-align: left }
.right{text-align: right }

/*** TABLES ***/
table {
		width: 100%;
		margin-top:0.2em;
		border-collapse: collapse;
	}
	/* Zebra striping */
	tr:nth-of-type(odd) {
		background: #f9f9f9;
	}
	th {
		background: #ffffff;
		font-weight: bold;
	}
	caption, td, th {
		padding: 0.2em;
		border: 1px solid #ccc;
		text-align: left;
	}
/**************************************/
/*              HEADER                */
/**************************************/
header {
    text-align:center;
	background: #FCF16E;
	padding:0;
	padding-top:0.1em;
	width: 70%;
	height: 2.8em;
	position: fixed;
	top: 0;
	left: 15%;
	border:0;
	border-bottom: 0.2em solid #FCF16E;
	z-index: 100;
	*position:relative;
}

#logo{
	margin: 0;
	float: left;
	width: 128px;
	height: 40px;
	background: url(/image/hybz.png) no-repeat center;
	display: block;
}
/**************************************/
/*             NAVIGATION             */
/**************************************/
nav {
	float: right;
	padding: 0;
}
#subMenu{
    float:right;text-align:right;
    margin-right:0.4em;
    color: black;
    font-size:0.9em;
    }
    #subMenu a
    {
        color: black;
        padding-right:0.3em;
        padding-left:0.3em;
        }
#menu-icon {
	display: hidden;
	margin-top:0;
	width: 2.6em;
	height: 2.6em;
	background: #4C8FEC url(/image/menu-icon.png) center;
}

a:hover#menu-icon {
	background-color: #444;
	border-radius: 0.2em 0.2em 0 0;
}

ul {
    overflow: auto;
	list-style: none;
}

li {
    white-space: nowrap;
	display: inline-block;
	float: left;
	padding-left: 0.6em;
}

.current {
	color: #2262AD;
}

section {
	margin: 6em;
	width: 70%;
	position: relative;
}

/*  MAIN LAYOUT	============================================================================= */
		.maincontent{
				clear: both;
				width: 70%; /* 1000px / 1250px */
				font-size: 0.8125em; /* 13 / 16 */
				max-width: 92.3em; /* 1200px / 13 */
				margin: 4em auto 0 auto;
				line-height: 1.5em;
				position: relative;
				*margin-top:0;
			}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/
.box {
margin-top: 0;
border: 0.1em solid #A6A6A6;
-webkit-border-radius: 0.2em 0.2em 0.2em 0.2em;
-moz-border-radius: 0.2em 0.2em 0.2em 0.2em;
border-radius: 0.2em 0.2em 0.2em 0.2em;
background: white;
}
.box-head {
  *zoom: 1;
  color: #595959;
  padding-left:0.2em;
  padding-top: 0.2em;
  height:2em;
  border-bottom: 0.1em solid #a6a6a6;
  background-color: #f5f5f5;
    background-repeat: repeat-x;
    -webkit-border-radius: 0.2em 0.2em 0 0;
    -moz-border-radius: 0.2em 0.2em 0 0;
    border-radius: 0.2em 0.2em 0 0;
    background-image: linear-gradient(top, #fafafa, #ededed);
}
.box-content {
  *zoom: 1;
  background: #fff;
  padding: 0.1em 0.3em;
  -webkit-border-radius: 0 0 0.1em 0.1em;
  -moz-border-radius: 0 0 0.1em 0.1em;
  border-radius: 0 0 0.1em 0.1em;
  line-height:3.5em;
}
.btn {
  display: inline-block;
  border-left: 0.1em solid #cccccc;
    border-right: 0.1em solid #cccccc;
    border-top: 0.1em solid #cccccc;
    border-bottom: 0.1em solid #b3b3b3;
    display: inline;
    min-width:5em;
    font-weight:bold;
  /* IE7 inline-block hack */

  *zoom: 1;
    padding: 0.2em 0.8em 0.2em;
    margin-bottom: 0;
    font-size: 1em;
    line-height: 1.8em;
    color: #333333;
    text-align: center;
    vertical-align: middle;
    background-color: #f5f5f5;
    background-repeat: repeat-x;
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.3em;
    -webkit-box-shadow: inset 0 0.1em 0 rgba(255, 255, 255, 0.2), 0 0.1em 0.2em rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 0.1em 0 rgba(255, 255, 255, 0.2), 0 0.1em 0.2em rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 0.1em 0 rgba(255, 255, 255, 0.2), 0 0.1em 0.2em rgba(0, 0, 0, 0.05);
    cursor: pointer;
    margin-left: .3em;
    background-image: linear-gradient(top, #ffffff, #e6e6e6);
}
.btn-warning {
  background-color: #faa732;
  background-repeat: repeat-x;
    background-image: linear-gradient(top, #fbb450, #f89406);
    border-left-color: #f89406;
    border-right-color: #f89406;
    border-top-color: #f89406;
    border-bottom-color: #ad6704;
}
.btn-success {
  background-color: #5bb75b;
  background-repeat: repeat-x;
    background-image: linear-gradient(top, #62c462, #51a351);
    border-left-color: #51a351;
    border-right-color: #51a351;
    border-top-color: #51a351;
    border-bottom-color: #387038;
}
ul.inline li{display:inline;}
ul.row li{display:table-row;}
/*****************************************/

/**************************************/
/*               FOOTER               */
/**************************************/
footer {
			clear: both;
			width: 70%; /* 1000px / 1250px */
			font-size: 0.8125em; /* 13 / 16 */
			max-width: 92.3em; /* 1200px / 13 */
			margin: 0 auto;
			margin-top:0.2em;
			background-color: #e1e6fa;
		}

/* FORMS ============================================================================= */
.error, .notice, .success {padding:.8em;margin-bottom:.8em;margin-top:.8em;border:2px solid #ddd;line-height:2.5em;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#ffffff;color:#264409;border-color:#C6D880;}

/* RADIO */

input[type="radio"] {
    display:none;
}

label {
    display:inline;
    background-color:#bbb;
    text-align:center;
    padding:0.2em 1em;
    font-weight:bold;
    font-size:1em;
    height:2em;
}
label:hover,label:active {
    background:#A8D423;
    cursor: pointer;
}

input[type="radio"]:checked + label {
    background-color:#ffd700;
}

input[type="checkbox"] {
    display:none;
}

input[type="checkbox"]:checked + label {
    background-color:#ffd700;
}
input[type="checkbox"]:disabled + label { background-color:#e6e5e5; }
 input[type="checkbox"]:checked:disabled + label {background-color:#e6e5e5; }