@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,700&subset=latin,latin-ext);

/* GENERAL */
body { background:#fff; font-family: 'Open Sans', sans-serif; min-width:320px; }
html, body { margin:0; padding:0; height:100%; }
.wrapper { max-width:1060px; margin:auto; padding:0 5px; }
.clear { clear:both; }
.clear-footer { clear:both; padding-bottom:120px; }
body, table, ul, li, a, td, h1, h2, h3, span, p { padding:0; margin:0; }
a, a:hover, a:link, a:visited { color:inherit; text-decoration:none; outline:none; }
table { width:100%; }
.sponsored { font-size:11px; font-weight:bold; padding-bottom:2px; }
.ad-wrapper { display:inline-block; text-align:left; }
input[type=checkbox] { vertical-align: middle; position: relative; bottom: 4px; right:5px; margin-left:5px; }
.body-wrapper { min-height:100%; position:relative; }

/* HEADER */
header { background:#313131; border-top:3px solid #19b5fe; color:#fff;  }
header .buttons { float:right; padding:0; margin:0 0 0 10px; }
header .buttons a:hover { text-decoration:underline; }
header .upload { float:left; background:#19b5fe url(../img/icon-header-upload.png) no-repeat 7px; background-size:12px; font-size:13px; border-radius:0 0 5px 5px; margin-right: }
header .upload a { display:block; padding:7px 5px 7px 25px;}
header .upload a:hover { text-decoration:none; }
header .login-register-group { float:right; font-size:15px; margin-top:5px; }
header .logo a { z-index: 99; position:relative; }
header .login-register-group .login-register { width:145px; }
header .login { float:left; text-align:center; width:45%; border-right:1px solid #4b4b4b; }
header .register { float:right; text-align:center; width:55%; }
header .login-register-group .usermenu-dropdown { text-align:right; margin:-2px 0;  }
header .login-register-group .usermenu-dropdown img { margin-left:5px; }
header .login-register-group .usermenu-dropdown .settings-button { color:#fff; background:#313131; border:0; padding:0; margin:0; font-size:12px; text-align:right; margin-left:15px; font-weight:bold; }
header .login-register-group .usermenu-dropdown .settings-button:hover { text-decoration:underline; }
header .login-register-group .usermenu-dropdown ul { margin-top:10px; background:#4b4b4b; border:none; font-size:12px; min-width:50px; }
header .login-register-group .usermenu-dropdown li img { margin-right:10px; }
header .login-register-group .usermenu-dropdown .divider { background:#fdfdfd; margin:5px; }
header .login-register-group .usermenu-dropdown a { color:#fff; padding:4px 10px 4px 5px; margin:0; }
header .login-register-group .usermenu-dropdown a:hover { background:none; }
header .upload { font-size:15px; background:#19b5fe url(../img/icon-header-upload.png) no-repeat 7px; background-size:auto; }
header .upload a { padding:5px 10px 7px 30px; }
header .login-register-group .usermenu-dropdown .settings-button { font-size:14px; } 

/* HEADER INDEX */
.header-index .logo { float:none; text-align:center; margin-top:50px; }
.header-index .buttons { float:none; margin:auto; margin-top:-150px; padding:50px 0 110px 0; }
.header-index .text { float:none; font-style:italic; display:none; text-align:center; padding-top:22px; margin:0 320px 0 200px;  }
.header-index .login-register-group .usermenu-dropdown .settings-button { font-size:12px; }
.header-index .upload { font-size:12px; }
.header-index .upload a { padding:8px 8px 7px 28px; }

@media (min-width: 480px) {
	.header-index .login-register-group .usermenu-dropdown .settings-button { font-size:14px; } 
	.header-index .upload { font-size:15px; }
	.header-index .upload a { padding:5px 10px 7px 30px; }
}
@media (min-width: 600px) {
	.header-index .logo { float:left; padding:15px 0; margin:0; }
	.header-index .buttons { float:right; padding:0; margin:0; max-width:100%; }
}
@media (min-width: 768px) {
	.header-index .text { font-size:19px; padding-top:22px; }
}
@media (min-width: 980px) {
	.header-index .text { display:block; font-size:20px; }	
}
	
/* HEADER SEARCH FULL ( LOGOS )  */
.header-full .wrapper { max-width:100%; padding:0 5px; }
.header-full .logo { float:none; padding:50px 0 15px 0; text-align:center; }
.header-full .search { float:none; padding:50px 0 10px 0; margin:0; }
.header-full .search .bar .search-text { height:36px; font-size:14px; }
.header-full .search .bar .search-submit { height:36px; font-size:14px; }
.header-full nav { margin:0 -10px; }
.header-full .nav-bar .text { display:none; }
.header-full .buttons { float:none; margin:auto; margin-top:-161px; padding:50px 0 60px 0; }
.header-full .login-register-group .name-dropdown .settings-button { font-size:12px; }
.header-full .upload { font-size:12px; }
.header-full .upload a { padding:8px 8px 7px 24px; }
.header-full nav .sub-link-second { margin:0; }

@media (min-width: 480px) {
	.header-full .login-register-group .name-dropdown .settings-button { font-size:14px; } 
	.header-full .upload { font-size:15px; }
	.header-full .upload a { padding:5px 10px 7px 30px; }
	.header-full .search .bar .search-text { height:46px; font-size:16px; }
	.header-full .search .bar .search-submit { height:46px; font-size:16px; }
}
@media (min-width: 600px) {
	.header-full .logo { float:left; padding:30px 0 15px 0; }
	.header-full .search { margin:0 0 0 205px; }
	.header-full .buttons { float:right; padding:0; margin:0; max-width:100%; }
}
@media (min-width: 768px) {
	.header-full nav .sub-link-second { margin-left:-90px; }
	.header-full .wrapper { padding:0 15px; }
	.header-full .search .bar { max-width:100%; }
}
@media (min-width: 930px) {
	.header-full nav { margin-left:215px;  }
	.header-full .search { padding:25px 0 0 0; margin:0 365px 0 215px; }
	.header-full .search .bar { margin:0; max-width:530px; }
	.header-full .logo { padding:25px 0; }
}
@media (min-width: 1020px) {
	.header-full nav .sub-link-second { margin-left:0; }
}
	
/* HEADER SEARCH LIMITED ( LOGO DETAIL ) */
.header-limited .logo { float:none; padding:54px 0 15px 0; text-align:center; }
.header-limited .search { float:none; margin:0;  padding:45px 0 10px 0; }
.header-limited .search .bar { max-width:100%; }
.header-limited .search .bar .search-text { height:36px; font-size:13px; }
.header-limited .search .bar .search-submit { height:36px; font-size:14px; }
.header-limited .buttons { float:none; margin:auto; margin-top:-115px; padding:0 0 70px 0; }
.header-limited .login-register-group .usermenu-dropdown .settings-button { font-size:12px; } 
.header-limited .upload { font-size:12px; }
.header-limited .upload a { padding:8px 10px 7px 28px; }

@media (min-width: 380px) {
	.header-limited .search .bar .search-text { height:46px; font-size:14px; }
	.header-limited .search .bar .search-submit { height:46px; }	
}
@media (min-width: 480px) {
	.header-limited .login-register-group .usermenu-dropdown .settings-button { font-size:14px; } 
	.header-limited .upload { font-size:15px; }
	.header-limited .upload a { padding:5px 10px 7px 30px; }
}
@media (min-width: 600px) {
	.header-limited .logo { float:left; padding:30px 0 15px 0; }
	.header-limited .search { margin:0 0 0 230px; }
	.header-limited .search .bar .search-text { font-size:16px; }
	.header-limited .search .bar .search-submit { font-size:16px; }
	.header-limited .buttons { float:right; margin:0 0 0 10px; max-width:360px; padding:0; }
}	
@media (min-width: 768px) {
	.header-limited .search .bar { max-width:100%; }
}
@media (min-width: 980px) {
	.header-limited .logo { padding:15px 0; }
	.header-limited .search { margin:0 315px 0 210px; padding:15px 0 0 0; }
}

/* NAV */
header .nav-bar { background:#393939; }
header nav { float:left; border-left:1px solid #2b2b2b; margin-left:-5px; }
header nav .link-first { float:left; border-right:1px solid #2b2b2b; background:#404040; }
header nav .link-first:hover { background:#4b4b4b; }
header nav .link-first .content { padding:4px 14px; display:block; font-size:12px; }
header nav .link-first .content img { margin-left:3px; width:7px; }
header nav .link-first:hover >.sub-link { display:block; }
header nav .sub-link { background:#4b4b4b; position:absolute; font-size:16px; display:none; z-index:9999; padding-bottom:0; width:100%; min-width:320px; }
header nav .sub-link h1 { font-weight:bold; color:#19b5fe; font-size:inherit; margin-top:4px; }
header nav .sub-link .first { float:none; padding:0 3px; margin:15px 0; width:100%; }
header nav .sub-link .first li { padding:5px; display:block; float:left; font-size:11px; }
header nav .sub-link .first div { display:none; float:left; width:20px; }
header nav .sub-link .first li img { width:16px; margin-top:-2px; }
header nav .sub-link .first .first-block { border:none; padding:10px 0; margin:auto; max-width:320px; }
header nav .sub-link .first .first-block a:hover { color:#bfbdbd; }
header nav .sub-link .first .second-block { display:none; }
header nav .sub-link .first .second-block a { font-size:13px; padding:0 3px; }
header nav .sub-link .first .second-block a:hover { color:#bfbdbd; }
header nav .sub-link .second { float:none; padding:10px 10px 0 10px; margin:15px 0 0 0; border:none; }
header nav .sub-link .second .nav-second-scroll-zone { position:relative; width:310px; margin:auto;  }
header nav .sub-link .second .nav-second-scroll-zone .scroll-left { display:block; position: absolute; left:0; background:url(../img/nav-left-arrow.png) no-repeat center; height:85%; width:10px; }
header nav .sub-link .second .nav-second-scroll-zone .scroll-right { display:block; position:absolute; right:0; background:url(../img/nav-right-arrow.png) no-repeat center; height:85%; width:10px; }
header nav .sub-link .second .nav-second-content-wrapper { overflow-x:scroll; overflow-y:visible; width:290px; margin:auto; }
header nav .sub-link .second .nav-second-content { min-width:400px; }
header nav .sub-link .second h1 { background:url(../img/icon-sub-nav-categories.png) no-repeat 2px; padding:4px 0 5px 25px; background-size:16px; font-size:15px; max-width:290px; margin:auto; }
header nav .sub-link .second .left { float:left; padding-bottom:10px; }
header nav .sub-link .second .left li { padding:0 5px; }
header nav .sub-link .second  a { font-size:12px; padding:0 3px; }
header nav .sub-link .second a:hover { color:#bfbdbd; }
header .nav-bar .social { float:right; font-size:14px; color:#a3a3a3; padding:6px 0 0 0; display:none; }
header .nav-bar .social div { width:71px; height:24px; position:relative; margin-left:8px; }
header .nav-bar .social span { display:block; position: absolute; right:0; top:0; width:37px; height:24px; text-align:center; padding-top:2px; }
header .nav-bar .social .facebook { float:left; background:url(../img/icon-nav-facebook.png) no-repeat;  }
header .nav-bar .social .twitter { float:left; background:url(../img/icon-nav-twitter.png) no-repeat;  }
header .nav-bar .social .google { float:left; background:url(../img/icon-nav-google.png) no-repeat; }
header .nav-bar .social .pinterest { float:left; background:url(../img/icon-nav-pinterest.png) no-repeat; }
header nav .sub-link-first { left:0; }
header nav .sub-link-second { right:0; }

@media (min-width: 380px) {
	header nav .sub-link .first { padding:0 7px; }
	header nav .link-first .content { padding:5px 15px; display:block; font-size:14px;  }
	header nav .link-first .content img { margin-left:5px;  }
}
@media (min-width: 440px) {
	
	header nav .sub-link .first li { padding:5px 15px 5px 4px; font-size:12px; }
	header nav .sub-link .second .nav-second-scroll-zone { padding:0; width:auto; margin:0; }
	header nav .sub-link .second .nav-second-scroll-zone .scroll-left { display:none; }
	header nav .sub-link .second .nav-second-scroll-zone .scroll-right { display:none; }
	header nav .sub-link { width:auto; padding-bottom:10px; }
	header nav .sub-link .first { max-width:100%; margin:0; }
	header nav .sub-link .second h1 { max-width:100%; margin:0 0 0 5px; }
	header nav .sub-link .second .nav-second-content-wrapper { overflow:auto; width:100%; margin:0; }
	header nav .sub-link .second .left { padding-bottom:0; }
	header nav .sub-link .first .first-block { max-width:100%; }
}
@media (min-width: 550px) {
	header nav .link-first .content { padding:7px 30px; font-size:16px; }
	header nav .sub-link-second { left:60px; right:auto; }
	header nav .sub-link .first div { display:block; }
}
@media (min-width: 660px) {
	header nav .sub-link-second { left:140px; }
}
@media (min-width: 700px) {
	header .nav-bar .social { display:block; }	
}
@media (min-width: 768px) {
	header nav .sub-link { min-width:610px; padding-bottom:0; }
	header nav .sub-link .first { float:left; width:175px; }
	header nav .sub-link .first li { float:none; font-size:14px; padding:5px 0; }
	header nav .sub-link .first div { width:30px; margin:0; }
	header nav .sub-link .first li img { width:18px; margin:0; }
	header nav .sub-link .first .first-block { border-bottom:1px solid #434343; padding-bottom:10px; }
	header nav .sub-link .first .second-block { display:block; }
	header nav .sub-link .second { float:right; padding:10px; border-left:1px solid #434343; }
	header nav .sub-link .second h1 { background:url(../img/icon-sub-nav-categories.png) no-repeat 0 0; background-size:auto; padding:0px 0 5px 30px; font-size:16px; }
	header nav .sub-link .second a { font-size:13px; }
	header nav .sub-link .second .left li { padding:0 3px; }
	header nav .sub-link-first { left:auto; }
	header nav .sub-link-second { margin-left:-20px; }
}
@media (min-width: 900px) {
	header nav .sub-link-first { left:auto; }
	header nav .sub-link-second { left:auto; margin:0; }
}

/* SEARCH BAR */
.search-bar { height:200px; background:url(../img/search-bg.png) no-repeat; padding-top:70px; }
.search-bar .bar { max-width:740px; margin:auto; box-shadow: 0px 0px 25px 45px rgba(255,255,255,0.95); -moz-box-shadow: 0px 0px 25px 45px rgba(255,255,255,0.95); -webkit-box-shadow: 0px 0px 25px 45px rgba(255,255,255,0.95); border-radius:1px; }
.bar .search-text { height:40px; border:1px solid #adadad; font-size:13px; border-right:transparent; box-shadow:inset 0 0 0; -webkit-box-shadow:inset 0 0 0; -moz-box-shadow:inset 0 0 0; }
.bar .search-text:focus { -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 2px 2px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); -moz-box-shadow: inset 0 2px 2px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); border-color: #66afe9; }
.bar .search-submit { height:40px; font-weight:bold; font-size:14px; color:#fff; background:#f2654e; border:1px solid #f2654e; outline:none; border-radius:0 5px 5px 0; padding:0 12px; }
.bar .search-submit:hover { background:#f97762; }
.search-bar .text { max-width:740px; margin:auto; font-size:12px; color:#000; padding:6px 10px; }
.search-bar .text a { color:#19b5fe; }
.search-bar .text a:hover { text-decoration:underline; }

@media (min-width: 550px) {
     .search-bar { height:400px; padding-top:180px; }
	.search-bar .bar { box-shadow: 0px 0px 60px 60px rgba(255,255,255,0.95); -moz-box-shadow: 0px 0px 60px 60px rgba(255,255,255,0.95); -webkit-box-shadow: 0px 0px 60px 60px rgba(255,255,255,0.95); }
	.bar .search-text { height:59px; font-size:20px; }
	.bar .search-submit { height:59px; font-size:18px; }
	.search-bar .text { font-size:14px; padding:10px; }
}

/* CONTENT BAR */
.content-bar { background:#4d4d4d; color:#fff; padding:8px 0; margin-bottom:10px;  }
.content-bar .wrapper { max-width:730px; }
.content-bar .text { float:none; font-size:18px; margin:0; text-align:center; }
.content-bar .button { float:none; text-align:center; font-weight:bold; margin-top:5px; }
.content-bar .button a { display:inline-block; background:#19b5fe; padding:6px 50px; font-size:20px; color:#fff; border-bottom:2px solid #2d9fee; }
.content-bar .button a:hover { background:#3abbf7;}

@media (min-width: 550px) {
	.content-bar { padding:12px 0; }
	.content-bar .text { float:left; margin-top:6px; font-size:22px; }
	.content-bar .button { float:right; margin:0; }
	.content-bar .button a { display:block; padding:6px 26px; }
}
@media (min-width: 660px) {
	.content-bar .text { font-size:28px; margin-top:4px; }
	.content-bar .button a { font-size:22px; padding:7px 30px; }
}
@media (min-width: 768px) {
	.content-bar .text { font-size:30px; }
	.content-bar .button a {  padding:7px 35px; font-size:24px; }
}

/* SIDE NAV AND CONTENT */
.content-side-nav { max-width:1060px; margin:auto; padding:0 5px; margin-top:15px; }

/* SIDE NAV */
.side-nav { float:left; width:225px; display:none; }
.side-nav .wrapper { padding:0 9px; background:#f9f9f9; border:1px solid #e5e5e5; border-top:5px solid #e5e5e5; }
.side-nav h1 { font-size:18px; font-weight:bold; color:#717171; padding:0 0 15px 5px; float:left; }
.side-nav h2 { font-size:16px; color:#949494; font-weight:bold; padding:0 0 15px 30px; }
.side-nav .title-bg { float:left; padding:6.5px 0 0 7px; }
.side-nav .first-block { border-bottom:1px solid #e9e9e9; padding-bottom:7px; }
.side-nav .first-block a { padding:5px 0; font-size:16px; color:#949494; display:block; }
.side-nav .first-block a:hover { color:#404040; }
.side-nav .first-block div { float:left; width:30px; }
.side-nav .second-block { margin: 15px 0; padding-bottom:10px; border-bottom:1px solid #e9e9e9; }
.side-nav .second-block h2 { background:url(../img/icon-side-nav-category.png) no-repeat 0 0; }
.side-nav .second-block .left { float:left; }
.side-nav .second-block .left a { font-size:13px; display:block; padding:2px 0; color:#949494; }
.side-nav .second-block .left a:hover { color:#333;}
.side-nav .third-block { padding-bottom:10px; }
.side-nav .third-block h2 { background:url(../img/icon-side-nav-letter.png) no-repeat 0 0; }
.side-nav .third-block a { padding:0 3px; font-size:13px; color:#949494; }
.side-nav .third-block a:hover {  color:#333; }
.side-nav-tags { font-size:11px; margin-top:5px; }
.side-nav-tags a { color:#0796d9; } 
	
@media (min-width: 660px) {
	.side-nav { display:block; }
}

/* CONTENT */
.index-content { margin-top:20px; max-width:1060px; padding:0 5px; margin:auto; }
.index-content .index-content-title { padding:10px 5px 0 5px; }
.index-content .index-content-title h2 { font-size:19px; color:#6d6d6e; float:left;  }
.index-content .index-content-title a { float:right; display:block; color:#fff; background:#4d4d4d; padding:4px 12px; font-size:15px; border-radius:1px; margin-top:-3px; }
.index-content .index-content-title a:hover { text-decoration:underline; }
.index-content .index-content-title a img { margin:-3px 0 0 5px; }
.index-content .container-fluid { margin-top:12px; }
.index-content .col-md-2 { padding:5px; margin:0; }
.logo-wrapper .logo-img { border:1px solid #e5e5e5; position:relative; text-align:center; width:100%; height:115px; line-height:100px; }
.logo-wrapper .logo-img:hover { -webkit-box-shadow:0 0 8px rgba(102, 175, 233, .38); box-shadow:0 1px 4px rgba(0, 0, 0, .38); -moz-box-shadow:0 0 8px rgba(102, 175, 233, .38); }
.logo-wrapper .logo-img a { width:100%; display:block; padding:5px; height:100%; }
.logo-wrapper .logo-img img { max-width:100px; max-height:100px; vertical-align:middle; }
.logo-wrapper .logo-title-detail { font-size:11px; color:#78797b; }
.logo-wrapper .logo-title-detail b { color:#464646; }
.logo-wrapper .logo-title-detail h3 { height:26px; font-size:11px; color:#3f3f3f; text-align:center; padding:0px 5px; margin-top:4px; overflow-y:hidden; }
.logo-wrapper .logo-title-detail .logo-detail { border-top:1px solid #b4b4b4; padding:5px 0; margin-top:5px; position:relative; text-align:center; }
.index-content .logo-wrapper .logo-title-detail .logo-detail .format { float:none; }
.index-content .logo-wrapper .logo-title-detail .logo-detail .download { float:none; }
	
@media (min-width: 340px) {
	.index-content .logo-wrapper .logo-title-detail .logo-detail .format { float:left; }
	.index-content .logo-wrapper .logo-title-detail .logo-detail .download { float:right; }
}
@media (min-width: 480px) {
	.logo-wrapper .logo-img { height:165px; line-height:150px; }
	.logo-wrapper .logo-img img { max-width:150px; max-height:150px; }	
}
@media (min-width: 768px) {
	.logo-wrapper .logo-img { height:185px; line-height:170px; }
	.logo-wrapper .logo-img img { max-width:170px; max-height:170px; }
}
@media (min-width: 980px) {
	.logo-wrapper .logo-img { height:155px; line-height:140px; }
	.logo-wrapper .logo-img img { max-width:140px; max-height:140px; }
}
@media (min-width: 1300px) {
	.index-content { max-width:100%; margin:0 50px; }
}
@media (min-width: 1400px) {
	.logo-wrapper .logo-img { height:205px; line-height:190px; }
	.logo-wrapper .logo-img img { max-width:190px; max-height:190px; }
}
@media (min-width: 1600px) {
	.index-content { margin:0 150px; }
}
@media (min-width: 1800px) {
	.logo-wrapper .logo-img { height:215px; line-height:200px; }
	.logo-wrapper .logo-img img { max-width:200px; max-height:200px; }
}

/* FOOTER */
footer { background:#394149; border-top:15px solid #31373e; padding:10px 0; color:#fff; width:100%; position:absolute; bottom:0; left:0; }
footer .logo-nav { width:100%; text-align:center; }
footer .logo-nav .logo { float:left; display:none; }
footer .logo-nav .footer-nav { margin-top:3px; display:inline-block; }
footer .logo-nav .footer-nav li { float:left; color:#fff; font-size:13px; font-weight:bold; border-right:1px solid #31373e; }
footer .logo-nav .footer-nav li a { display:block; padding:3px 15px; }
footer .logo-nav .footer-nav li a:hover { text-decoration:underline; }
footer .social-text { float:right; width:100%; padding:0 10px; }
footer .social-text .social { float:none; margin-top:2px; text-align:center; }
footer .social-text .social img { margin:0 2px; }
footer .social-text .text { float:none; font-size:12px; margin-top:5px; text-align:center; }
	
@media (min-width: 400px) {
	footer .social-text .social { float:left; }
	footer .social-text .text { float:right; }
}
@media (min-width: 768px) {
    footer .logo-nav { width:45%; float:left; }
    footer .logo-nav .logo { display:block; }
    footer .logo-nav .footer-nav { float:right; }
	footer .social-text { width:47%; padding:0;  }
}

/* LOGOS */
.logo-search-page { padding:0px; margin-top:10px; }
.logo-search-page .content { margin:0; }
.logo-search-page .content .info .top { display:table; width:100%; border-bottom:1px solid #d2d2d2; }
.logo-search-page .content .info .top .title-wrapper { display:block; }
.logo-search-page .content .info .top .title { color:#818181; float:none; padding-bottom:5px; }
.logo-search-page .content .info .top .title h1 { font-size:16px; line-height:26px; }
.logo-search-page .content .info .top .title a { color:#313131; font-size:18px; }
.logo-search-page .content .info .top .title a:hover { color: #9b9999; }
.logo-search-page .content .info .top .nav-wrapper { display:block; }
.logo-search-page .content .info .top .nav { font-size:14px; float:left; margin-left:-10px; display:inline-block; }
.logo-search-page .content .info .top .nav nav li { float:left; color:#808080; background:url(../img/nav-border.png) no-repeat right 20px; padding:0 10px; }
.logo-search-page .content .info .top .nav nav li span { display:block; text-align:right; width:100%; color:#0796d9; font-size:11px; }
.logo-search-page .content .info .top .nav nav li p { padding-bottom:2px;  }
.logo-search-page .content .info .top .nav nav li p:hover { text-decoration:underline; }
.logo-search-page .content .info .top .nav nav .deactive:hover { text-decoration:none; }
.logo-search-page .content .info .top .nav nav .active { font-weight:bold; color:#313131; border-bottom:4px solid #313131; }
.logo-search-page .content .info .top .nav nav .active:hover { text-decoration:none; }
.logo-search-page .content .info .center { display:table; width:100%; padding-right:10px; font-size:14px; margin-bottom:-10px; }
.logo-search-page .content .info .center .nav { float:left; display:none; margin-left:10px; }
.logo-search-page .content .info .center .nav nav li { float:left; color:#626262; margin-top:2px; }
.logo-search-page .content .info .center .nav nav li a:hover { text-decoration:underline; }
.logo-search-page .content .info .center .nav nav li a { display:block; padding:0 10px; background:url(../img/nav-border.png) right no-repeat;}
.logo-search-page .content .info .center .nav nav .active { font-weight:bold; color:#313131; text-decoration:none; }
.logo-search-page .content .info .center .nav nav .active:hover { text-decoration:none; }
.logo-search-page .content .info .center .results { float:left; font-size:11px; margin-bottom:10px; }
.logo-search-page .content .info .center .results div { float:left; border-right:1px solid #dcdcdc; padding:3px 10px 0 0; margin:0 10px 0 0; }
.logo-search-page .content .info .center .results div span { font-size:11px; }
.logo-search-page .content .info .center .results span { font-size:22px; color:#808286; }
.logo-search-page .side-nav { display:none; }
.logo-search-page .content .logos-adv-group { display:none; }
.logo-search-page .content .ad-1-content { width:100%; margin:auto; text-align:center; }
.logo-search-page .content .ad-2-content { width:100%; margin:auto; text-align:center; }
.logo-search-page .content .ad-3-content { width:100%; margin:auto; text-align:center; }
.logo-search-page .content .ad-3-content .sponsored { display:block; }
.logos-content-parts { float:none; margin:0; }
.logos-content-parts .container-fluid { display:table; width:100%;}
.logos-content-parts .container-fluid .row { margin-bottom:5px; }
.logos-content-parts .title { display:table; width:100%; padding:0 5px 0 0; }
.logos-content-parts .title h2 { float:left; }
.logos-content-parts h2 { font-size:13px; color:#6d6d6e; margin:5px; }
.logos-content-part-wrapper .col-lg-2 { padding:0; margin:0; }
.logos-content-part-wrapper .logo-wrapper { padding:0 5px; }
.logos-content-part-wrapper .logo-wrapper .logo-img { height:120px; line-height:105px; }
.logos-content-part-wrapper .logo-wrapper .logo-img img { max-width:100px; max-height:100px; vertical-align:middle; line-height:12px; }
.logos-content-part-wrapper .logo-wrapper .format { float:none;}
.logos-content-part-wrapper .logo-wrapper .download { float:none; }
.logos-content-parts .premium-logos { display:none; }

.logo-search-page .adslot_3 { width: 320px; height: 100px; margin:auto; overflow:hidden; }
.logo-search-page .adslot_2 { width: 160px; height: 600px; }
.logo-search-page .adslot_1 { width: 160px; height: 600px; }
@media (min-width:500px) { .logo-search-page .adslot_3 { width: 468px; height: 60px; overflow:hidden; } }
@media (min-width:980px) { .logo-search-page .adslot_3 { width: 728px; height: 90px; overflow:hidden; } }


@media (min-width: 350px) {	
	.logos-content-part-wrapper .logo-wrapper .format { float:left;}
	.logos-content-part-wrapper .logo-wrapper .download { float:right; }
}

@media (min-width: 480px) {	
	.logos-content-part-wrapper .logo-wrapper .logo-img { height:120px; line-height:105px; }
	.logos-content-part-wrapper .logo-wrapper .logo-img img { max-width:100px; max-height:100px; vertical-align:middle; }
	
}
@media (min-width: 768px) {	
	.logo-search-page .content { margin:0 0 0 230px; }
	.logo-search-page .side-nav { display:block; }
	
	.logo-search-page .content .info .top .title h1 { font-size:16px; }
	.logo-search-page .content .info .top .title a { font-size:22px; }
	.logo-search-page .content .info .center .results { font-size:14px; margin-bottom:0; }
	.logo-search-page .content .info .center .results div span { font-size:14px; }
	.logo-search-page .content .info .center .results span { font-size:36px; }
	
	.logos-content-part-wrapper .logo-wrapper .logo-img { height:120px; line-height:105px; }
	.logos-content-part-wrapper .logo-wrapper .logo-img img { max-width:100px; max-height:100px; }
	
	.logos-content-part-wrapper .logo-wrapper .format { float:none;}
	.logos-content-part-wrapper .logo-wrapper .download { float:none; }
	
	.logos-content-parts .premium-logos { display:block; }
	
}
@media (min-width: 980px) {	
	.logos-content-parts {margin:0 170px 0 0 ; }
    .logo-search-page .content .logos-adv-group { float:none; width:100%; margin:auto; display:block; }
    .logo-search-page .content .info .top .title-wrapper { display:table-cell; }
    .logo-search-page .content .info .top .title { float:left; }
	.logo-search-page .content .info .top .nav { display:block; }
	.logo-search-page .content .info .center .nav { display:block; }
	.logo-search-page .content .info .center .results { float:right; }
	.logo-search-page .content .info .top .title { float:left; padding-left:10px; }
	.logo-search-page .content .info .top .nav-wrapper { display:table-cell; }
    .logo-search-page .content .info .top .nav { float:right; }
	.logo-search-page .content .ad-1-content { width:728px; margin:auto; text-align:left; }
	.logo-search-page .content .logos-adv-group { float:right; width:160px; margin-top:0; }
	.logo-search-page .content .ad-2-content { width:160px; }
    .logo-search-page .content .ad-2-content .sponsored { margin-bottom:2px; }
	.logo-search-page .content .ad-3-content { width:160px; }
	.logo-search-page .content .ad-3-content .sponsored { display:none; }
	.logos-content-part-wrapper .logo-wrapper .logo-img { height:120px; line-height:105px; }
	.logos-content-part-wrapper .logo-wrapper .logo-img img { max-width:100px; max-height:100px; }	

}
@media (min-width: 1440px) {
    .logo-search-page .content .logos-adv-group { float:right; width:160px; margin-top:-108px; }
	.logos-content-part-wrapper .logo-wrapper .logo-img { height:120px; line-height:105px; }
	.logos-content-part-wrapper .logo-wrapper .logo-img img { max-width:100px; max-height:100px; }
    .logos-content-part-wrapper .logo-wrapper .format { float:left;}
	.logos-content-part-wrapper .logo-wrapper .download { float:right; }
}
@media (min-width: 1700px) {
	.logos-content-part-wrapper .logo-wrapper .logo-img { height:120px; line-height:105px; }
	.logos-content-part-wrapper .logo-wrapper .logo-img img { max-width:100px; max-height:100px; }
}

/* PAGER */
.pager-bottom { text-align:center; margin:auto; margin-top:30px; }
.pager-bottom a { padding:2px 7px; background:#f6f6f6; border:1px solid #e5e5e5; margin:0 1px; color:#313131; font-size:11px; display:inline-block; }
.pager-bottom .prev { background:url(../img/pager-prev.png) no-repeat 2px #f6f6f6; padding:2px 7px 3px 16px; }
.pager-bottom .prev:hover { background:url(../img/pager-prev-link.png) no-repeat 2px #0796d9;}
.pager-bottom .next { background:url(../img/pager-next.png) no-repeat 34px #f6f6f6; padding:2px 16px 3px 7px; }
.pager-bottom .next:hover { background:url(../img/pager-next-link.png) no-repeat 34px #0796d9; }
.pager-bottom a:hover { background:#0796d9; color:#fff; }
.pager-bottom .active { padding:5px 11px; background:#0796d9; color:#fff;  font-weight:bold; }
	
@media (min-width: 480px) {
	.pager-bottom a { padding:3px 9px; margin:0 2px; font-size:20px; }
	.pager-bottom .prev { background:url(../img/pager-prev.png) no-repeat 4px 12px #f6f6f6; padding:3px 9px 3px 20px; }
	.pager-bottom .prev:hover { background:url(../img/pager-prev-link.png) no-repeat 4px 12px #0796d9;}
	.pager-bottom .next { background:url(../img/pager-next.png) no-repeat 57px 12px #f6f6f6; padding:3px 20px 3px 9px; }
	.pager-bottom .next:hover { background:url(../img/pager-next-link.png) no-repeat 57px 12px #0796d9; }
}

/* BOTTOM ADV */
.bottom-adv { text-align:center; margin-top:20px; }
.bottom-adv-content { display:inline-block; width:260px; }

@media (min-width: 450px) {
    .bottom-adv-content { width:auto; }
}	

/* LOGO DETAIL */
.logo-not-found { margin:auto; padding-top:150px; font-size:28px; text-align:center; }
.logo-detail-logo a { display:block; background:url(../img/logo.png) no-repeat; width:200px; height:46px; margin:auto; }
.logo-detail-page { margin:10px auto; margin:auto; }
.logo-detail-page .top { margin:10px 0; }
.logo-detail-page .top .title span { color:#a4a4a4; font-size:24px; }
.logo-detail-page .top .title a { font-size:26px; color:#8c8c8c; font-weight:bold; margin-left:5px; }
.logo-detail-page .top .title a:hover { color:#aeacac; }
.logo-detail-page .logo-detail-left .logo-detail-center-content { float:none; width:auto; max-width:100%;}
.logo-detail-page .logo-detail-left .logo-detail-center-content .logo-detail-center-top { float:none; margin-left:0; display:table; width:100%; }
.logo-detail-page .logo-detail-left .logo-detail-center-content .logo-detail-center-top .logo-share { float:none; width:100%; margin-top:18px; }
.logo-detail-page .logo-detail-left .logo-detail-center-content .logo-detail-center-top .detail-logo-img { height:245px; border:1px solid #eee; text-align:center; line-height:245px; }
.logo-detail-page .logo-detail-left .logo-detail-center-content .logo-detail-center-top .detail-logo-img img { vertical-align:middle; max-width:190px; max-height:190px; line-height:12px; }
.logo-detail-page .social-share { margin:10px auto 5px auto; text-align:center; }
.logo-detail-page .social-share ul { display:inline-block; }
.logo-detail-page .social-share li { float:left; margin-left:2px; }
.logo-detail-page .social-share li a { cursor:pointer; }
	
/* advertise */
.logo-detail-page .ad-1-content { float:none; width:100%; margin:auto; display:none; text-align:center;  }
.logo-detail-page .ad-2-content { float:none; width:100%; margin:auto; text-align:center; }
.logo-detail-page .ad-3-content { width:100%; margin:auto; text-align:center; }

.logo-detail-page .adslot_1 { display:none; }
.logo-detail-page .adslot_2 { width: 320px; height: 100px; margin:auto; overflow:hidden; }
.logo-detail-page .adslot_3 { width: 320px; height: 100px; margin:auto; overflow:hidden; }
@media (min-width:500px) {
    .logo-detail-page .adslot_1 { width: 468px; height: 60px; overflow:hidden; }
    .logo-detail-page .adslot_2 { width: 468px; height: 60px; overflow:hidden; } 
    .logo-detail-page .adslot_3 { width: 468px; height: 60px; overflow:hidden; } 
}
@media (min-width:980px) { 
    .logo-detail-page .adslot_1 { width: 160px; height: 600px; overflow:hidden; }
    .logo-detail-page .adslot_2 { width: 336px; height: 280px; overflow:hidden; } 
    .logo-detail-page .adslot_3 { width: 728px; height: 90px; overflow:hidden; } 
    .logo-detail-page .ad-1-content { display:block; }
}

/* logo detail - premium */
.logo-detail-premium-list-wrapper { background:#95a5a6; padding:20px 0 20px 0; margin:30px 0 20px 0; display:none; }
.logo-detail-premium-list-wrapper .title-wrapper { background:url(../img/premium-logos-bg.png) repeat-x; text-align:center; padding:0 8px 0 7px; max-width:430px; margin:-31px auto 10px auto; }
.logo-detail-premium-list-wrapper .title-wrapper .title { background:#768283; }
.logo-detail-premium-list-wrapper .title-wrapper .title h1 { color:#fff; font-size:18px; font-weight:bold; padding:15px 0; }
@media (min-width:980px) { 
    .logo-detail-premium-list-wrapper { display:block; }
}
	
/* description */
.logo-detail-page .logo-detail-left .logo-info { max-width:740px; background:#f3f3f3; font-size:13px; color:#6f6f6f; margin-top:10px; padding:5px 0; }
.logo-info .detail-table-title { color:#3d3d3d; }
.logo-info .detail-table-title img { float:left; margin:2px 4px 0 0; }
.logo-info .width-control { width:50%; }
.logo-detail-page .logo-detail-left .logo-info .logo-info-left { border-right:none; border-bottom:1px solid #e5e5e5; width:100%; max-width:100%; float:none; }
.logo-detail-page .logo-detail-left .logo-info .logo-info-left div { margin:0px 10px; padding:3px 0; border-bottom:1px solid #e5e5e5; min-height:25px; }
.logo-detail-page .logo-detail-left .logo-info .logo-info-left b { color:#3d3d3d; padding-left:5px; }
.logo-detail-page .logo-detail-left .logo-info .logo-info-left b :hover {text-decoration:underline; }
.logo-detail-page .logo-detail-left .logo-info .logo-info-left .description-info-text div { min-height:20px; }
.logo-info .border-right { border-right:1px solid #e5e5e5; }
.logo-detail-page .logo-detail-left .logo-info .logo-info-right { float:none; width:100%; color:#555; font-size:13px; margin-top:10px; }
.logo-detail-page .logo-detail-left .logo-info .logo-info-right .format-title { background:#e5e5e5; color:#3d3d3d; border-top:2px solid #707070; border-bottom:2px solid #707070; padding:4px 0; margin:4px 0 3px 0;  }
.logo-detail-page .logo-detail-left .logo-info .logo-info-right .format-title .format-title-icon { background:#3c3c3c; color:#e5e5e5; text-align:center; font-size:14px; border-radius:3px; width:40px; height:21px; display:inline-block; margin:0 0 0 5px; }
.logo-detail-page .logo-detail-left .logo-info .logo-info-right .format-title span { font-size:12px; padding-left:5px; }
.logo-detail-page .logo-detail-left .logo-info .logo-info-right .detail-table-title { font-size:14px; }
.logo-detail-page .logo-detail-left .logo-info .logo-info-right .detail-table-title img { margin:2px 8px 0 5px; }
.logo-detail-page .logo-detail-left .logo-info .logo-info-right .detail-rate-wrapper { max-width:200px; margin:auto; margin-top:4px; }
.logo-detail-page .logo-detail-left .logo-info .logo-info-right .detail-rate-title { margin-top:1px; float:left; }
.logo-detail-page .logo-detail-left .logo-info .logo-info-right .detail-rate-message { color:#008000; text-align:center; font-size:13px; font-weight:bold; clear:both; padding-top:3px; }
.logo-detail-page .logo-detail-left .logo-info .logo-info-right .detail-rate-content {  max-width:180px; float:right; margin-right:3px; }
.logo-detail-page .logo-detail-left .logo-info .logo-info-right .detail-rate-content img { float:left; padding:0 3px 0 0; margin:0; cursor: pointer; }
.logo-detail-page .logo-detail-left .logo-info .logo-info-right .download-number { text-align:center; font-size:28px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin:7px 7px 0 7px; }
.logo-detail-page .logo-detail-left .logo-info .logo-info-right .download-number span { font-size:13px; color:#3d3d3d; margin-left:10px; }
.logo-detail-page .logo-detail-left .logo-info .logo-info-right .download-vector { text-align:center; margin:auto; margin:0 10px; padding-top:9px; }
.download-vector-button { display:block; color:#fff !important; padding:12px 0 10px 0; font-size:15px; font-weight:bold; background:#19b5fe; border-bottom:2px solid #2d9fee; margin:0px auto 5px auto; max-width:380px; }
.download-vector-button:hover { background:#3abbf7; }
.download-vector-button img { margin-right:8px; }
	
/* tags */
.logo-detail-page .logo-tags  { font-size:11px; color:#3d3d3d; margin:5px 0 10px 0; }
.logo-detail-page .logo-tags  a { color:#0796d9; }
.logo-detail-page .logo-tags  a:hover { text-decoration:underline; }
	
/* related logos */
.logo-detail-page .logo-detail-left .related-logo { float:none; width:100%; margin:0; max-width:730px; }
.logo-detail-page .logo-detail-left .related-logo h2 { font-size:16px; margin:0 0 10px 2px; width:140px; }
.logo-detail-page .logo-detail-left .related-logo .logo-wrapper { margin:0; float:left; width:20%; padding:0 2px; }
.logo-detail-page .logo-detail-left .related-logo .logo-wrapper .logo-img { height:50px; line-height:35px; }
.logo-detail-page .logo-detail-left .related-logo img { max-width:40px; max-height:40px; vertical-align:middle; }
	
/* premium logos */
.logo-detail-page .premium-bottom { margin:10px 0 0 0; width:100%; max-width:730px;  }
.logo-detail-page .premium-bottom h2 { font-size:16px; margin:0 0 10px 2px; }
.logo-detail-page .premium-bottom .logo-wrapper { width:20%; float:left; padding:0 2px; }
.logo-detail-page .premium-bottom .logo-wrapper .logo-img { height:50px; line-height:35px; }
.logo-detail-page .premium-bottom .logo-wrapper .logo-img img { max-width:40px; max-height:40px; vertical-align:middle; }

/* LOGO DETAIL DOWNLOAD */
.download-logo-info { display:table; font-size:0; width:100%; margin-top:20px; }
.download-logo-info .download-logo { display:block; height:245px; border:1px solid #eee; text-align:center; line-height:245px; width:390px; margin:auto; }
.download-logo-info .download-logo img { vertical-align:middle; max-width:190px; max-height:190px; line-height:12px; }
.download-logo-info .download-info-wrapper { display:block; vertical-align:top; margin:15px auto 0 auto; }
.download-logo-info .download-info-wrapper .download-info { background:#eee; margin-left:10px; height:auto; padding:15px; }
.download-logo-info .download-info-wrapper .download-info .info-top { font-size:18px; color:#6d6d6e; border-bottom:1px solid #d6d6d6; padding-bottom:15px; }
.download-logo-info .download-info-wrapper .download-info .info-top span { font-weight:bold; font-size:28px; }
.download-logo-info .download-info-wrapper .download-info .info-top .small-text { font-size:13px; font-weight:bold; }
.download-logo-info .download-info-wrapper .download-info .info-top .small-text a { color:#19b5fe; }
.download-logo-info .download-info-wrapper .download-info .info-top .small-text a:hover { text-decoration:underline; }
.download-logo-info .download-info-wrapper .download-info .info-bottom { margin-top:15px; display:table; font-size:0; width:100%; }
.download-logo-info .download-info-wrapper .download-info .info-bottom .format { display:block; border-right:0; vertical-align:top; }
.download-logo-info .download-info-wrapper .download-info .info-bottom .format ul { max-width:250px; margin:auto; }
.download-logo-info .download-info-wrapper .download-info .info-bottom .format li { padding:5px 25px 5px 5px; color:#3d3d3d; font-size:13px; }
.download-logo-info .download-info-wrapper .download-info .info-bottom .format .border-bottom { border-bottom:2px solid #707070; }
.download-logo-info .download-info-wrapper .download-info .info-bottom .format li .icon { display:inline-block; width:20px; }
.download-logo-info .download-info-wrapper .download-info .info-bottom .format .rate-stars { display:table; font-size:0; float:right; }
.download-logo-info .download-info-wrapper .download-info .info-bottom .format .rate-stars a { display:table-cell; padding:0 2px; }
.download-logo-info .download-info-wrapper .download-info .info-bottom .format .format-title-icon { background:#3c3c3c; color:#e5e5e5; text-align:center; font-size:14px; border-radius:3px; width:40px; height:21px; display:inline-block; margin-right:15px; }
.download-logo-info .download-info-wrapper .download-info .info-bottom .share { display:block; text-align:center; font-size:18px; color:#6d6d6e; padding-top:20px; vertical-align:top; border-top:1px solid #d6d6d6; margin-top:20px; }
.download-logo-info .download-info-wrapper .download-info .info-bottom .share .social-share { margin:15px auto 5px auto; text-align:center; }
.download-logo-info .download-info-wrapper .download-info .info-bottom .share .social-share ul { display:inline-block; }
.download-logo-info .download-info-wrapper .download-info .info-bottom .share .social-share li { float:left; margin-left:2px; }
.download-logo-info .download-info-wrapper .download-info .info-bottom .share .social-share li a { cursor:pointer; }
.logo-detail-page .download-title { text-align:center; font-weight:bold; font-size:18px; color:#393939; margin:20px 0 15px 0; padding:13px 0; background:#dadfe1; }
	
@media (min-width: 700px) {
	.download-logo-info .download-info-wrapper .download-info .info-top { font-size:24px; padding-bottom:20px; }
	.download-logo-info .download-info-wrapper .download-info .info-top span { font-size:36px; }
	.download-logo-info .download-info-wrapper .download-info .info-top .small-text { font-size:18px; }
	.download-logo-info .download-info-wrapper .download-info .info-bottom .format { display:table-cell; border-right:1px solid #d6d6d6; }
	.download-logo-info .download-info-wrapper .download-info .info-bottom .format ul { margin:0; }
	.download-logo-info .download-info-wrapper .download-info .info-bottom .share { display:table-cell; border:0; margin:0; padding-top:5px; }
}
@media (min-width: 1080px) {
	.download-logo-info .download-logo { display:table-cell; }
	.download-logo-info .download-info-wrapper { display:table-cell; }
	.download-logo-info .download-info-wrapper .download-info { height:247px; }
}
	

@media (min-width: 468px) {
	.logo-detail-page .logo-detail-left .related-logo .logo-wrapper .logo-img { height:80px; line-height:65px; }
	.logo-detail-page .logo-detail-left .related-logo img { max-width:70px; max-height:70px; }
	.logo-detail-page .premium-bottom .logo-wrapper .logo-img { height:80px; line-height:65px; }
	.logo-detail-page .premium-bottom .logo-wrapper .logo-img img { max-width:70px; max-height:70px; }
}
@media (min-width: 728px) {
	.logo-detail-page .logo-detail-left .logo-info .logo-info-left { float:left; max-width:490px; border-right:1px solid #e5e5e5; border-bottom:none; }
	.logo-detail-page .logo-detail-left .logo-info .logo-info-right { float:right; width:238px; margin:0; }
    .logo-detail-page .logo-detail-left .logo-info .logo-info-left-2 { max-width:392px; }
	.logo-detail-page .logo-detail-left .logo-info .logo-info-right-2 { width:330px; }
	.logo-detail-page .logo-detail-left .logo-info .logo-info-right .detail-rate-wrapper { max-width:238px; }
    .logo-detail-page .logo-detail-left .logo-detail-center-content { max-width:898px; float:left; }
	.logo-detail-page .ad-1-content { width:728px; margin:0; }
	.logo-detail-page .ad-2-content { width:728px; margin:0; }
	.logo-detail-page .ad-3-content { width:728px; display:block; margin:0 0 10px 0; }
	.logo-detail-page .logo-detail-left .related-logo .logo-wrapper { padding:0 5px; }
	.logo-detail-page .logo-detail-left .related-logo .logo-wrapper .logo-img { height:110px; line-height:95px; }
	.logo-detail-page .logo-detail-left .related-logo img { max-width:100px; max-height:100px; }
	.logo-detail-page .premium-bottom .logo-wrapper { padding:0 5px; }
	.logo-detail-page .premium-bottom .logo-wrapper .logo-img { height:110px; line-height:95px; }
	.logo-detail-page .premium-bottom .logo-wrapper .logo-img img { max-width:100px; max-height:100px;  }
	.logo-detail-page .logo-tags  { font-size:13px; }
	.logo-detail-page { max-width:728px; }
    .download-vector-button { margin:3px auto 8px auto; }
}
@media (min-width: 768px) { 
	
    .logo-detail-page .logo-detail-left .logo-detail-center-content .logo-detail-center-top { width:auto; }
	.logo-detail-page .logo-detail-left .logo-info .logo-info-left .description-info-text div { min-height:80px; max-height:140px; }
}
@media (min-width: 980px) {
	.logo-detail-page .ad-1-content { float:left; width:160px; }
	.logo-detail-page .ad-1 { width:160px; height:600px; }
	.logo-detail-page .logo-detail-left .logo-detail-center-content .logo-detail-center-top { margin-left:170px; }
	.logo-detail-page .logo-detail-left .logo-detail-center-content .logo-detail-center-top .logo-share { float:left; width:385px; }
	.logo-detail-page .ad-2-content { float:right; width:336px;  }
	.logo-detail-page .ad-2  { width:336px; height:280px; }
	.logo-detail-page .logo-detail-left .related-logo { margin:0 0 0 170px; }
	.logo-detail-page .premium-bottom { margin:10px 0 0 170px; }
	.logo-detail-page { max-width:898px; }
    .logo-detail-page .social-share { margin:10px auto 5px auto; text-align:left; }
}
@media (min-width: 1080px) {
	.logo-detail-page { max-width:1060px; }
	.logo-detail-page .logo-detail-left .related-logo { float:right; width:140px; margin:-10px 0 0 0;  }
	.logo-detail-page .logo-detail-left .related-logo .logo-wrapper { float:none; margin:10px 0; width:auto; padding:0; }
	.logo-detail-page .premium-bottom { margin:0 0 0 170px; }
}
	
/* NOT FOUND */
.not-found .info { text-align:center; font-size:24px; color:#6d6d6e; line-height:66px; padding:20px 0px; } 
.not-found .info span { color:#b2b2b2; font-size:22px; }
.not-found .info .top { min-height:200px; }
.not-found .info a { color:#0796d9; }
.not-found .info a:hover { text-decoration:underline; }
.not-found .info .bottom-line { font-size:22px; text-align:center; padding:12px 10px; color:#fff; background:#768283; line-height:normal; margin-top:30px; display:none; }
.not-found-content { padding:0 15px; }
.not-found-content h2 { font-size:16px; color:#6d6d6e; margin:10px 0; }
.not-found-content .col-md-2 { padding:0; margin:0; }
.not-found-content .logo-wrapper { padding:5px; }
.not-found-content .logo-wrapper .logo-img { height:120px; line-height:105px; }
.not-found-content .logo-wrapper .logo-img img { max-width:100px; max-height:100px; vertical-align:middle; }
	
@media (min-width: 380px) {
	.not-found-content .logo-wrapper .logo-img { height:140px; line-height:125px; }
	.not-found-content .logo-wrapper .logo-img img { max-width:120px; max-height:120px; }
	.not-found .info { font-size:28px; } 
	.not-found .info span { font-size:24px; }
	.not-found .info .bottom-line { font-size:14px; }	
}
@media (min-width: 480px) {
	.not-found-content .logo-wrapper .logo-img { height:160px; line-height:145px; }
	.not-found-content .logo-wrapper .logo-img img { max-width:140px; max-height:140px; }
	.not-found .info { font-size:32px; } 
	.not-found .info span { font-size:28px; }
	.not-found .info .bottom-line { font-size:16px; }
	.not-found-content h2 { font-size:20px; }
}
@media (min-width: 600px) {
	.not-found-content .logo-wrapper .logo-img { height:170px; line-height:155px; }
	.not-found-content .logo-wrapper .logo-img img { max-width:150px; max-height:150px; }
	.not-found .info { font-size:38px; } 
	.not-found .info span { font-size:34px; }
	.not-found .info .bottom-line { font-size:18px; }
}
@media (min-width: 768px) {
	.not-found-content .logo-wrapper .logo-img { height:190px; line-height:175px; }
	.not-found-content .logo-wrapper .logo-img img { max-width:170px; max-height:170px; }
	.not-found .info { font-size:48px; } 
	.not-found .info span { font-size:40px; }
	.not-found .info .bottom-line { font-size:20px; }
}
@media (min-width: 980px) {
    .not-found .info .bottom-line { display:block; }
	.not-found-content .logo-wrapper .logo-img { height:150px; line-height:135px; }
	.not-found-content .logo-wrapper .logo-img img { max-width:130px; max-height:130px; }
}
@media (min-width: 1200px) {
	.not-found-content .logo-wrapper .logo-img { height:180px; line-height:165px; }
	.not-found-content .logo-wrapper .logo-img img { max-width:160px; max-height:160px; }
}
@media (min-width: 1600px) {
	.not-found-content { margin:0 150px; }
}
	
/* not found - premium */
.premium-ad-list-wrapper { display:none; }
.premium-ad-list { font-size:0; display:table; }
.premium-ad-list .part-wrapper { display:inline-block; vertical-align:top; padding:5px; }
.premium-ad-list .part-wrapper .part { display:table-cell; background:#e8e8e8; width:200px; height:200px; text-align:center; vertical-align:middle; }
.premium-ad-list .part-wrapper .part .part-content { overflow:hidden; height:160px; width:200px; }
.premium-ad-list .part-wrapper .part .part-content img { width:auto; height:170px; width:200px; }
.premium-ad-list .part-wrapper .part:hover { -webkit-box-shadow:0 0 8px rgba(102, 175, 233, .38); box-shadow:0 1px 4px rgba(0, 0, 0, .38); -moz-box-shadow:0 0 8px rgba(102, 175, 233, .38); }
	
@media (min-width: 980px) {
	.premium-ad-list-wrapper { display:inline-block; }
	.premium-ad-list { margin-left:60px; }
}
@media (min-width: 1012px) {
	.premium-ad-list { margin-left:80px; }
}
@media (min-width: 1268px) {
	.premium-ad-list { margin-left:100px; }
}
@media (min-width: 1348px) {
	.premium-ad-list { margin-left:40px; }
}
@media (min-width: 1428px) {
	.premium-ad-list { margin-left:75px; }
}
@media (min-width: 1588px) {
	.premium-ad-list { margin-left:50px; }
}
@media (min-width: 1668px) {
	.premium-ad-list { margin-left:95px; }
}
@media (min-width: 1908px) {
	.premium-ad-list { margin-left:8px; }
}

/* PRIVACY POLICY */
.privacy-policy { margin-top:20px; }
.privacy-policy .title { padding-left:5px; }
.privacy-policy h1 { color:#6f6f6f; font-size:24px; }
.privacy-policy .title img { float:left; margin-right:10px; padding:5px 10px 5px 0; border-right:1px solid #c9c9c9;   }
.privacy-policy-content { background:#eee; border:1px solid #dfdede; margin-top:15px; font-size:14px; color:#7b7a7a; padding:15px 0; }
.privacy-policy-content p { margin:0 15px 15px 15px; }
.privacy-policy-content a { color:#0796d9; }
.privacy-policy-content a:hover { text-decoration:underline; }
	
/* REGISTER PAGE */
.register-page { padding:50px 0; text-align:center; }
.register-page .title { background:#313131; padding:15px 0; }
.register-page-form { max-width:400px; padding:15px 5px; margin:auto; background-color:#fff; border-radius:5px; border:1px solid #aaa; }
.register-page .info { font-size:11px; color:#8c9197; padding:10px 0; }
.register-page .info h1 { font-weight:300; font-size:36px; margin:5px 0 15px 0; }
.register-page .register-row { width:100%; padding:0; margin:5px 0; }
.register-page .register-row .input-group { width:100%; position:relative; text-align:left; }
.register-page .register-row input[type=text], input[type=password] { border-radius:0; height:51px; box-shadow:inset 0 0 0; -webkit-box-shadow:inset 0 0 0; -moz-box-shadow:inset 0 0 0; border:1px solid #dfdede; font-size:20px; padding-left:50px;  }
.register-page .register-row input[type=text]:focus, input[type=password]:focus { -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 2px 2px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); -moz-box-shadow: inset 0 2px 2px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); border-color: #90c1e8; }
.register-page .register-row input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder { opacity: 1; }
.register-page .register-row .register-page-icon { width:41px; height:50px; padding-top:17px; background:url(../img/register-right-border.png) right no-repeat; position:absolute; z-index:10; border:none; }
.register-sign-up-info a { color:#2c9edc; }
.register-sign-up-info a:hover { text-decoration:underline; }
.register-sign-up-button { float:none; height:30px; color:#fff; font-weight:bold; font-size:24px; }
.register-sign-up-button a { display:block; background:#19b5fe; border-bottom:2px solid #2d9fee; text-align:center; padding:2px 0; float:right; width:100%; }
.register-sign-up-button a:hover { background:#3abbf7; }

@media (min-width: 768px) {
	.register-page-form { padding:15px; }
}

/* UPLOAD LOGO PAGE */
.upload-logo-page { margin-top:10px; }
.upload-logo-page .title { color:#6f6f6f;  }
.upload-logo-page .title img { float:left; padding:5px 10px 0 0;  }
.upload-logo-page .title h1 { font-size:24px; font-weight:bold; }
.upload-logo-content { background:#eee; border:1px solid #dadada; margin-top:20px; padding:10px 0; }
.upload-logo-content .upload-content-col1 { float:none; width:100%; border-right:1px solid #dadada; padding:0 10px; }
.upload-logo-content .upload-logo-row { margin-top:15px; }
.upload-logo-content .upload-logo-row .sub-title { margin-bottom:10px; }
.upload-logo-content .upload-logo-row .sub-title img { float:left; margin:2px 5px 0 3px; }
.upload-logo-content .upload-logo-row h2 { font-size:18px; color:#6f6f6f; }
.upload-logo-content .upload-logo-alert-row { margin:0 10px; }
.upload-logo-content .upload-content-col2 { float:none; width:100%; padding:0 10px; }
.upload-logo-content .upload-content-col2 .info-text {  margin-top:10px;  }
.upload-logo-content .upload-little-button { margin-top:10px; color:#595757; border-bottom:1px solid #dfdede; padding-bottom:10px;  }
.upload-logo-content .upload-little-button .choose-button { float:left; font-size:18px; }
.upload-logo-content .upload-little-button label { font-size:14px; }
.upload-logo-content .upload-little-button .choose-info { float:left; font-size:16px; margin:2px 0 0 15px; }
.upload-logo-content .upload-little-button .choose-sub-info { font-size:12px; margin-top:5px; }
.upload-logo-content .radiobutton-zone { max-width:280px; }
.upload-logo-content .upload-radiobutton-wrapper { font-size:16px; color:#797979; }
.upload-logo-content .upload-radiobutton-wrapper label { font-weight:normal; }
.upload-logo-content .first-radiobutton { float:left; }
.upload-logo-content .second-radiobutton { float:right; }
.upload-logo-content .upload-radiobutton { width:22px; height:22px; border-radius:22px; position:relative; background:#0796d9; float:left; margin-right:5px; }
.upload-logo-content .upload-radiobutton input { margin:5px 0 0 5px; }
.upload-logo-content .upload-radiobutton label { cursor: pointer; position: absolute; width: 16px; height: 16px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; left: 3px; top: 3px; background:#fff; }
.upload-logo-content .upload-radiobutton label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; content: ''; position: absolute; width: 12px; height: 12px; border:1px solid #fff; background:#0796d9; border-radius: 20px; top: 2px; left: 2px; }
.upload-logo-content .upload-radiobutton input[type=radio]:checked + label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.upload-logo-content .upload-logo-button { float:none; height:30px; color:#fff; font-weight:bold; font-size:24px; }
.upload-logo-content .upload-logo-button a { display:block; background:#19b5fe; border-bottom:2px solid #2d9fee; text-align:center; padding:2px 0; float:right; width:100%; margin-top:12px;  }
.upload-logo-content .upload-logo-button a:hover { background:#3abbf7; }

@media (min-width: 640px) {
	.upload-logo-content .upload-content-col1 { float:left; width:50%; }
	.upload-logo-content .upload-content-col2 { float:right; width:50%; }
}
	
/* 404 ERROR PAGE */
.error-wrapper .error-page { text-align:center; }
.error-wrapper .error-page img { width:100%; max-width:516px; }
.error-wrapper .error-page span { font-size:55px; }
.error-wrapper .error-page p { font-size:15px; font-style:italic; color:#555; margin-top:25px; }
.error-wrapper .error-page .bar { max-width:740px; margin:auto; margin-top:25px; }
	
@media (min-width: 660px) {
	.error-wrapper .error-page img { width:auto; }
	.error-wrapper .error-page span { font-size:75px; }
	.error-wrapper .error-page p { font-size:18px; }
}
	
/* MY ACCOUNT */
.my-account { margin-top:20px; position:relative; }
.my-account .title { padding-left:5px; }
.my-account h1 { color:#6f6f6f; font-size:24px; }
.my-account .title img { float:left; margin-right:10px; padding:5px 10px 5px 0; border-right:1px solid #c9c9c9;  }
.my-account-nav { margin-top:10px; }
.my-account-nav img { margin:-2px 0 0 0; display:none; }
.my-account-nav li { float:left; text-align:center; color:#fff; background:#6f6f6f; font-size:11px; }
.my-account-nav li a { padding:7px 0; display:block; }
.my-account-nav li:hover { text-decoration:underline; }
.my-account-nav li img { margin-right:5px; }
.my-account-nav .my-uploads { width:33%; }
.my-account-nav .edit-profile { width:33%; }
.my-account-nav .change-password { width:34%; }
.my-account-nav .active { background:#7f7f7f; }
.my-account h2 { font-size:12px; color:#6f6f6f; padding:5px 0; }
.my-account .save-button { text-align:right; margin-top:10px; }
.my-account .save-button input { background:#19b5fe; border:none; border-bottom:2px solid #2d9fee; color:#fff; font-weight:bold; font-size:16px; padding:6px 42px; }
.my-account .save-button input:hover { background:#3abbf7; }
.my-account table { width:100%; }
.my-account .border-right { border-right:1px solid #c9c9c9; }
.my-account .my-account-input { background:#f5f5f5; }
.my-account .my-account-input input { border-radius:0; font-size:11px; height:30px; padding:4px; }
.my-account .my-account-input select { border-radius:0; font-size:11px; height:30px; padding:4px; }
.my-account textarea { font-size:11px; background:#fff; }
	
@media (min-width: 440px) {
	.my-account-nav li { font-size:12px; }	
	.my-account-nav li a { padding:6px 0; }	
	.my-account h2 { font-size:13px; }
	.my-account .save-button button { font-size:18px; padding:7px 50px; }
	.my-account .my-account-input input { font-size:14px; height:35px; padding:auto; }
	.my-account .my-account-input select { font-size:14px; height:35px; padding:auto; }
	.my-account textarea { font-size:14px; }
}
@media (min-width: 550px) {
	.my-account-nav img { display:inline-block; }
	.my-account-nav li { font-size:14px; }	
	.my-account h2 { font-size:14px; }
	.my-account-nav li a { padding:5px 0; }
}

/* change password */
.password-content { background:#eee; border:1px solid #dfdede; margin-top:40px; font-size:14px; color:#7b7a7a; border-top:none; border-bottom:none; }
.password-content td { padding:5px 10px; font-size:12px; border-bottom:1px solid #c9c9c9; }
.password-content .my-account-input .first-part { width:100%; float:none; }
.password-content .my-account-input .first-part label { font-size:13px; }
.password-content .my-account-input .second-part { width:100%; float:none; text-align:left; padding:3px 0; font-size:11px; }
	
@media (min-width: 440px) {
	.password-content td { font-size:14px; }
}
@media (min-width: 550px) {
	.password-content .my-account-input .second-part { font-size:13px; }	
}
@media (min-width: 768px) {
	.password-content .my-account-input .first-part { width:50%; float:left; }
	.password-content .my-account-input .second-part { width:48%; float:right; padding:7px 0; }
}
	
/* edit profile */
.edit-profile-content { background:#eee; border:1px solid #dfdede; margin-top:40px; font-size:14px; color:#7b7a7a; border-top:none; border-bottom:none; }
.edit-profile-content h2 { float:none; font-size:13px; }
.edit-profile-content span {  margin-left:0; font-size:11px; padding-top:4px; }
.edit-profile-content .border-right { width:100px;}
.edit-profile-content td { padding:5px 10px; font-size:13px; border-bottom:1px solid #c9c9c9; }
.edit-profile-content .my-account-input .name { padding:4px 0; display:block; }
.edit-profile-content .my-account-input p { font-size:11px; margin-top:5px; }
.edit-profile-content .my-account-input .first-part { width:100%; float:none; }
.edit-profile-content .my-account-input .first-part .input-right-text { margin-top:1.7px; }
.edit-profile-content .my-account-input .first-part label { font-size:13px; }
.edit-profile-content .my-account-input .second-part { width:100%; float:none; text-align:left; padding:4px 0; font-size:11px; }
.edit-profile-content .select-box-wrapper { width:100%; }
.edit-profile-content .select-box { float:left; width:31%; margin-right:2%; }
.edit-profile-content .select-box-gender { width:70%; }
	
@media (min-width: 440px) {
	.edit-profile-content .select-box-wrapper { width:70%; }
}
@media (min-width: 550px) {
	.edit-profile-content h2 { float:left; }
	.edit-profile-content span { margin-left:15px; padding-top:4px; font-size:13px; }	
	.edit-profile-content .my-account-input p { font-size:14px; }
	.edit-profile-content .select-box-gender { width:42%; }
}
@media (min-width: 670px) {
	.edit-profile-content .border-right { width:150px; }
	.edit-profile-content td { font-size:16px; }
	.edit-profile-content h2 {font-size:14px; }
	.edit-profile-content .my-account-input .first-part { width:50%; float:left; }
	.edit-profile-content .my-account-input .second-part { width:48%; float:right; padding:0; font-size:13px;  }
	.edit-profile-content .select-box-wrapper { width:60%; }
}
@media (min-width: 768px) {
	.edit-profile-content .border-right { width:200px; }
	.edit-profile-content .my-account-input .first-part .input-right-text { margin:0; }
}

/* my uploads */
.my-uploads-content { background:#eee; border-left:1px solid #dfdede; margin-top:40px; font-size:11px; color:#6f6f6f; }
	
@media (min-width: 500px) {
	.my-uploads-content { font-size:12px; }
}
@media (min-width: 600px) {
	.my-uploads-content { font-size:13px; }
}
@media (min-width: 768px) {
	.my-uploads-content { font-size:14px; }
}

/* FEEDBACK */	
.feedback-wrapper { width:250px; height:260px; color:#fff; font-size:16px; position:fixed; bottom:0; right:10px; margin-bottom:-220px; z-index:10000; display:block; }
.feedback-header { padding:10px 10px 0 10px; width:150px; height:40px; cursor:pointer; }
.feedback-wrapper .open-fb { background:url(../img/icon-feedback-arrow-up.png) #0796d9 no-repeat 125px; }
.feedback-wrapper .close-fb { background:url(../img/icon-feedback-arrow-down.png) #0796d9 no-repeat 125px; }
.feedback-content { background:#0796d9; height:100%; float:none; padding:10px 10px 0 10px; }
.feedback-content .rate-icon-group { text-align:center; margin-top:5px; padding:5px; }
.feedback-content .rate-icon-group ul { display:inline-block; margin-bottom:5px; }
.feedback-content .rate-icon-group li { float:left; text-align:center; }
.feedback-content .rate-icon-group img { padding:0 3px; margin:0; cursor:pointer; }
.feedback-content .feedback-textarea { margin-top:5px;}
.feedback-content .feedback-textarea textarea { border-radius:0; font-size:12px; }
.feedback-content .feedback-send { margin-top:7px; }
.feedback-send .send-text { float:left; font-size:12px; margin-top:4px; }
.feedback-send .send-button { float:right; }
.feedback-send .send-button button { background:#2ecc71; padding:2px 20px; border:none; border-radius:3px; font-size:14px; }

@media (min-width: 768px) {
	.feedback-wrapper { right:70px; }
}	

/* CONTACT PAGE */
.contact-page { margin-top:20px; }
.contact-page .title { padding-left:5px; }
.contact-page h1 { color:#6f6f6f; font-size:24px; }
.contact-page .title img { float:left; margin-right:10px; padding:5px 10px 5px 0; border-right:1px solid #c9c9c9;   }
.contact-page .title-info { font-size:16px; color:#6f6f6f; margin-top:10px; padding-left:5px; }
.contact-page .title-info a { font-weight:bold; }
.contact-page .title-info a:hover { text-decoration:underline; }
.contact-page-content { background:#eee; border:1px solid #dcdcdc; padding:0 15px 20px 15px; margin-top:10px; }
.contact-page-content .contact-page-row { margin-top:15px; }
.contact-page-content .contact-page-row .contact-page-row-left { float:none; width:100%; }
.contact-page-content .contact-page-row .contact-page-row-right { float:none; width:100%; margin-top:10px; }
.contact-page-content .contact-page-row h2 { color:#6f6f6f; font-size:16px; font-weight:bold; margin-bottom:10px; padding-left:2px; }
.contact-page-content .contact-page-row .contact-page-input input { border-radius:0; height:40px; }
.contact-page-content .contact-page-row { font-size:11px; color:#6f6f6f; }
.contact-page-content .send { text-align:center; }
.contact-page-content .contact-page-row .captcha { float:none; }
.contact-page-content .contact-page-row .captcha div { margin:auto; }
.contact-page-content .contact-page-row .button { float:none; }
.contact-page-content .contact-page-row .button input[type=submit] { font-weight:bold; color:#fff; font-size:24px; background:#19b5fe; padding:6px 75px; border:none; border-bottom:2px solid #2d9fee; }

@media (min-width: 480px) {
	.contact-page-content .contact-page-row { font-size:13px; }
}
@media (min-width: 590px) {
.contact-page-content .contact-page-row .captcha { float:left; display:block; }
.contact-page-content .contact-page-row .button { float:right; display:block; margin-top:30px; }
}
@media (min-width: 768px) {
	.contact-page-content .contact-page-row { font-size:16px; }
	.contact-page-content .contact-page-row .contact-page-row-left { float:left; width:49%; }
	.contact-page-content .contact-page-row .contact-page-row-right { float:right; width:49%; margin-top:0; }
}

/* validator */
.error { border:1px solid #F05F5C; }
label.error { border:0; color:#F05F5C; margin-top:5px; display:block; }
.valid { border:1px solid #2ecc71; }

/* dataTables */
.dataTables { font-size:13px; text-align:center; }
.dataTables a { color: #000; }
.dataTables thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc { cursor: pointer; }
.dataTables tbody tr.selected { background-color: #b0bed9; }
.dataTables td{ border-right:1px solid #c2c2c1; height:25px; }
.dataTables td.sorting_1{ background-color: #eee; }
.dataTables tr.odd { background-color:#fff; border-bottom:1px solid #adadad; }
.dataTables tr.even{ background-color:#F3F4F5; border-bottom:1px solid #adadad; }
.dataTables tr.even:hover { background-color: #D6FF5C; }
.dataTables tr.even:hover td.sorting_1 { background-color: #D6FF5C; }
.dataTables tr.odd:hover { background-color: #D6FF5C; }
.dataTables tr.odd:hover td.sorting_1 { background-color: #D6FF5C; }
.dataTables tr.selected:hover { background-color: #b0bed9; }
.dataTables tr.selected:hover td.sorting_1 { background-color: #b0bed9; }
.dataTables tr.selected td.sorting_1 { background-color: #b0bed9; }
.dataTables th { padding:0 2px; text-align:center; }
.dataTables_filter { display: none; }
.dataTables td .bold { font-weight:bold; }
.dataTablesMessages { padding:20px 0 50px 0; font-size:16px; font-weight:bold; }
.dataTables_wrapper .dataTables_info { float: left; padding-top: 0.755em; }
.dataTables_wrapper .dataTables_paginate { float: right; text-align: right; padding-top: 0.25em; }
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333333 !important;
  border: 1px solid transparent;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333333 !important;
  border: 1px solid #cacaca;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gainsboro));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, gainsboro 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, white 0%, gainsboro 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, white 0%, gainsboro 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, white 0%, gainsboro 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, gainsboro 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #585858 0%, #111111 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #585858 0%, #111111 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #585858 0%, #111111 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #585858 0%, #111111 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #585858 0%, #111111 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  /* W3C */
  box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 80px;
  margin-left: -50%;
  margin-top: 0px;
  padding-top: 10px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate { color: #333333; }
#paginator { background-color:#fff; height:40px; padding:0 10px 0 10px; display:none; }