/*
@@@@@@@@@@@@@@@@@@@@@@
UI
@@@@@@@@@@@@@@@@@@@@@@

	about				UIKit

*/

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	setup
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
		
		[class^="UI"]{position:relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
		[class^="UI"]:after{visibility: hidden; display: block;font-size: 0;content: " ";clear: both;height: 0;}

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	UI
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
		
		/*+ UIObject
		..........................................................................*/

			.UIObject{}







	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	UI templates
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
		
		/*+ UISelect
		..........................................................................

			.UISelect{z-index:100; padding:35px 0px 0px 0px;  }
			.UISelect li{width:155px; display:none; margin-top:-1px;}
			.UISelect li a{border:1px solid #c4c4c4; display:block; height:35px; line-height:35px; padding:0px 10px; color:#454545; font-weight:bold; background:#f8f8f8;  }
			.UISelect li a i{}

			.UISelect li.active{display:block; position:absolute; top:0px; right:0px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
			.UISelect li.active a{border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: rgb(255,255,255);background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1)));background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );}
			
			.UISelect:hover li{display:block; }
			
		/*+ UIStarRating
		..........................................................................

			.UIStarRating{display:inline-block; margin-right:10px; text-align:left; width:99px; background: url(../img/UIStarRating.png) no-repeat top left; }
			.UIStarRating > div{width:99px; height:19px; background: url(../img/UIStarratingOn.png) no-repeat top left; }

			.UIStarRating > div.star50{width:99px;}
			.UIStarRating > div.star45{width:90px;}
			.UIStarRating > div.star40{width:80px;}
			.UIStarRating > div.star35{width:70px;}
			.UIStarRating > div.star30{width:60px;}
			.UIStarRating > div.star25{width:50px;}
			.UIStarRating > div.star20{width:40px;}
			.UIStarRating > div.star15{width:30px;}
			.UIStarRating > div.star10{width:20px;}
			.UIStarRating > div.star5{width:9px;}
			.UIStarRating > div.star0{width:0px;}

		/*+ UITab
		..........................................................................

			.UITab{}

			.UITab .tabList{overflow:hidden; z-index:1000; margin:0px 0px -1px 0px; }
			.UITab .tabList li{float:left; margin:0px 10px 0px 0px; }
			.UITab .tabList li a{color:#f04f2d; width:160px; height:50px; line-height:50px; display:block; font-size:16px; text-align:center;  border:1px solid #c6c6c6;  -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px;  border-top-left-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px; }
			.UITab .tabList li.active a{border-bottom:1px solid #fff; }
			.UITab .tabList li:hover a{background-color:#f5f5f5; color:#454545; }
			.UITab .tabList li.active:hover a{background-color:#fff; color:#f04f2d; }

			.UITab .tabBorder{padding:30px 30px; border:1px solid #c6c6c6; background-repeat:no-repeat; background-position:center center;  -moz-box-shadow:0px 2px 3px rgba(0,0,0,0.1); -webkit-box-shadow:0px 2px 3px rgba(0,0,0,0.1); box-shadow:0px 2px 3px rgba(0,0,0,0.1);  -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px;  border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; }

			.UITab .tabContent{display:none; }
			.UITab .tabContent.active{display:block; }

		/*+ UIPageNumbers
		..........................................................................

			.UIPageNumbers{overflow:hidden; display:inline-block; vertical-align:middle;}
			.UIPageNumbers li{float:left; margin:0px 2px;}
			.UIPageNumbers li a{text-align:center; color:#454545; font-weight:bold; font-size:12px; display:inline-block;  border:1px solid #cccccc; width:18px; height:24px; line-height:24px; -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.1); box-shadow:1px 1px 3px rgba(0,0,0,0.1); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;  background: #ffffff;background: -moz-linear-gradient(top, #ffffff 43%, #f5f5f5 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(43%,#ffffff), color-stop(100%,#f5f5f5));background: -webkit-linear-gradient(top, #ffffff 43%,#f5f5f5 100%);background: -o-linear-gradient(top, #ffffff 43%,#f5f5f5 100%);background: -ms-linear-gradient(top, #ffffff 43%,#f5f5f5 100%);background: linear-gradient(to bottom, #ffffff 43%,#f5f5f5 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );}
			.UIPageNumbers li a:hover{background:#eeeeee; }
			.UIPageNumbers li a.active{border:1px solid #3698c8; color:white; background: rgb(60,171,238);background: -moz-linear-gradient(top, rgba(60,171,238,1) 0%, rgba(4,126,198,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(60,171,238,1)), color-stop(100%,rgba(4,126,198,1)));background: -webkit-linear-gradient(top, rgba(60,171,238,1) 0%,rgba(4,126,198,1) 100%);background: -o-linear-gradient(top, rgba(60,171,238,1) 0%,rgba(4,126,198,1) 100%);background: -ms-linear-gradient(top, rgba(60,171,238,1) 0%,rgba(4,126,198,1) 100%);background: linear-gradient(to bottom, rgba(60,171,238,1) 0%,rgba(4,126,198,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3cabee', endColorstr='#047ec6',GradientType=0 );}

			.UIPageNumbers li:first-child a{width:24px; line-height:22px;}
			.UIPageNumbers li:last-child a{width:24px; line-height:22px;}