/*************/
/* TAG RESET */
/*************/
ul {
	margin: 0;
}
ul li {
	list-style-type: none;
}
body {
  font-family: "Segoe UI", Frutiger, Tahoma, "Helvetica", "Helvetica Neue", Arial, sans-serif; 
	font-size:62.5%;
}
a img {
  border: 0;
}



/**************/
/* GRID SETUP */
/**************/
#canvas {
  width: 930px;
  margin: 20px 0px;
}

.line {
  float: left;
  width: 100%;
  display: block;
  position: relative;
}

.item {
  position: relative;
  float: left;
  left: 100%;
}
.cell {
/* change this value to decide the behaviour when a content is wider than the cell that contains it */
  overflow: hidden;
}



/****************************/
/* GRID ELEMENT POSITIONING */
/****************************/
#step_menu {
  margin-left: -90%;
  width: 80%;
}

#templatepicker_left{
  margin-left: -100%;
  width: 25%;
}
#templatepicker_right {
  margin-left: -75%;
  width: 75%;
}

#template_picker_search_bar,
#template_picker_pagination ,
#template_picker_thumbnails,
#template_picker_search_bar {
  margin-left: -100%;
  width: 100%;
}

#template_picker_search_bar input {
	width: 75%;
}
#template_picker_search_bar button{
	width: 20%;
}
#template_picker_search_bar{

}

#template_picker_content{
/*padding-left:20px;*/
}

#templates_list{
padding-left:35px;
}

#template_view_screenshot{
	margin-left: -100%;
	width: 500px;
}
#template_view_screenshot_list{
	margin-left: -195px;
	width: 190px;
	height: 500px;
}







#templatepicker_right .loading_ajax{
	display: none;
	height: 1200px;
	padding: 20% 25%;
}

#templatepicker_right .loading_ajax p{
	padding-left: 5px;
	font-size: 30px;
	font-weight: bolder;
	color: #252A63;
}

.template {
	width: 165px;
	height: 220px;
	float: left;
	margin-right:45px;
}

.template .template_link_choose,
.template .template_link_similar,
.template .template_thumbnail {
	clear: left;
	float: left;
}

.template button{
font-size:11px;
}

.template a{
padding: 2px 2px 2px 2px;
}

.template a:hover{
padding:0;
border: 2px solid #30326D;
}

form {
margin: 0px; display: inline;
}

/************************/
/* SINGLE SECTION STYLES*/
/************************/

/* HEADER MENU */
#header #step_menu li {
  float: left; 
  width: 25%;
}
#menu_container {
display: none;
}

#menu_title{
font-size:16px;
padding: 0px 0px 0px 75px;
line-height:33px;
font-weight:bold;
}

/* TEMPLATE VIEW SCREENSHOT */
#template_view_screenshot .cell{
text-align: center;
}
#template_view_screenshot_list .cell{
	overflow: scroll;
	height: 100%;
}

#template_view_screenshot_list ul{
padding: 0px;
}
#template_view_screenshot_list li{
margin-bottom: 10px;
}

/* NAVIGATION SECTION */
/*.template_pagination li{
display: inline;
}*/

.content_templates_navigation{
clear: both !important;
text-align:center;
}

div.pagination {
margin:6px 2px;
padding:6px 2px;
text-align:center;
padding-bottom:15px;
}

div.pagination span{
clear:both;
width:680px;
}

div.pagination span a {
background-color:#FBFBFB;
border:1px solid #D7D7D7;
color:#8A8A8A;
margin:2px 4px;
padding:2px 6px;
text-decoration:none;
}

div.pagination span.current a{
background-color:#FFFFFF;
border:1px solid #06204E;
color:#06204E;
}

div.pagination span a:hover {
border:1px solid #06204E;
}