/* Make HTML5 layout elements block elements for older browsers */
header, nav, aside, article, footer, section {
 	display: block;
}

/* SVG Icons - svgicons.sparkk.fr */
.svg-icon { width: 1em; height: 1em; }
.svg-icon path, .svg-icon polygon, .svg-icon rect { fill: #4691f6; }
.svg-icon circle { stroke: #4691f6; stroke-width: 1; }

body{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
        font-size: 13px;
        color: #333333;
        line-height: 1.166;     
        margin: 0;
        padding: 0;
}

h1, h2, h3, h4, h5, h6 {
 	margin: 10px 0 0 0;
	color: #069;
	font-size: 19px;
}

.background{  
    	background-image: url(pix/background.jpg);
    	background-size: cover;
    	background-position: center;
    	height: 595px;
    	width: 100%;
	padding: 0; 
	margin: 0;
} 

a, a:link, a:visited, a:hover{
	color: #069;
        text-decoration: none;
}

header{
	background-color: rgba(255, 255, 255, 0.8);
	/*position: fixed; */
	float: left;
	margin: 0;
	padding: 7px;
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;	
}

nav {
	text-align: center;
        font-size: 14px;
}

nav a {
 	background-color: rgba(255, 255, 255, 0.0);
 	text-align: center;
 	margin: -1px 10px 4px 10px;
 	padding: 3px 8px 3px 8px;
 	text-decoration: none;
 	outline: none;
}

nav a:link, nav a:visited {
}

nav a:hover, nav a:active {
 	background-color: rgba(255, 255, 255, 1.0);
}

#topbar {
        clear: both;
        text-align: center;
        padding: 7px 0px;
	background-color: #3CA85B;
        width: 100%;
 	color: #FFF;
        margin: 2px 0;
        font-size: 16px;
        padding: 12px 0;
        text-decoration: none;
        outline: none;
}

.back {
	display: block;
	margin: -12px 0;
	width: 62px;
	text-align: center;
	float: left;
}

.thumbnails {
	display: block;
	margin: -12px 0;
	width: 166px;
	text-align: center;
	float: right;
}

.back a, .thumbnails a{
	display: block;
	color: #FFF;
	padding: 12px 0;
}

.back a:link, .back a:visited, .thumbnails a:link, .thumbnails a:vistied {
        color: #FFF;   
        background-color: #3CA85B;
}

.back a:hover, .back a:active, .thumbnails a:hover, .thumbnails a:active {
        font-weight: bold;
}

#wrapper {
	display: block;
	padding: 120px 0 0 0;
}

.container {
	background-color: rgba(255, 255, 255, 0.7);
	border-radius: 15px;
	width: 40%;
    	margin: 24px;
    	padding: 15px 35px 45px 25px;
    	max-width: 475px;
    	height: 145px;
}

.container a {
	color: #FFF;
}

.container2 {
	background-color: rgba(255, 255, 255, 0.7);
	border-radius: 15px;
	width: 28%;
    	margin: 24px;
    	padding: 20px 35px 45px 30px;
    	max-width: 375px;
    	height: 135px;
}

.container3 {
	background-color: rgba(255, 255, 255, 0.7);
	border-radius: 15px;
	width: 35%;
    	margin: 28px;
    	padding: 10px 35px 45px 30px;
    	max-width: 435px;
    	height: 360px;
	float: left;
}

.greenbutton {
	background-color: #5AA327;
	float: right;
	border-radius: 4px;
    	color: #FFF;
    	font-weight: bold;
	margin: 9px 0;
    	padding: 7px 15px;
    	text-decoration: none;
    	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}

.bluebutton {
	background-color: #069;
	float: right;
	border-radius: 4px;
    	color: #FFF;
    	font-weight: bold;
	margin: 25px 0;
    	padding: 7px 15px;
    	text-decoration: none;
    	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
		border:0px;
	cursor:pointer;
}
.bluebutton-large {
	background-color: #069;
	float: right;
	border-radius: 4px;
    	color: #FFF;
    	font-weight: bold;
	margin-right:4vw;
	margin-top:2vw;
    	padding: 7px 15px;
    	text-decoration: none;
    	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
		border:0px;
	cursor:pointer;
	font-size:1.2vw;
}

article {
	padding: 0;
	margin: 0;
	width: 100%
}

#main {
        width: 65%;  
        margin: 0;
        padding: 0;
        min-width: 600px; 
        float: left;
}	

#features {
	text-align: justify;
	padding: 35px 0 0 25px;
	margin: 0;
}

