/*	-------------------------------------------------------------
	Project Name:  ( Improved version )
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	.developer3@silvertrees.net
	-------------------------------------------------------------	
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
 
* { margin:0; padding:0; outline:none }
a { text-decoration:none; outline:none; color:#13202c }
a:focus { outline:none; }
a:hover { text-decoration:none; }
img { border:none; max-width:100% }
hr { border:0 #e3e7ef solid; border-top-width:1px; clear:both; height:0 }
h1, h2, h3, h4, h5, h6 { padding-bottom:5px; font-weight:100; color:#313539; font-family: 'bignoodletitlingregular', Arial, Helvetica, sans-serif; }
h1 { font-size: 36px; }
h2 { font-size: 32px; }
h3 { font-size:26px }
h4 { font-size:24px }
h5 { font-size:18px }
h6 { font-size:16px }
button, input, select, textarea { font-family:Arial, Helvetica, sans-serif }
 button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
button { overflow: visible; background: none; border: none; cursor: pointer; font-family:Arial, Helvetica, sans-serif }
body { font:12px Arial, Helvetica, sans-serif; color:#4d4d4d; background:#e5e6e4; }
.clear { font-size:1%; clear:both; height:1%; overflow:hidden; }
.left { float:left; display:inline; }
.right { float:right; display:inline; }
.wrap { width:960px; margin:0 auto }
.color-a { color:#3fbbc9; }

/*layout*/
@font-face {
 font-family: 'bignoodletitlingregular';
 src: url('fonts/big_noodle_titling-webfont.eot');
 src: url('fonts/big_noodle_titling-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/big_noodle_titling-webfont.woff') format('woff'), url('fonts/big_noodle_titling-webfont.ttf') format('truetype'), url('fonts/big_noodle_titling-webfont.svg#bignoodletitlingregular') format('svg');
 font-weight: normal;
 font-style: normal;
}
.instructions { padding:45px 0 }
.instructions h2 { text-transform:uppercase }
.header { padding:10px 0 }
.logo { padding-bottom:15px }
.top-banners { padding-top:18px; }
.main { background:#fff; border-top:1px solid #cccccb; border-bottom:1px solid #cccccb; padding:45px 12px }
.instructions { overflow:hidden; }
.instructions h2 { margin-bottom:30px; }
.instructions ol { list-style:none; width:990px }
.instructions ol li { display: inline; float: left; margin-right: 25px; width: 300px; }
.instructions h2, .instructions p { overflow:hidden; }
.instructions ol li img { margin: 0 16px 20px 0; }
.instructions ol h2 { margin-bottom:0; }
.handy-hints { position:relative; background:#e5e6e4; padding:25px 90px; margin:20px 0 40px 40px }
.handy-hints > img { left: -40px; position: absolute; top: -15px; }
.quickhints { list-style:none; }
.footer { padding:15px 0 160px }
.footer p { color:#13202c; font-size:14px; }
.footer p a { color:#13202c; }
.footer span { padding:0 5px; }
.social { list-style:none; }
.social a { font-size:14px; padding:2px; display:block }
.recent-imgs { overflow:hidden; }
.recent-imgs ul { list-style:none; width:999px }
.recent-imgs ul li { display:inline; float:left; margin:9px; height:144px; width:175px; overflow:hidden; }
.img-count { background:#e5e6e4 url(resizer/count-bg.png) no-repeat top right }
.img-count h2 { font-size: 60px; line-height: 25px; margin: 41px 0 12px 12px; padding: 0; }
.img-count h3 { font-size: 30px; line-height: 28px; margin: 17px 12px; }
/*tool style*/
.img-resizer-wrap { position:relative; min-width:300px; background:#7F7F7F; min-height:300px; }
.toolbar-container { background:#d6d6d6; border: 1px solid #909090; border-bottom:1px solid #707070; display: block; padding: 10px; overflow:hidden; }
.button, .qq-upload-button { background:#fafafa; background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); background:-webkit-linear-gradient(top, #ffffff, #eeeeee); background:-moz-linear-gradient(top, #ffffff, #eeeeee); background:-o-linear-gradient(top, #ffffff, #eeeeee); background:-ms-linear-gradient(top, #ffffff, #eeeeee); background:linear-gradient(top, #ffffff, #eeeeee); border:1px solid #909090; box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.2); color:#555; cursor:pointer; display:inline-block; font-size:12px; font-weight:500; height:28px; line-height:28px; outline:none; padding:0 3px; text-shadow:0 1px 0 #fff; text-decoration:none; vertical-align:middle; white-space:nowrap; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; font-smoothing:antialiased }
a.button { padding:4px 7px }
.button:hover { background:#f0f0f0; background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8f8f8), color-stop(100%, #e8e8e8)); background:-webkit-linear-gradient(top, #f8f8f8, #e8e8e8); background:-moz-linear-gradient(top, #f8f8f8, #e8e8e8); background:-o-linear-gradient(top, #f8f8f8, #e8e8e8); background:-ms-linear-gradient(top, #f8f8f8, #e8e8e8); background:linear-gradient(top, #f8f8f8, #e8e8e8); text-decoration:none }
.button:focus { box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.2) }
.button:active, .button.button-selected { background:#eee; box-shadow:inset 0 1px 4px rgba(0, 0, 0, 0.1) }
.not-active { font-weight: bold; opacity: 0.4; filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
.drop-btn { padding:0 2px }
.drop-btn > span { font-size:11px; margin:0 }
.btn-group { display:inline-block; margin:0 5px; float:left }
.btn-group .button { float: left; margin-left: -1px; }
.btn-group a.button { margin-left:-1px; }
.droplist-group { position: relative; }
.dropdown-menu { background-clip: padding-box; background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); display: block; float: right; list-style: none outside none; min-width: 140px; position: absolute; right: 0; top: 100%; z-index: 1000; }
.dropdown-menu > li > a { clear: both; color: #333; display: block; font-size: 11px; line-height: 18px; padding: 2px 15px; text-align: left; transition: all 0.15s linear 0s; }
.dropdown-menu > li > a:hover { background: none repeat scroll 0 0 #5DB2FF; color: #fff; opacity:1 }
.dropdown-menu li.active { background-color: #E5E5E5; }
.ui-wrapper, .ui-resizable { position:relative }
.ui-icon-gripsmall-diagonal-se { display:block; overflow:hidden; background:url(resizer/resizer.png) no-repeat; height:16px; width:16px; cursor:se-resize; position:absolute; bottom:0; right:0; z-index:90 }
.img-cords { position:absolute; bottom:0; left:0; font-size:12px; background:#fff; padding:2px 4px; color:#333; font-family:Verdana, Geneva, sans-serif; }
.loading { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9); height: 100%; position: absolute; text-align: center; width: 100%; display:none; z-index:400 }
.loading > img { margin-top: -35px; margin-left: -35px; position: absolute; top: 50%; }
#tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; }
#tiptip_holder.tip_top { padding-bottom: 5px; }
#tiptip_holder.tip_bottom { padding-top: 5px; }
#tiptip_holder.tip_right { padding-left: 5px; }
#tiptip_holder.tip_left { padding-right: 5px; }
#tiptip_content { font-size: 11px; color: #fff; text-shadow: 0 0 2px #000; padding: 4px 8px; border: 1px solid rgba(255, 255, 255, 0.25);  background-color: rgb(25,25,25); background-color: rgba(25, 25, 25, 0.92); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000)); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 3px #555; -webkit-box-shadow: 0 0 3px #555; -moz-box-shadow: 0 0 3px #555; zoom:1; background-color:#000; }
#tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; }
#tiptip_holder.tip_top #tiptip_arrow { border-top-color: #fff; border-top-color: rgba(255, 255, 255, 0.35); }
#tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #fff; border-bottom-color: rgba(255, 255, 255, 0.35); }
#tiptip_holder.tip_right #tiptip_arrow { border-right-color: #fff; border-right-color: rgba(255, 255, 255, 0.35); }
#tiptip_holder.tip_left #tiptip_arrow { border-left-color: #fff; border-left-color: rgba(255, 255, 255, 0.35); }
#tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: rgb(25,25,25); border-top-color: rgba(25, 25, 25, 0.92); }
#tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: rgb(25,25,25); border-bottom-color: rgba(25, 25, 25, 0.92); }
#tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: rgb(25,25,25); border-right-color: rgba(25, 25, 25, 0.92); }
#tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: rgb(25,25,25); border-left-color: rgba(25, 25, 25, 0.92); }

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 #tiptip_content {
 padding: 4px 8px 5px 8px;
 background-color: rgba(45, 45, 45, 0.88);
}
 #tiptip_holder.tip_bottom #tiptip_arrow_inner {
 border-bottom-color: rgba(45, 45, 45, 0.88);
}
 #tiptip_holder.tip_top #tiptip_arrow_inner {
 border-top-color: rgba(20, 20, 20, 0.92);
}
}
.icon-heart, .icon-ok, .icon-remove, .icon-zoom-in, .icon-zoom-out, .icon-off, .icon-cog, .icon-download-alt, .icon-refresh, .icon-picture, .icon-move, .icon-chevron-left, .icon-chevron-right, .icon-question-sign, .icon-info-sign, .icon-remove-circle, .icon-ok-circle, .icon-arrow-left, .icon-arrow-right, .icon-arrow-up, .icon-arrow-down, .icon-resize-full, .icon-plus, .icon-eye-open, .icon-eye-close, .icon-chevron-up, .icon-chevron-down, .icon-upload-alt, .icon-unlock, .icon-fullscreen, .icon-cloud-download, .icon-cloud-upload, .icon-paperclip, .icon-upload, .icon-download, .icon-install, .icon-arrow-left2, .icon-arrow-down2, .icon-arrow-up2, .icon-arrow-right2, .icon-arrow-left3, .icon-arrow-down3, .icon-arrow-up3, .icon-icon846, .icon-download2, .icon-undo, .icon-redo, .icon-lock, .icon-lock2, .icon-unlocked, .icon-cog2, .icon-remove2, .icon-download3, .icon-crop, .icon-scissors { display: inline-block; width: 16px; height: 16px; background-image: url(resizer/resizer-sprites.png); background-repeat: no-repeat; }
.icon-heart { background-position: 0 0; }
.icon-ok { background-position: -32px 0; }
.icon-remove { background-position: -64px 0; }
.icon-zoom-in { background-position: -96px 0; }
.icon-zoom-out { background-position: -128px 0; }
.icon-off { background-position: -160px 0; }
.icon-cog { background-position: -192px 0; }
.icon-download-alt { background-position: -224px 0; }
.icon-refresh { background-position: -256px 0; }
.icon-picture { background-position: -288px 0; width: 17px; }
.icon-move { background-position: -320px 0; }
.icon-chevron-left { background-position: -352px 0; }
.icon-chevron-right { background-position: -384px 0; }
.icon-question-sign { background-position: -416px 0; }
.icon-info-sign { background-position: -448px 0; }
.icon-remove-circle { background-position: -480px 0; }
.icon-ok-circle { background-position: 0 -32px; }
.icon-arrow-left { background-position: -32px -32px; }
.icon-arrow-right { background-position: -64px -32px; }
.icon-arrow-up { background-position: -96px -32px; }
.icon-arrow-down { background-position: -128px -32px; }
.icon-resize-full { background-position: -160px -32px; }
.icon-plus { background-position: -192px -32px; }
.icon-eye-open { background-position: -224px -32px; }
.icon-eye-close { background-position: -256px -32px; }
.icon-chevron-up { background-position: -288px -32px; }
.icon-chevron-down { background-position: -320px -32px; }
.icon-upload-alt { background-position: -352px -32px; }
.icon-unlock { background-position: -384px -32px; }
.icon-fullscreen { background-position: -416px -32px; }
.icon-cloud-download { background-position: -448px -32px; width: 17px; }
.icon-cloud-upload { background-position: -480px -32px; width: 17px; }
.icon-paperclip { background-position: 0 -64px; }
.icon-upload { background-position: -32px -64px; }
.icon-download { background-position: -64px -64px; }
.icon-install { background-position: -96px -64px; }
.icon-arrow-left2 { background-position: -128px -64px; }
.icon-arrow-down2 { background-position: -160px -64px; }
.icon-arrow-up2 { background-position: -192px -64px; }
.icon-arrow-right2 { background-position: -224px -64px; }
.icon-arrow-left3 { background-position: -256px -64px; }
.icon-arrow-down3 { background-position: -288px -64px; }
.icon-arrow-up3 { background-position: -320px -64px; }
.icon-icon846 { background-position: -352px -64px; }
.icon-download2 { background-position: -384px -64px; }
.icon-undo { background-position: -416px -64px; }
.icon-redo { background-position: -448px -64px; }
.icon-lock { background-position: -480px -64px; }
.icon-lock2 { background-position: 0 -96px; }
.icon-unlocked { background-position: -32px -96px; }
.icon-cog2 { background-position: -64px -96px; }
.icon-remove2 { background-position: -96px -96px; }
.icon-download3 { background-position: -128px -96px; }
.icon-crop { background-position: -160px -96px; }
.icon-scissors { background-position: -192px -96px; }
.notes { color: #555; margin: 50px 0; }
.notes h3 { border-bottom: 1px solid #CCC; color: #555; font-size: 25px; margin-bottom: 24px; padding-bottom: 13px; }
.notes h4 { padding-bottom: 8px; }
.notes ol { margin-left:18px; margin-bottom:20px }
.notes li { padding:2px 2px 7px; font-size:14px }
.notes li strong { padding:2px 0 }
.resizable-wrap { padding:10px }
.jcrop-holder, .resizable-wrap, .resizable-wrap img, .ui-wrapper, .ui-resizable { text-align:center; margin:0 auto!important }
/*Wordpress*/
.wp-wrap { overflow:hidden; }
.content-area { width:680px; float:left }
.sidebar-container { float:right; width:250px; }
.widget { background-color: #E5E6E4; font-size: 14px; -webkit-hyphens: auto; -moz-hyphens:    auto; -ms-hyphens:     auto; hyphens:         auto; margin: 0 0 24px; padding: 20px; word-wrap: break-word; }
.widget ul { margin-left:15px }
.search-form labe { font-size:18px; color:#000; display:block; margin:5px 0 }
.search-form { position:relative; }
.search-form .search-field { border: 1px solid #CCC; color: #333333; font-size: 12px; margin: 5px 0; padding: 8px; width: 125px; }
.search-form .search-submit { background: none repeat scroll 0 0 #3FBBC9; border: medium none; color: #FFFFFF; font-size: 12px; font-weight: 700; height: 32px; position: absolute; cursor:pointer; right: 0; top: 6px; width: 58px; padding:0; }
.btn-group.updown { height:28px; overflow:hidden }
.updown .icon-upload-alt { left: 7px; position: absolute; top: 1px; }