/* --------------- General Section -----------*/

	@font-face {
		font-family: 'TitilliumText22LThin';
		src: url('TitilliumText22L001-webfont.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}
	.fps_wraper *{margin:0; padding:0;}
	.fps_wraper {min-height:500px}
	
	.box-margin-top{margin-top:30px}
	
	.fps_wraper input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]),
	.fps_wraper textarea{
		-webkit-transition: all 0.30s ease-in-out;
		-moz-transition: all 0.30s ease-in-out;
		-ms-transition: all 0.30s ease-in-out;
		-o-transition: all 0.30s ease-in-out;
		outline: none;
		padding: 8px 5px;
		border: 1px solid #ccddaf;
		background: #fff;
		min-width:200px;
		-webkit-border-radius:2px;
		-khtml-border-radius:2px;
		border-radius:2px;
	}
	
	.fps_wraper select{
		-webkit-transition: all 0.30s ease-in-out;
		-moz-transition: all 0.30s ease-in-out;
		-ms-transition: all 0.30s ease-in-out;
		-o-transition: all 0.30s ease-in-out;
		outline: none;
		padding: 2px 5px 2px;
		border: 1px solid #ccddaf;
		min-width:55px;
		background:#fff;
		display:inline-block;
		-webkit-border-radius:2px;
		-khtml-border-radius:2px;
		border-radius:2px;
	}

	.fps_wraper option{
		height:28px;
		line-height:28px;
	}     
	
	.fps_wraper @-moz-document url-prefix(){
		select{
			padding-right:7px;
		}
		option{
			height:15px;
			padding:1px 2px 3px;
		}
	}
	
	.fps_wraper input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):focus,
	.fps_wraper textarea:focus, .fps_wraper select:focus{
		box-shadow: 0 0 5px rgba(110, 146, 49, 1);
		border: 1px solid rgba(110, 146, 49, 1);
		background-color: #f6f6f6;
		outline: 0 none;
	}

	.fps_wraper input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):disabled,
	.fps_wraper textarea:disabled, .fps_wraper select:disabled{
		background:#fdfdd3;
		border: 1px solid #f2f2f2;
	}
	
	.fps_wraper input[type=number]::-webkit-inner-spin-button, 
	.fps_wraper input[type=number]::-webkit-outer-spin-button { 
	  -webkit-appearance: none; 
	  margin: 0; 
	}

	.fps_wraper input[type=number] {-moz-appearance:textfield;}
	
	.fps_wraper input.small:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]){
		min-width:50px;
		width:50px;
	}

	.fps_wraper input.medium:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]){
		min-width:90px;
		width:90px;
	}

	.fps_wraper h1{font-size:30px;font-weight:lighter}
	.fps_wraper h2{font-size:24px;font-weight:lighter}
	.fps_wraper h3{font-size:18px;font-weight: 400; }
	.fps_wraper h4{font-size:16px;font-weight: 400; }
	.fps_wraper h5{font-size:12px;font-weight:lighter}
	.fps_wraper h6{font-size:11px;}
	
    .fps_wraper h1,.fps_wraper h2,.fps_wraper h3,.fps_wraper h4,.fps_wraper h5,.fps_wraper h6 {
        line-height: 1.25;
		border:none;
		margin:0;        
    }

/*---------------  Page Title -------------*/

	.fps_wraper .page-title {
		/*background: #f9f9f9;*/
		display: block;
		position: relative;
		padding:0;
		margin-bottom:0;
		color:#666;
		/*border-bottom:#e2e2e2 1px solid;*/
		font-family: 'TitilliumText22LThin', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
		border:none;
	}

/*---------------  Left Box -------------*/
	.fps_wraper .left-box{
		/*border:1px solid #096;*/
		display:inline-block;
		position:relative;
		width:590px;
	}
	
/*---------------  Side Bar -------------*/
	.fps_wraper .side-bar{
		/*border:1px solid #e2e2e2;*/
		display:inline-block;
		float:right;
		min-height:50px;
		width:350px;	
		border-left:1px solid #e2e2e2;
		padding-left:20px;
	}