.third {
	background-color: FFF;
	width: 33.3333%;
        min-height: 1px;
        float: left;
}

.notice {
  position: relative;
  background: rgb(255, 236, 39);
  border-radius: 3px;
  padding: 2em 2em 1em 5em;
  box-shadow: .4em .4em rgba(111, 93, 39, 1);
  margin: 3em;
  min-height: 2.2em;
}
  .notice a {
    font-weight: bold;
    color: rgb(215, 107, 40);
    text-decoration: underline;
  }
  .notice .svg-icon {
    width: 3em;
    height: 3em;
    position: absolute;
    top: 1em;
    left: 1.5em;
  }
  .notice .svg-icon * {
    fill: rgb(215, 107, 40);
    animation: 1s ease 0s infinite alternate phase;
  }
  @keyframes phase { from { opacity: .2; } to { opacity: 1; }  }

.bluebox {
	background-color: rgba(17, 77, 142, 0.4);
        border-radius: 15px;
	min-height: 1px;
	height: 100px;
	margin: 30px;
	padding: 15px;
}	

.greenbox {
	background-color: rgba(27, 162, 67, 0.4);
        border-radius: 15px;
        min-height: 1px;
	height: 100px;
	margin: 30px;
	padding: 15px;
}

.space { 
	clear: both;
}

.item {
	border: 0px solid #114D8E;
}

.table_view {
  width: 100%;
  border: 1px solid #aaa;
  border-collapse: collapse;
  line-height: 1.8em;
  margin: .3em;
}
  .table_view th {
    border-bottom: 1px solid #aaa;
    font-size: 13px;
    font-weight: normal;
    color: #888;
    text-align: left;
  }
  .table_view .check {
    width: 2.5em;
    text-align: center;
  }
  .table_view tr:nth-child(even) {
    background: rgba(116, 169, 174, 0.18);
  }

.action_button {
  background: grey;
  color: #fff !important;
  padding: .7em 1.5em;
  border-radius: 3px;
  display: inline-block;
  margin: .3em 0 .3em .3em;
}
  .action_button.right {
    float: right;
    margin-right: -.3em;
  }
  .action_button.dark_blue {
    background: #28659A;
  }
  .action_button.light {
    background: #fff;
    color: #28659A !important;
    border: 1px solid #ddd;
  }
  .action_button:hover {
    color: #fff !important;
    background: #000 !important;
    border-color: #000 !important;
    animation: .8s ease 0s infinite alternate phase2;
  }
  @keyframes phase2 { from { opacity: 1; } to { opacity: .75; }  }
  

#about {
	background-color: rgba(17, 77, 142, 0.4);
	padding: 100px;
	margin: 100px 0 0 0;
	text-align: justify;
	clear: both;
}

#faq {
	background-color: rgba(27, 162, 67, 0.4);
	text-align: justify;
	padding: 100px;
}

#pricing {
	text-align: center;
	padding: 100px;
}

aside {
 	width: 166px;
 	margin: -2px 0;
 	padding: 0;
 	float: right;
}

aside a {
 	display: block;
 	text-align: center; 
 	width: 100%; 
 	margin: 2px 0; 
 	font-size: 16px; 
 	padding: 12px 0; 
 	text-decoration: none;
 	outline: none;
}

aside a:link, aside a:visited {
	color: #FFF;
	background-color: #3CA85B;
}

aside a:hover, aside a:active {
	font-weight: bold;
	text-decoration:unset !important;
}

footer {
	font-size: 11px;
        clear: both;
        text-align: center;
        padding: 7px 0px; 
        border-bottom: 1px solid #E2EAEF;
        border-top: 1px solid #E2EAEF;
        background-color: #f3f6f8;
        width: 100%;
        }

#previews {
    float: left;
    width: 50% !important;
    margin-left: -30px;
}

.file-row.dz-image-preview.dz-processing {
    float: left;
}

.members_page nav {

    display: none;
}

.back_links {
	font-size: 35pt;
	font-weight: bold;
	float: left;
	margin-left: 20px;
	/* background: #069; */
	color: #069 !important;
	padding: 0px !important;
	margin-top: -7px;
}

.thumb_links {
	float: right;
	margin-right: 20px;
}

.back_links .unicode {
	background: none !important;
	color: #069;
}

.thumb_links {
	float: right;
	margin-right: 20px;
	margin-top: 20px;
	font-size: 10pt;
	font-weight: bold;
	background-color: #069;
	padding: 10px;
	color: #fff !important;
	margin-bottom: 10px;
}

