.view_site{
	/*background: #FFFFFF url('../../img/desktop/grids/view_site_list.png') repeat-x top;*/
	background: #FFFFFF;
	width:1200px;
	height:805px;
	position:relative;
	overflow:hidden;
	-webkit-transform:translate3d(0,0,0);
}

.view_site.on > .component_site_item {
	-webkit-transition:left .7s ease-in-out;
	-moz-transition:left .7s ease-in-out;
	-o-transition:left .7s ease-in-out;
	transition:left .7s ease-in-out;
	left:-940px;
}

/*LIST*/
.view_site > .list {
	position:absolute;
	top:0px;
	left:940px;
	background: #ffffff;
	/* background: #ffffff url('../../img/desktop/grids/view_site_list.png'); */
	width:1000px; /* add margin */
	height:805px;
}

.view_site.on > .list {
	-webkit-transition:left .7s ease-in-out;
	-moz-transition:left .7s ease-in-out;
	-o-transition:left .7s ease-in-out;
	transition:left .7s ease-in-out;
	left:0px;
}

.view_site > .list > .content {
	margin-left:20px;
	margin-right:20px;
	position:relative;
}

.view_site > .list > .content > .header {
	width:900px;
	height:90px;
}
.view_site > .list > .content > .header.off {
	opacity:0;
}
.view_site > .list > .content > .header.on {
	-webkit-transition:all .7s ease-in-out;
	-moz-transition:all .7s ease-in-out;
	-o-transition:all .7s ease-in-out;
	transition:all .7s ease-in-out;
	opacity:1;
}

.view_site > .list > .content > .header > .row1{
	width:900px;
	height:32px;
	float:left;
}
.view_site > .list > .content > .header > .row2{
	width:900px;
	height:30px;
	float:left;
}
.view_site > .list > .content > .header > .row2 > .more{
	float: left;
	padding-left:50px;
}

/* MORE SEARCH BUTTON */
.view_site > .list > .content > .header > .row2 > .more > .component_rounded_button{
	margin-right:3px;
}

/* PAGE ON STATE */
.view_site.on > .list > .content > .header > .row2 > .more{
	display:none;
}
.view_site > .list > .content > .header > .row2 > h1{
	padding-right:10px;
	float: left;
	display:none;
}
/* PAGE ON STATE */
.view_site.on > .list > .content > .header > .row2 > h1{
	display:block;
}

/* FULL LIST */
.view_site > .list > .content > .header > .row2 > .component_button_arrow_text_timer{
	padding-top:15px;
	float: left;
}

.view_site > .list > .content > .header > .row3{
	width:900px;
	height:28px;
	float:left;
}
.view_site > .list > .content > .header > .row3 > #button_prev {
	padding-top:3px;
	float:left;
}
.view_site > .list > .content > .header > .row3 > #button_next {
	padding-top:3px;
	float:right;
}

.view_site > .list  > .content > .thumbnails_container {
	position:relative;
	/*position:absolute;
	top:0px;
	left:70px;*/
}
.view_site > .list  > .content > .thumbnails_container > .component_thumbnails {
	position:absolute;
	top:0px;
	left:500px;	
}
.view_site.on > .list  > .content > .thumbnails_container > .component_thumbnails {
	-webkit-transition:left .7s ease-in-out;
	-moz-transition:left .7s ease-in-out;
	-o-transition:left .7s ease-in-out;
	transition:left .7s ease-in-out;
	top:0px;
	left:0px;
}

/*
SEARCH
*/

.view_site > .search {
	position:absolute;
	top:0px;
	left:1880px;
	background: #f7f7f7 url('../../img/desktop/gradient_e2e2e2-f7f7f7.png') repeat-y left top;
	/*background: #f7f7f7 url('../../img/desktop/grids/view_site_search.png');*/
	width:260px;
	height:805px;
}
.view_site.on > .search {
	-webkit-transition:left .75s ease-out;
	-moz-transition:left .75s ease-out;
	-o-transition:left .75s ease-out;
	transition:left .75s ease-out;
	left:940px;
}
.view_site > .search > .content {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 30px;
}
.view_site > .search > .content > h1.searchfor,
.view_site > .search > .content > h1.searching {
	font-size: 28px;
	padding-bottom:25px;
}
.view_site > .search > .content > h1.searching {
	display:block;
}
.view_site > .search > .content > h1.searchfor.off {
	display:none;
}
.view_site > .search > .content > h1.searching {
	display:none;
}
.view_site > .search > .content > h1.searching.on{
	display:block;
}
.view_site > .search > .content > h1.searching span {
	padding-left: 10px;	
	font-size: 20px;	
}
.view_site > .search > .content > input[type="text"] {
	width:204px;
	padding: 6px 8px;
	font-family: "goodbook";
	font-size: 14px;
	border: 1px solid #d3d3d3;
	background: #e1efef;
	color:#141212;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom:14px;
}
.view_site > .search > .content > span {
	width:222px;
	padding-bottom:25px;
	float:left;
}
.view_site > .search > .content > span > .component_rounded_button {
	float:left;
}
.view_site > .search > .content > span > .component_button_arrow_text {
	padding-top:7px;
	float:right;
}
.view_site > .search > .content > h1.jump {
	font-size: 28px;
	padding-bottom:10px;
	float:left;
}
.view_site > .search > .content > .component_radios {
	margin-bottom:10px;
	float:left;
}
.view_site > .search > .content > .component_dropdown {
	margin-bottom:5px;
}

/*
EOF SEARCH
*/