/*---------------  input box -------------*/
	.input-box{
		display:block;
		position:relative;
		padding:10px 10px;
		background:rgba(255,255,255,.8); /*#fff;*/
		border:1px solid #ccddaf;
		margin:10px 0;
		-webkit-border-radius: 2px;
		-khtml-border-radius: 2px;
		border-radius:2px;
	}
	
	.input-box li{
		display:block;
		position:relative;
		margin:20px 0;	
	}

	.input-box li:first-child{margin-top:0}
	.input-box li:last-child{margin-bottom:0}
	
	.input-box input,
	.input-box select{margin-right:5px}

	.input-box li label{
		display:inline-block;
		width:190px;
		margin-right:5px;
	}
	
	.input-box li aside{
		display:inline-block;
	}
	.input-box li.right aside input{margin-left:5px; margin-right:0;}
	
	.input-box .captcha figure{display:inline-block; border:1px solid #28538E; border-radius:2px; vertical-align:middle}
	.input-box .captcha figcaption{margin-left:10px;display:inline-block; vertical-align:middle}
	.input-box .captcha figcaption a img{display:inline-block; vertical-align:middle;}

/* --------------- Listing Section -----------*/
	.grid-wraper {
		display:block; 
		position:relative;
		margin:0;
		padding:0;
		font-family:  Arial, sans-serif;;
		font-size:14px;
		line-height:18px;
		color:#444444;
	}
	
	.grid-options-wraper{
		display:block;
		position:relative;
		margin:0 auto 30px;
		border:1px solid #ccddaf;
	}

	.notopmargin{margin-top:0;}
	
	.grid-options-wraper > li{display:block; position:relative; border-top:1px solid #ccddaf;}
	.grid-options-wraper > li:first-child{border-top:none}
	
	.grid-options{
		display:table;width:100%;
		background:rgba(255,255,255,.5);
	}
	
	#grid-options li,
	.grid-options ul{margin:0;padding:0;}

	.grid-options li{
		display:table-cell;
		vertical-align:middle;
		padding:0;
		margin:0; 
	}
	.grid-options li div{display:inline-block;}	
	
	.grid-options li label,
	.grid-options li select,
	.grid-options li input{margin:5px; vertical-align:middle;}

	.grid-options li img{display:inline-block; vertical-align:middle; margin-top:10px;margin-left:5px;}

/* --------------- Data Grid -----------*/

	
	.data-grid{padding: 1px 2px;border-radius:2px;	border:1px solid #ccddaf;}
	.data-grid ul{margin:0;padding:0;}

	.data-list{display:table;table-layout: fixed; width:100%;border-top:1px solid #FBFBFB;border-bottom:1px solid #FBFBFB;}
	.data-list > li.checkbox{width:10px;padding:15px 5px;}
	.data-list > li.action{width:100px;padding:10px;}
	.data-list > li.action img{display:inline-block; vertical-align:middle; margin-right:5px;}
	.data-list > li.one{width:100px;}
	.data-list > li.two{width:200px;}
	.data-list > li.three{width:300px;}

	.data-grid input.small:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]){
		padding:5px;
	}

	.data-list > li{
		display:table-cell;
		vertical-align:top;
		padding:10px;
		margin-bottom:2px;
	}

	.oddRow {background-color: rgba(241,241,241,.9); /*#f1f1f1;*/}
	.evenRow {background-color: rgba(234,239,247,.9); /*#eaeff7;*/}
	.oddRow:hover,
	.evenRow:hover{background-color:rgba(235,246,224,.9); /*#EBF6E0;*/}

	.data-list > li  ul li{display:block;padding:3px 0;}
	.data-list > li  ul li strong{margin-right:5px;}

	.data-list a.detail{
		background:url(../images/detail-show.png) no-repeat;
		padding:1px 10px;	
	}
	.data-list a.detail.hide{
		background:url(../images/detail-hide.png) no-repeat;
		padding:1px 10px;	
	}
	
	
	.grid-bottom{margin:10px auto 0; height:20px;display:block}

	.animation_image {display:none}
	.animation_image img{margin:0 auto}



/* --------------- Team List -----------*/
	.team-list {margin-right:0px; margin:0; padding:0;display:block; position:relative;}
	
	.team-list li {margin:0; padding:0; margin-bottom:2px;display:block; position:relative;}
	.team-list li:last-child {margin-bottom:0;}
	.team-list li figure{display:inline-block; vertical-align:middle; padding:5px ;}
	.team-list li figure img{width:50px;margin:0; padding:0; display:block}
	.team-list li figcaption{display:inline-block;vertical-align:middle;margin:0; padding:0;}
	
	.team-list li figcaption div{display:inline-block; width:230px; vertical-align:middle;margin:0; padding:0;}
	.team-list li figcaption a.detail{
		display:inline-block;
		background:url(../images/detail-show.png) no-repeat;
		padding:11px 10px;
		vertical-align:middle;
	}
	.team-list li figcaption a.detail.hide{
		background:url(../images/detail-hide.png) no-repeat;
		padding:11px 10px;
	}

/*---------------  Item Detail -------------*/
	
	.item-detail {display:none; position:relative;margin:0; padding:0;}
	.item-detail ul,
	.item-detail li{margin:0; padding:0}
	.line-item {display:table; position:relative; table-layout:fixed; width:100%; border-top:1px solid #e2e2e2;margin:0; padding:0}
	.line-item.notopborder{border-top:none;}
	.line-item li{display:table-cell; padding:5px; margin:0;}
	.line-item li.thirty{width:30px}
	.line-item li.one{width:80px}


/* --------------- Common -----------*/

	.center{text-align:center; vertical-align:middle}
	.right{text-align:right;}
	
	.fps_wraper .btn{
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;
		border-radius: 4px;
		background:#6E9231;	
		/*background:url(../images/btn_bg.jpg) repeat-x;*/
		font:14px Tahoma, Geneva, sans-serif;
		font-weight:bold;
		color:#fff;
		border:1px solid #6E9231;
		border-bottom:2px solid #5c772f;
		text-shadow:0px 0px 1px #000;
		padding:5px 10px;
	}
	
	.fps_wraper .btn:hover{
		cursor:pointer;
		background:#7AB317;
		color:#fff;
		text-shadow:0px 0px 1px #000;
	}

	.fps_wraper .clearFix{clear:both}

	.ajax-loading{
		/*border:1px solid #093;*/
		background:url(../images/loading26.gif)no-repeat;
		padding:14px;
		top:50%;
		left:50%;
		display:none;
		position:absolute;
		text-align:center;
		margin:5px 0;	
		margin:-14px 0 0 -14px;
	}

@media only screen and (max-device-width: 320px){

	.fps_wraper{
		max-width:320px;
		padding:0;
	}
	
	.left-box{
		max-width:300px;
		margin:0;
	}
	
	.side-bar{
		float:none;
		display:block;
		max-width:320px;
		magrin:0;
		padding:0;
		border-left:none;
	}

	.input-box {max-width:300px; margin:0; padding:10px}
	.input-box li label,
	.input-box li aside	{display:block}
	
	.team-list {margin:30px 0 0 0; padding:0; float:none}
	.team-list li figure,
	.team-list li figcaption {display:block}
	.team-list li figcaption div{width:270px; padding:5px}

}

@media only screen and (min-device-width: 321px) and (max-device-width:768px){

	.fps_wraper{
		max-width:360px;
		padding:0;
	}
	
	.fps_wraper .left-box{
		max-width:340px;
		margin:0;
	}
	
	.fps_wraper .side-bar{
		float:none;
		display:block;
		max-width:340px;
		magrin:0;
		padding:0;
		border-left:none;
		/*border:1px solid blue;*/
	}

	.input-box {max-width:340px; margin:0; padding:20px}
	.input-box li label,
	.input-box li aside	{display:block}

	.team-list {margin:30px 0 0 0; padding:0; float:none; display:block}
	.team-list li figcaption div{width:240px; padding:5px}

}