.logo_top {
	float: left;
	width: auto;
}

.banner_right {
	float: right !important;
	/* width: 30%; */
}


.main_menu_top_link, .main_menu_top_link:visited {
	background: #247cfa;
	padding: 15px;
	font-size: 12pt;
	color: #fff !important;
	font-weight: bold;
	border-radius: 4px;
	float: right;
	/* margin: auto; */
	/* margin-left: 30%; */
	margin-top: 30px;
}

.to_search_text {
	width: 125px;
	margin-bottom: 6px;
	padding: 5px;
	padding-right: 26px;
}



.search_but {
	margin-top: -42px;
	margin-left: 110px;
	width: auto;
}

.table_main {
	width: 100%;
}

.table_wrapper {
	width: 100%;
}

.image_list #main {
	width: 80%;
}

.table_main table {
	width: 100%;
}

.large_thumbs_body .table_before_items {
	width: auto;
	margin: auto;
	margin-left: 20px;
}

.rename_folder_td {
	width: 50%;
	text-align: right;
}

.folder_name_td {
	width: 50%;
	text-align: left;
}

.back_arrow {
	float: left;
	margin-top: -60px;
	margin-left: 3px;
	color: #fff !important;
	font-size: 42pt;
	position: absolute;
	left: 10px;
	/* font-weight: bold; */
}
.bread_crumbs {
	float: left;
	font-size: 9.5pt;
	width: 70%;
	text-align: left;
}


.bread_crumbs span {
	font-weight: bold;
}

.sort_div {
	float: right;
	width: 30%;
	text-align: right;
}

.sort_div select {
	border: 0px;
	padding: 5px;
	font-size: 10.5pt;
}

.control_div {
	float: left;
	width: 98%;
	background-color: #f5f5f5;
	padding: 1%;
	margin-top: 15px;
	margin-bottom: 15px;
}

.control_div .div1 {
	float: left;
	width: 35%;
	text-align: left;
}

.control_div .div2 {
	float: right;
	text-align: right;
	width: 65%;
}

.control_div button {
	width: 80px;
	text-align: center;
}

.control_div span {
	padding-right: 8px;
	padding-left: 5px;
}

.gallery_div, .slide_div, .portfolio_div {
	float: left;
	width: 98%;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 1%;
	padding-right: 1%;
}

.gallery_div label, .slide_div label, .portfolio_div label {
	float: left;
	width: 15%;
	margin-bottom: 10px;
	/* margin-top: 20px; */
	font-weight: bold;
}

.gallery_div input[type="text"], .slide_div input[type="text"], .portfolio_div input[type="text"] {
	width: 72.5%;
	border: 1px solid #ccc;
	padding: 5px;
	float: left;
	margin-right: 1%;
}


.gallery_div a, .slide_div a, .portfolio_div a {
	color: #fff;
	background-color: #069;
	/* padding: 5px; */
	width: 10%;
	float: left;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
}


.gallery_div textarea,
.slide_div textarea,
.portfolio_div textarea
 {
	float: left;
	width: 72.5% !important;
	padding: 5px;
	border: 1px solid #ccc;
	margin-right: 1%;
	/* margin-bottom: 10px; */
}

.gallery_div .view_this,
.slide_div .view_this,
.portfolio_div .view_this {
	/* width: 30%; */
	/* float: left; */
	/* margin-left: 30%; */
	margin-top: 0px;
	/* margin-bottom: 20px; */
	background-color: #3CA85B;
}


.folder_option_table {
	background-color: #f5f5f5;
	margin-top: 10px;
	padding-bottom: 0px;
	line-height: 25px;
	padding-top: 15px;
}


.folder_option_table a {
	color: #fff;
	background-color: #069;
	/* padding: 5px; */
	width: 120px;
	float: right;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
	margin-right: 8px;
}

.folder_option_div input[type="text"] {
	border: 1px solid #ccc;
	padding: 5px;
	margin-left: 50%;
}

.folder_option_div label {
	float: left;
	margin-left: 35%;
	font-weight: bold;
}

.folder_option_div input[type="text"] {
	border: 1px solid #ccc;
	padding: 5px;
	margin-left: 5%;
	float: left;
}

.folder_option_div.title {
	font-size: 12pt;
	padding-top: 0px !important;
}


.large_thumbs_body .btnn,
.small_thumbs_body .btnn,
.small_thumbs_body button,
.preferences .btnn,
.token_manager .btnn

 {
	background-color: #069;
	border: 0px;
	color: #fff;
	padding: 5px;
	width: 100px;
	margin-bottom: 3px;
}


