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

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;
}

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;
}

.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;
}

#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

 {
	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;
}


@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) {

}