.upload_images #previews {
	width: 96% !important;
	margin-left: 2%;
	margin-right: 2%;
}

.upload_images #main {
	width: 80%;
}

.upload_images #main > table {
	width: 100%;
}

.upload_images #main > table table {
	width: 100%;
}

.upload_images .item input[type="text"] {
	width: 91%;
}

.file-row.dz-image-preview.dz-processing {
	margin: auto;
	width: 60%;
	clear: both;
	float: unset;
}

.upload_images .item .tdone{
	width: 20%;
}

.upload_images .container {
	max-width: unset !important;
}

.ftp_settings #main {
	width: 76%;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 50px;
}

.preferences .main_table {
	width: 100%;
}

.preferences #main {
	margin: auto;
	margin-left: 12%;
	margin-top: 50px;
}

.main_table {
	width: 100%;
}

.btnn.prepbut {
	margin-top: 20px;
	padding: 5px;
	font-size: 13pt;
	width: 300px;
}
.midside input[type="text"],
.midside input[type="password"] {
	width: 50% !important;
}

.login_page .error {
	color: red;
	padding-bottom: 10px;
	float: left;
	font-size: 8.5pt;
}

.edit_image_page .back_arrow {
	margin-top: -28px;
}

header nav {
	text-align: center;
	float:left;
	width:100%;
}

.btnn.create_folder {
	background-color: #069;
	border: 0px;
	padding: 3px;
	color: #fff;
	width: 80px;
}


.image_manager #main {
	width: 85%;
	
}

.image_manager #main table {
	float: left;
	margin-top: 0px;
}

.folder_div {
    /* float: left; */
    width: 150px;
    /* margin: auto; */
    display: inline-block;
    padding-bottom: 20px;
    vertical-align: top;
    padding-left: 5px;
    padding-right: 5px;
   /*  white-space: nowrap;
   text-overflow: ellipsis;
    overflow: hidden;*/
}

.folder_main_div {
	margin: auto;
	width: 100%;
	text-align: center;
	margin-top: 70px;
}

.image_manager #main .main_table {
	float: left;
	margin-top: 70px;
}

.large_thumbs_body .copy-text {
	width: 61% !important;
	margin-right: 2px;
}


.thumb_list_div {
	float: left;
	width: 180px;
	margin-bottom: 10px;
	margin-left: 5px;
	min-height: 178px;
	border: 1px solid #ccc;
}

.common_but.delete_red {
	padding: 7px;
	width: 120px;
	background-color: #ef1919;
	float: left;
	margin-top: 10px;
	color: #000;
	text-align: center;
}

.common_but.rename_but {
	background-color: #069;
	color: #fff;
	padding: 3px;
	width: 120px;
	padding-left: 15px;
	padding-right: 15px;
	cursor: pointer;
}

.control_div.rename_folder_div {
	padding-top: 20px;
	padding-bottom: 20px;
}

.btnn.delete_selected {
	width: 170px;
	margin-bottom: 10px;
	height: 30px;
	margin-top: 5px;
	cursor:pointer;
}

.btnn.move_selected {
	width: 170px;
	height: 30px;
	cursor:pointer;
}

.move_selected {
	height: 30px;
	min-width: 200px;
}

.upload_images .btn {
	background: #069 !important;
	border: 0px;
	border-radius: 0px;
}

.upload_images .btn.btn-warning.cancel {
	background: red !important;
}

.rename_folder_div label {
	text-align: center;
}


.block_info {
	float: left;
	border: 0px solid #ccc;
	width: 100px;
	padding: 10px;
	font-size: 9.2pt;
	color: #fff;
	font-family: tahoma;
}

.block_info div {
	float: left;
	border-radius: 4px;
	width: 100%;
	padding: 3px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.blue_count {
	background-color: #46a3e9;
}

.green_count {
	background-color: #0cc231;
}

.yello_count {
	background-color: #fda800;
}

.block_info label {
	float: left;
}

.block_info span {
	float: right;
}



.copied.cp_gallery_link {
	margin-top: -15px;
}

.copied.cp_auction_gallery {
	margin-top: -10px;
}



.contact_us .form_div {
    margin: auto;
    width: auto;
    max-width: 360px;
    float: right;
    margin-right: 5%;
    margin-top: 70px;
}


.copied.cp_portfolio_code {
	margin-top: -15px;
}

/*********  scideas  *************/
.btn {
	cursor:pointer;
}
.auction_manager {
	
}
.auction_manager #main, .token_manager #main {
	padding-left:3vw;
	padding-top:2vw;
	width:80vw;
}
.btn-nav {
	background-color: #fff;
	border: 1px black solid;
	padding: 0.6vw;
	color: #729dbe;
	width: 11vw;
	border-radius:0.5vw;
	font-size:1.6vw;
}

.btn-filter {
	border: none;
	padding: 0.8vw;
	color: #fff;
	width: 12vw;
	border-radius:0.5vw;
	font-size:1.6vw;
	margin-right:1vw;
	float:left;
}
.filter-buttons {
	width:auto;
	height:5vw;
	padding:1vw;
	padding-left:0;
}
.btn-filter.live {
	background-color:#57b5e3;
}
.btn-filter.sold {
	background-color:#3dc051;
}
.btn-filter.unsold {
	background-color:#ec4f41;
}
.btn-filter span {
	color:white;
	float:right;
	width:auto;
	margin-right:0.5vw;
	text-align:right;
}

.ebay-auth-background {
	background-color:#bfdffb;
}
.ebay-auth-box {
	background-color:white;
	margin-top: 18vh;
	width:60%;
	height:40vh;
	margin-left:20%;
	text-align:center;
	font-weight:bold;
	font-size: 1.6vw;
	padding-top:12vh;
}
#ebay-auth-progress {
	display:inline-block;
	margin-top:0;
	margin-left:0;
	width:100%;
	height:4vh;
	background-color: #bfdffb;
}
#ebay-auth-outer-progress {
	text-align:left;
	margin-top: 5vh;
	display:inline-block;
	width:60%;
	height:4vh;
	border: black solid thin;
}
.reg-complete-box {
	background-color:white;
	margin-top: 12vh;
	width:70%;
	height:60vh;
	margin-left:15%;
	text-align:center;
	font-weight:bold;
	font-size: 1.0vw;
	padding:0.5vw;
	padding-top:12vh;
}
.table {
	display:table;
}
.row {
	display:table-row;
}
.reg-table {
	width:80%;
	margin-top: 2vw;
	margin-left:auto;
	margin-right:auto;
	border-spacing: 0 1vw;
	
}
.reg-table span {
	display:table-cell;
	width:100%;
	height:1.6vw;
	font-size:1.0vw;
	background-color:white;
	text-align:left;
}
.reg-table .label {
	/*padding-top:1vw;*/
}
.reg-table input {
	width:100%;
	height:100%;
	font-size:1.0vw;
	font-weight:normal;
}
.error {
	color:red;
	width:60%;
	text-align:center;
	font-size:0.9vw;
}









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

	.upload_images .item input[type="text"] {
		width: 81%;
	}

		.ftp_settings #main{
	  width:65%;	
	}

	
}

@media only screen and (max-width:1160px) {
		.image_manager #main {
		width: 82%;
	}
	
	
			.image_list label {
			float: left;
			width: 100%;
		}
		a.view_this {
			float: left;
			margin-right: 50px;
		}
	
		.image_list .control_div .div1{
			width: 40%;
		}
		
	   .image_list .control_div .div2{
			width: 40%;
		}
		
		.copied.cp_gallery_link
		{
			margin-top: 10px;
			margin-left: -11.5%;
		}		

		.copied.cp_slideshow_link,
		.copied.cp_portfolio_link
		{   margin-top: 23px;
			margin-left: -11.5%;
		}	
		
		.copied.cp_auction_gallery {
			margin-left: -11.5%;
			
		}
		
		.copied.cp_slideshow_code {
			margin-left: -11.5%;
			margin-top: 25px;
		}

		
		.copied.cp_portfolio_code {
			margin-left: -11.5%;
			margin-top: 13px;
		}
		
}

@media only screen and (max-width:950px) {
	
		.folder_option_div input[type="text"] {
			border: 1px solid #ccc;
			padding: 5px;
			margin-left: 30%;
			float: left;
		}	
	
	   .image_manager #main {
			width: 80%;
		}
	
	    .logo_top {
			float: left;
			width: 50%;
		}

		.banner_right {
			width: 22%;
		}
	
	
		.upload_images #main,
		.image_list #main,
		.ftp_settings #main,
		.preferences #main
		{
			width: 70%;
			margin-left: 0px;
			min-width: 300px;
		}
		
        html, body {
				height: 100%;
				min-width: 900px;
			}
	
}


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

}