@charset "utf-8";
*{ padding:0; margin:0 auto; }
*.clearfloat{ clear:both; }
*.float-divider{ clear:both; display:block; height:0px; font-size:1px; line-height:1px; }
*.div-spacer{ display:block; height:10px; }
*.small-div-spacer{ display:block; height:5px; }
*.box_pad{ position:relative; padding:5px; }
*.white_box{ position:relative; background:#fff; padding:5px; }
*.mini-div-spacer{ height:2px; display:block; }

body{
	font-family:Arial, Helvetica, sans-serif;
	background: url(https://imgs-layout-dragoart-386112.c.cdn77.org/dev_dir/common/bg20160730.png) top center repeat-y;
	background-color: #000 !important;
	font-size:11px !important; 
	width:100%;
	line-height: normal;
}

.container{ 
	position:relative;
	max-width: 932px;
}

#wrapper{
	padding-left: 5px;
}

#centercol{
	padding-left: 0;
	padding-right: 0;
}

.padding-left-none{
	padding-left: 0;
	
}

.padding-right-none{
	padding-right: 0;
	
}

.padding-left-right-none{
	padding-left: 0;
	padding-right: 0;	
}

#centercol_io{
	background: #fff;
}

#rightcol{
	background: #000;
}

#rightcol_io{
	margin: 0 0 0 2px;
}

/* common */
img{ border:none; }

a{ color:#0058c8; text-decoration:none; font-weight:bold; padding:0; margin:0; border:none; }
a:hover{ color:#000; text-decoration:none; }
a:focus{ border: none; }

h4{ font-size:16px; color:#313232; background:url(https://imgs-layout-dragoart-386112.c.cdn77.org/dev_dir/common/dpttrn.png); margin-bottom:10px; }
h4 span{ background:#fff; padding-right:10px; padding-bottom:1px; }

/* message stack */
.messageStackSuccess, .messageStackError {  
	font-weight:bold;
	margin:5px 0;
	padding:5px 10px;
	border-radius:2px;
	color:#fff; }
.messageStackError{ background:#b90808; }
.messageStackSuccess{ background:#4a7e06; }

/* structure */
div.addthis_toolbox{
	position:relative;
	margin:0 auto;
	padding:10px;
	padding-bottom:0;
	text-align:center;
	width:350px 
}




.sidebar_btn{
	display:block;
	padding:4px 10px;
	margin-top:1px;
	background:#001b46 url(https://imgs-layout-dragoart-386112.c.cdn77.org/buttons/sidebar_bttn.png) top;
	color:#fff; }
.sidebar_btn:hover{ background-position:bottom; }

/* toolbox headers */
#user_toolbox{ background:url(https://imgs-layout-dragoart-386112.c.cdn77.org/common/toolbox_hdrs.png); width:640px; height:45px; display:block; position:relative; color:#0649a8; font-weight:bold; cursor:default; }
#user_toolbox_io{ padding-left:57px; padding-top:20px; }

#user_toolbox a{ color:#fff; }
#user_toolbox a:hover{ text-decoration:underline; }

/* input */
.default_select{ width:400px; padding:5px; outline:none; transition:.5s; }
.default_select:focus{ border:1px #0054bf solid; }

.default_inp{
	padding:8px 10px;
	border:5px #dfdfdf solid;
	outline:none;
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-radius:4px;
	transition:0.5s; 
	    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;	
	width: 100%;
}

.default_inp:focus{ 
	border:5px #0054bf solid; background:#0058c8; color:#fff; 
}

.liq_inp{ width:595px; }

.default_inp_code{
	font-family:Arial, Helvetica, sans-serif;
	padding:8px;
	border:1px #ddd solid;
	outline:none;
	border-radius:2px;
	background:#f7f7f7;
	box-shadow:inset 0 0 4px #eee;
	color:#999;
	width:400px;
	height:100px; 
}

.default_inp_code:focus{ 
	border:1px #ccc solid; background:#f8f8f8; color:#000; 
}

.default_btn{
	position:relative;
	padding:6px 12px;
	font-size:11px;
	background:#3570db url(https://imgs-layout-dragoart-386112.c.cdn77.org/dev_dir/bttn/norm-bttn.png) top;
	color:#fff;
	font-weight:bold;
	text-shadow:0 0 -1px #3066c8;
	border-radius:2px;
	border:none; border-left:1px #004baa solid; border-right:1px #004baa solid;
	text-transform:capitalize; }
.default_btn:hover{ cursor:pointer; color:#fff; background-color:#3167ca; background-position:bottom; }

input[type=submit],
input[type=reset],
input[type=button]{
	filter:chroma(color=#000000); }

/* buttons */
#isec_bttn{
	display:inline-block;
	background:#111;
	padding:4px 8px;
	border-radius:2px;
	margin-right:2px;
	margin-top:1px; margin-bottom:2px;
	color:#555;
	font-weight:bold;
	cursor:default; 
}
.sec_bttn{
	display:inline-block;
	background:url(https://imgs-layout-dragoart-386112.c.cdn77.org/buttons/grey_bttn.png);
	padding:4px 8px;
	border-radius:2px;
	margin-right:2px;
	color:#ddd; }
.sec_bttn:hover{
	background-position:bottom;
	color:#000; }

/* user menu */
#viewproicon, #editproicon, #editaccounticon, #changepassicon, #signouticon, #submittuticon, #submitarticon{
	float:left; display:inline-block;
	width:11px; height:11px;
	margin-right:5px;
	margin-top:2px;
	background:url(https://imgs-layout-dragoart-386112.c.cdn77.org/icons/um_icons.png) no-repeat; }

#viewproicon{ background-position:top center; }

#editproicon{ background-position:0px -11px; }

#editaccounticon{ background-position:0px -22px; }

#changepassicon{ background-position:0px -32px; }

#signouticon{ background-position:0px -43px; }

#submittuticon{ background-position:0px -53px; }

#submitarticon{ background-position:0px -53px; }

#um_block{ margin-bottom:2px; }

.um_link{
	background:url(https://imgs-layout-dragoart-386112.c.cdn77.org/dev_dir/common/sub-link.png) top left repeat-x;
	padding:4px 10px;
	font-weight:bold;
	color:#fff;
	margin-bottom:1px;
	display:block; }

.um_sublink{
	padding:4px 10px;
	font-weight:bold;
	color:#efb904;
	margin-bottom:1px;
	display:block;
	background:#0a0a0e;}
.um_sublink:hover{
	background:#0b0c10;
	color:#fff; }

#notif_bx{ background:#df121c url(https://imgs-layout-dragoart-386112.c.cdn77.org/dev_dir/bttn/g-red.png); padding:0 3px; border-radius:2px; }
#notif_bx_gr{ background:#0d0e13; color:#1e1f2b; padding:0 3px; border-radius:2px; }
#notif_bx_in{ float:right; }

/* header */
#main_header{ margin-bottom:10px; }

#breadcrumb{ margin-top:5px; cursor:default; }

#breadcrumb a{
	color:#fff;
	padding:2px 5px;
	display:inline-block;
	border-radius:2px;
	font-weight:bold;
	background:#000; }
#breadcrumb a:hover{ background:#0046ff; color:#fff; }

#breadcrumb_io{ position:absolute; left:15px; top:15px; }

#breadcrumb_io a{ color:#fff; }

h1{ font-size:16px; font-weight:bold; color: #555 }

/* banner */
#banner{
	background:url(https://imgs-layout-dragoart-386112.c.cdn77.org/common/banner20160730v2.png) center no-repeat;
	display:block;
	width:100%; 
	height:132px;
	margin:auto;
	position: relative;
}

#banner a.home{
	display:block;
	width:350px;
	height:132px;
}

#banner .custom-search{
	position: absolute;
	left:390px;	
	top: 50px;
}

#banner .subscription-advert{
	display:block;
	width:153px;
	height:30px;	
	position: absolute;
	left:490px;	
	top: 10px;
	background: none;
}


#search_box_top{
	border:none;
	outline:none;
	margin-top:9px;
	margin-left:9px;
	padding:0;
	width:230px;
	font-size:23px;
	background:none;

}

/* google search */
#search_results_page{ padding:10px; background:#fff; margin:0 2px; }

#google_search_button { background:url(../images/buttons/button_login.gif) no-repeat; width:70px; text-indent:-5000px; }



/* navbar */
#navbar{ 
	background:url(https://imgs-layout-dragoart-386112.c.cdn77.org/dev_dir/common/main_nav.png) top left no-repeat;
	clear:both;
	height:44px;
	margin:0;
	padding: 0;
}

#navbar ul{
	margin: 0;
	padding: 0;
}

#navbar li{ 
	display:inline;	
	float:left; 
	padding: 0;
	margin: 0;
	line-height: normal;
}

.nav_bt_a, .nav_bt_b, .nav_bt_c, .nav_bt_d, .nav_bt_e, .nav_bt_f, .nav_bt_g{
	display:inline-block;
	height:44px;
	background:url(https://imgs-layout-dragoart-386112.c.cdn77.org/dev_dir/common/main_nav.png) no-repeat; }

#navbar .nav_bt_a{ width:95px; background-position:top left; }
#navbar .nav_bt_a:hover{ background-position:0px -44px; }

#navbar .nav_bt_b{ width:85px; background-position:-95px 0px; }
#navbar .nav_bt_b:hover{ background-position:-95px -44px; }

#navbar .nav_bt_c{ width:94px; background-position:-180px 0px; }
#navbar .nav_bt_c:hover{ background-position:-180px -44px; }

#navbar .nav_bt_d{ width:101px; background-position:-274px 0px; }
#navbar .nav_bt_d:hover{ background-position:-274px -44px; }

#navbar .nav_bt_e{ width:136px; background-position:-375px 0px; }
#navbar .nav_bt_e:hover{ background-position:-375px -44px; }

#navbar .nav_bt_f{ background-position:-511px 0px; width:142px; }
#navbar .nav_bt_f:hover{ background-position:-511px -44px; }

#navbar .nav_bt_g{ background-position:-653px 0px; width:105px; }
#navbar .nav_bt_g:hover{ background-position:-653px -44px; }

/* GOOGLE SEARCH	
#navbar .nav_bt_h{ display:inline-block; }
*/
	
	
	
/*

#navbar .nav_bt_a{ width:112px; background-position:top left; }
#navbar .nav_bt_a:hover{ background-position:0px -40px; }

#navbar .nav_bt_b{ width:100px; background-position:-111px 0px; }
#navbar .nav_bt_b:hover{ background-position:-111px -40px; }

#navbar .nav_bt_c{ width:104px; background-position:-210px 0px; }
#navbar .nav_bt_c:hover{ background-position:-210px -40px; }

#navbar .nav_bt_d{ width:101px; background-position:-274px 0px; }
#navbar .nav_bt_d:hover{ background-position:-274px -40px; }

#navbar .nav_bt_e{ width:136px; background-position:-375px 0px; }
#navbar .nav_bt_e:hover{ background-position:-375px -40px; }

#navbar .nav_bt_f{ background-position:-511px 0px; width:142px; }
#navbar .nav_bt_f:hover{ background-position:-511px -40px; }

#navbar .nav_bt_g{ background-position:-653px 0px; width:105px; }
#navbar .nav_bt_g:hover{ background-position:-653px -40px; }

#navbar .nav_bt_h{ display:inline-block; }

*/	

	

 
/* share */
#share_buttonz{
	width:400px;
	margin:0 auto;
	text-align:center;
	margin-bottom:20px; }

/* google ads */
#a1{ float:left; display:inline; position:relative; width:300x; height:250px; margin-right:10px; }

#a2{ float:left; display:inline; position:relative; width:300px; height:250px; }

/* footer */
#footer{
	clear:both;
	color:#adb5c2;
	width:100%; height:516px;
	margin:0 auto;
	background:#000 url(https://imgs-layout-dragoart-386112.c.cdn77.org/dev_dir/common/footer.png) top repeat-x;
	position:relative; }

#footer_io{ padding:40px; width:955px; line-height:18px; }

#footer a{ color:#adb5c2; font-size:12px; }
#footer a:hover{ color:#fff; text-decoration:none; }

#partner_links{ text-align:left; padding-left:16px; }

#navigation_links, #partner_links, #site_stats{
	float:left;
	width:30%;
	display:inline;
	text-align:left;  
	margin:0 0 0 20px; }

#navigation_links .a, #partner_links .a, #site_stats .a{ font-weight:bold; font-size:18px; margin-bottom:10px; }

#partner_links{ margin:0 0 0 0; }

#copyright{ bottom:0; width:900px; text-align:center; position:absolute; font-size:12px; color:#616171; margin-bottom:10px; }

/* livestream */
#livestream_container{
	width:620px;
	height:300px;
	margin:13px auto; 
	padding:0; 
	overflow:auto }

/* sidebar headers */
#header_related, #top50_hdr, #im_hdr, #header_tut_info, #cat_hdr, #header_artwork_info, #um_hdr{
	display:block;
	margin: 0;
	margin-bottom:1px;
	width:100%; height:33px;
	border-right:0;
	background:url(https://imgs-layout-dragoart-386112.c.cdn77.org/common/sidebar_hdrs.png) no-repeat; 
}

#cat_hdr{ background-position:0px 0px; }
#header_related{ background-position:0px -132px; margin-bottom:2px; }
#top50_hdr{ background-position:0px -33px; }
#header_tut_info{ background-position:0px -66px; }
#header_artwork_info{ background-position:0px -99px; }
#um_hdr{ background-position:0px -198px; }
#im_hdr{ background-position:bottom left; }

/* content */
.contentbox{}

.contentbox_io{}

.contentbox_io_fix{ width:100%; overflow:hidden; }

#contentbox_details, #contentbox_news{}

.contentbox td.a{ padding:0; text-align:left; }

.contentbox .l{ margin-bottom:4px; color:#fff; line-height:18px; }

.contentbox .l a{ color:#efb904; font-weight:bold; }
.contentbox .l a:hover{ color:#fff; }

.contentbox ul.a{ list-style:none; }

.contentbox_io .d{
	width:97%;
	padding:0; 
	overflow:auto;
	max-height:75px;
	height:expression(this.scrollHeight>75?"75px":"auto"); }

.contentbox_io strong{ font-weight:bold; }

.contentbox table.a{ width:180px; padding-left:2px; color:#8f8f8f; font-weight:bold; }

.left_info_white{ color:#fff; }

.tutorial_info_listing{ padding-left:2px; }

#notifications{
position: fixed;
bottom: 10px; 
left: 10px;
z-index: 8000;

}


.tutorial_info_header{
	display:block;
	font-weight:bold;
	color:f0f0f0;
	padding:4px 10px;
	background:url(https://imgs-layout-dragoart-386112.c.cdn77.org/dev_dir/common/sub-link.png) top left repeat-x;
	line-height:normal;
	margin-bottom:1px; }

.tutorial_info{ padding:10px; }

.tutorial_info p{ max-height:140px; text-align:justify; padding-right:10px; overflow:auto; line-height:normal; }

.contentbox td.a{}

.contentbox p a{}

.contentbox .action{ border:none; }

#contentbox_catgories{}

.userlist_options{}

.userlist_options a{ font-weight:bold; text-decoration:none; }

/** grey box **/
#instruction_box{ line-height:18px; background:#efefef; border-radius:4px; padding:10px; }

.generic_box{ background:#ddd; border-radius:4px; overflow:hidden; }

.generic_box .box_header{ line-height:30px; font-weight:bold; color:#000; background:#ccc; padding:5px; }

.generic_box  .box_header_io{ padding:0 0 0 8px; }

.generic_box .box_body{ padding:24px; }

.generic_box a{ color:#ff0000; }
.generic_box a:hover{ color:#ff0000; text-decoration:underline; background:none; }

#languages{ text-align:left; height:100px; overflow:auto; width:305px; }

#languages .a{ color:#fff; }

#languages a{
	display:block;
	padding:4px 6px;
	color:#36383a;
	background:#1b1d1f;
	margin-top:2px;
	margin-bottom:2px;
	text-transform:uppercase; }
#languages a:hover{ background:#32983a; color:#fff; }

/* lists */
.list_container{ border:none; padding-bottom:12px; }

div#table_header{
	text-align:left;
	height:28px;
	width:100%;
	overflow:hidden;
	color:#222;
	line-height:28px; }

div#table_header h1{}

h2{font-size: 14px;}

.heading-inline{display: inline-block;}

.step-text{font-size: 14px; padding-left: 20px;}

.step-text h2{padding-bottom:0; margin-bottom:0}

table#list{ width:100%; background:#eee url(https://imgs-layout-dragoart-386112.c.cdn77.org/common/table_header.png) top center repeat-x; text-align:left; }

table#list tr th{ padding:8px 0; }

table#list tr td a{ color:#555; }
table#list tr td a:hover{ color:#000; text-decoration:none; }

table#list tr.e{ background:#efefef; }

table#list tr.o{ background:#fff; }

table#list td{ padding:5px; }

*.list_action_block{ padding:0 6px 6px 6px; }

*.list_action_block div{ padding:6px 12px 6px 10px; }

*.list_action_block .db{ text-align:left; }

*.list_action_block .search_for{ padding-left:15px; }

.delete_button{
	padding:4px 6px;
	background:#efefef;
	border:1px #dfdfdf solid;
	border-radius:2px;
	font-size:11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#333; }
.delete_button:hover{ cursor:pointer; border:1px #cfcfcf solid; color:#000; text-decoration:underline; }

.homepage_special_links{ 
	float:left; 
	width:33%; 
	text-align:center;
	border: none !important;
}

.stepcarousel .panel{ 
	border: none !important;
	box-shadow: none !important;
	border-radius: 0;
	background-color: #000;
}

.stepcarousel .panel .title{
	text-align: left;
	padding-left:3px;	
}

.info_block{ padding:12px; }

a.tut_a{ text-decoration:none; }

#activeusers{
	position:relative;
	left:786px;
	text-align:center;
	color:#fcff22;
	width:47px;
	font-weight:bold;
	font-style:italic; }

#header_home{
	width:710px;
	height:130px;
	position:absolute;
	top:0;
	left:0px; }

.manage_listing_box{ display:block; padding:5px; background:#eee; }

.manage_listing_box_color{ display:block; padding:5px; }

.manage_listing_img{ float:left; display:inline; }

.manage_box_links a{
	color:#555;
	background:#efefef;
	padding:4px 10px;
	border-radius:2px;
	display:inline-block;
	margin-right:4px;
	border:1px #dfdfdf solid; }
.manage_box_links a:hover{ border:1px #cfcfcf solid; }

#manage_listing_content_art{ float:left; display:inline; padding:5px 7px; line-height:18px; }

#manage_listing_content_art a{ color:#555; }
#manage_listing_content_art a:hover{ color:#000; }

.manage_listing_content{
	float:left;
	display:inline;
	margin-top:5px;
	line-height:18px;
	margin-left:10px; }

.manage_listing_content a{ color:#555; }
.manage_listing_content a:hover{ color:#000; }

.manage_listing_title{ font-size:14px; font-weight:bold; }

/* admin bar */
#admin_toolbar{
	background:#333;
	width:100%;
	font-size:12px; 
	z-index:9998;
	position:relative;
	cursor:default; }

#admin_toolbar a{ padding:8px 10px; display:inline-block; color:#ccc; border-right:1px #222 solid; }
#admin_toolbar a:hover{ color:#fff; }

/* categories */
.cat_list{
	background:url(https://imgs-layout-dragoart-386112.c.cdn77.org/dev_dir/bttn/sidebar_bttn.png) top repeat-x;
	margin-bottom:1px;
	height:24px;
	clear: both;
	width: 100%;
}


.cat_list:hover{ background-position:bottom right; cursor:pointer; }

.cat_list:hover a, .cat_list a:hover{ color:#aaa !important; }

.cat_list:hover .more_cat_btn{ cursor:pointer; color:#aaa; }

.more_cat_btn{
	float:right; display:inline;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	padding-right:10px;
	padding-top:4px; 
}

.category_boxer{ 
	height:400px;
	overflow:auto; 
	position:relative; 
	padding: 0;
	margin: 0;
	
}

.cht a, .ch a{ color:#fff; font-weight:bold; }

.ch:hover{ background-position:bottom; position:relative; }

.ch a{
	display: block;
	text-align: left;
	color:#fff;
	padding:5px 10px;
	float:left;
	margin: 0 auto 0 0; 
}
.ch a:hover{
	color:#000;
	cursor:pointer;
	text-decoration:underline; }

.cht a{
	display:block;
	background:url(https://imgs-layout-dragoart-386112.c.cdn77.org/dev_dir/bttn/sidebar_bttn.png) top repeat-x;
	position:relative;
	color:#fff;
	height:19px;
	padding-left:6px;
	padding-top:4px; 
}
.cht a:hover{
	background-position:bottom;
	cursor:pointer;
}

.c{}

.c a{
	display:block;
	padding:4px 10px;
	color:#fdcb00;
	margin-bottom:1px;
	text-transform:capitalize;
	background:#0a0a0e; 
}

.c a:hover{ background:#0b0c10; color:#fff; }

.c a b{ font-weight:normal; display:inline; color:#fdcb00; }
.c a:hover b{ color:#fff; }

.catfooter{}

/* member pic links */
.col_newest_members div.io a{
	display:block;
	color:white;
	width:50px;
	height:50px;
	margin-right:9px;
	font-weight:bold;
	text-decoration:none;
	float:left;
	padding-bottom:3px; }

/* view more members */
.col_newest_members a.io{ display:block; padding:10px 0 0 54px; color:white; font-weight:bold; }

.col_newest_members div.io{ margin-top:44px; margin-left:23px; }

.col_newest_members *.float-divider{ padding:0; padding-bottom:2px; }

/* category pages */
.catnavbar{ border:1px dashed #ff0000; padding:4px 5px; margin:5px 0; width:100%; }

.no_sub_categories{ text-align:center; color:#ff0000; margin:12px 0; font-weight:bold; }

/* interactions details */
#commenticon, #favoriteicon, #printicon, #likeicon{
	float:left; display:inline;
	width:11px; height:11px;
	margin-right:5px;
	margin-top:3px;
	background:url(https://imgs-layout-dragoart-386112.c.cdn77.org/icons/interactions.png) top center no-repeat; }

#commenticon{ background-position:top center; }
#favoriteicon{ background-position:0px -11px; }
#printicon{ background-position:0px -22px; }
#likeicon{ background-position:0px -33px; }

/* tutorial listing */
.tutorial_listing_box_link{ color:#333; display:block; padding:5px; padding-top: 5px; position:relative; }
.tutorial_listing_box_link:hover a{ color:#000; }

.inner_tutorial_listing{}
.inner_tutorial_listing:hover{ cursor:pointer; color:#000; }

.tutorial_listing_info{
	padding-top:4px;
	padding-left:10px;
	zoom:1;
}

.tutorial_listing_info h3{ margin:0; font-size:14px; }

.tutorial_listing_info p{ padding:0; text-align:justify; }

.difficulty_block{ background:#000; padding:4px; color:#ccc; position:absolute; bottom:0; right:0; opacity:0.8; }

.tutorial_listing_info a{ color:#333; }
.tutorial_listing_info a:hover{ text-decoration:underline; }

.tutorial_listing_box_link .c1{
	float:left;
	position:relative; 
	
}

.my_favorites_io .c1{
	display:inline;
	width:120px;
	height:110px;
	position:relative; }

.tutorial_listing_box_link .c1 .l{ bottom:2px; left:2px; position:absolute; }

.tutorial_listing_box_link .c1 .d{ top:0; left:0; position:absolute; width:138px; height:77px; zoom-index:20 }
	
.my_favorites_io .c1 .l{ bottom:2px; left:2px; position:absolute; }

/* related tutorials */
#related_tutorials_box{ margin:0 auto; margin-bottom:2px; background:#000; position:relative; }

#related_tutorials_box img{ float:left; display:inline; padding:5px; }
#related_tutorials_box img:hover{ background:#ffb400 url(https://imgs-layout-dragoart-386112.c.cdn77.org/common/box_hover_bg.png) bottom repeat-x; }

/* most popular */
.popular_opacity_hack{ padding: 0; margin: 0 } /*opacity:0.8; transition:.5s; position:relative; } */
.popular_opacity_hack:hover{ opacity:1; cursor:pointer; }

.popular_boxer{ position:relative; height:60px; }

.popular_boxer .mpcount{ transition:.5s; }
.popular_boxer:hover .mpcount{ opacity:1; text-shadow:0 0 10px #ffff00; color:#ffff00; }

.popular_boxer:hover .mpuser{ text-shadow:0 0 10px #ffff00; color:#ffff00; }

/* title */ 
.mptitle{
	display:inline;
	width:180px;
	float:left;
	margin-left:80px;
	margin-top:10px; }

.mpcount{
	float:left;
	display:inline;
	font-size:20px;
	margin-top:10px;
	color:#fff;
	font-weight:bold;
	opacity:0.1;
	text-align:right;
	width:30px; }

.mpuser{ color:#aaa; transition:0.5s; }

.mptitle a{ color:#fff; }

/** listing **/
.upload_new_notice{ text-align:right; font-weight:bold; }

.upload_new_notice a:hover{ color:#fff; }

.empty_listing_notice{ text-align:center; }

/* artwork listing */
.artwork_container{}

.artwork_container_io{ position:relative; }

.artwork_container_io img{
	float:left; display:inline;
	width:114px; height:105px;
	position:relative;
	padding:5px; }
.artwork_container_io img:hover{ background:#ffb400 url(https://imgs-layout-dragoart-386112.c.cdn77.org/common/box_hover_bg.png) bottom repeat-x; }

.artwork_container_io2 a{ margin:5px 0; }

.artwork_container_io a img{ border:none; display:block; margin:auto; }


#artwork_authr{ position:absolute; bottom:0; left:0; width:100%; color:#fff; background:#000; opacity:0.6; font-size:11px; }
#artwork_authr:hover{ opacity:0.8; }
#artwork_authr_io{ padding:5px 10px; }

#preview_box{ background:#dde7f5; padding:20px 5px; text-align:center; border:1px #cbd9ee dashed; border-radius:2px; }

/* subcategory */
#subtuts_dir_listing{ line-height:13px; color:#000; }

#subtuts_dir_listing td a{ text-decoration:none; color:#000; }
#subtuts_dir_listing td a:hover{ text-decoration:underline; }

/* video */
#video-container{
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden; }
#video-container iframe,
#video-container object,
#video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%; }

/* tutorial details */
#tutorial_detail_image{
	padding:10px;
	margin:0 auto;
	margin-bottom:10px; }

#tut_title{ position:absolute; bottom:0; left:0; margin:auto; right:0; background:#000; opacity:0.6; color:#fff; }
#tut_title_io{ padding:5px 10px; font-size:11px; font-weight:normal; }
#tut_title:hover{ opacity:0.8; }


#tut_img{  margin-top:5px;}
#tut_img img{ box-shadow:0 0 5px #ccc; }
 
.next_tut{ position:relative; margin-top:100px; width:60px; }

.bttn-icon{ 
	margin: auto 0 0 0;
	background: #eaeaea; 
	text-align: center;
	padding: 5px 0;
}

.bttn-icon a{ 
	color:#888; 
	
}


.bttn-icon a:hover{ text-decoration: underline; }

.next_tut img{ border:5px #1c1d29 solid; margin:0; }

#tutorial_io{ position:relative; }

#tutorial_imgs img{ position:relative; }

#tutorial_detail_image img{ box-shadow:0 0 4px #fff; border:1px #fff solid; }
#tutorial_detail_image img:hover{ box-shadow:0 0 4px #aaa; border-radius:4px; }

#share_bttns{
	background:#fff;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	opacity:0.8; }
#share_bttns_io{
	padding:5px; }
#share_bttns:hover{ opacity:0.9; }

/* comments  */
#cmnts{ background:url(https://imgs-layout-dragoart-386112.c.cdn77.org/dev_dir/common/cmnts-bg.png) top no-repeat; width:610px; height:87px; display:block; margin-bottom:10px; }

.comment_smilies{ float:left; display:inline; width:100%; height:87px; margin:5px 0; position:relative; }

.comment_heading{
	padding:0;
	line-height:18px; 
	font-weight:bold;
	float:left; }

.post_comment{ 
	float:left;
	height:24px;
	line-height:24px;
	text-align:right;
	padding-left:6px;
	font-weight:bold; }

.post_comment a{}

#comment_section h5{ font-size:12px; font-weight:bold;}

#main_smilie_comment_box {display:none;}

.comment_form_top{ clear:both; margin-bottom:10px; }

.comment_block{ width:100%; margin:2px 0; position:relative; }

.comment_block .io{ padding:10px; background:#efefef;}

.editCommentTextarea{ width:100%; margin:2px 0; position:relative; };

.get_more_comments{ width:100%; } /* button */

.get_more_comments div{ text-align:center; font-size:12px; padding:10px; cursor:pointer }
 
.comment_username{ font-size:12px; }

.comment_user_pic{ float:left; width:50px; }

.comment_user_pic img{ }

.comment_area{ float:left; margin:0 0 0 5px; width:100%; }

.comment_area .date{ color:#aaa; }

.comment_box{ margin-bottom:5px; }

.comment_box .rbt{ margin-top:5px; }

.comment_io{ padding:5px 0; overflow:hidden; }

.comment_heading a{ color:#0018ff; font-weight:bold; text-decoration:none; }

.comment_heading a:hover{ text-decoration:underline; }

.comment_area .comment{ font-size:12px; }

.reply_originator{ clear:both; }

.comment_reply_box{  
	background:#ddd;
	margin-bottom:10px;
	opacity:0.4;
	transition:0.5s;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;

}

.comment_form{ display:none; position:relative; margin-bottom:10px; }

.comment_section textarea{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;	
	width: 100%;
}	
	
.comment_name{ font-size:12px; margin-bottom:4px; margin-top:2px; }

.comment_form_top, .comment_form, .comment_form_bottom{ clear:both; }

.comment_anchors{ cursor:pointer; font-weight:bold; display:inline; width:50px; margin-bottom:10px; }

.reply_bttn{ border-radius:0 0 4px 4px; }

.reply_to_comment{ width:50px; }

/** trail image **/
#trailimageid{
	position:absolute;
	display:none;
	left:0px;
	top:0px;
	z-index:400; }

#trailimageid *.detail_hd{ padding:4px 0; }

#trailimageid *.detail_hd strong{ padding-right:3px; }

/* pagenation */
.splitlisting{
	color:#000;
	font-size:11px; }

.split_b, .pages_t{
	padding:5px;
	font-size:11px; 
	margin-right:5px;
	color:#fff; }

.splitlisting .split_t span{ font-weight:bold; }

.splitlisting .ps{
	float:left; display:inline;
	position:relative;
	color:#000;
	margin:0 5px 0 0; }

.splitlisting .ps span{
	float:left; display:inline;
	position:relative;
	padding:0 6px;
	cursor:default;
	font-weight:bold; }

.splitlisting .ps a{
	float:left; display:inline;
	position:relative;
	padding:0 6px;
	background:#aa0000;
	color:#fff;
	border-radius:2px; }
.splitlisting .ps a:hover{ background:#cc0000; }

/* forms */
.form_group{
	padding:0 12px 12px 12px
}

*.form_group legend{
	font-size:13px;
	color:#000;
}

*.form_group legend span.notice{
	color:#ff0000;
}

*.form_group label{
}


/* gallary slider */
.stepcarousel{
	width:100%;
	height:83px;
	position:relative;
	overflow:scroll;
	color:#000;
	margin:0 auto;
	background:#000 }
	
.stepcarousel img{ width:90px; height:80px; transition:.5s; position:relative; }
.stepcarousel img:hover{}

.stepcarousel .belt{ position:absolute; left:0; top:1px; width:100%; }

.stepcarousel .panel{ float:left; display:inline; position:relative; margin:0; width:92px; z-index:1; }

.stepcarousel .title{
	position:absolute;
	bottom:0;
	left:0;
	background:#000;
	opacity:0.6;
	width:90px;
	text-align:center; }

.stepcarousel .title span{ color:#fff; }

.stepcarousel_tip_title{ padding:16px; }

/* chatbox */
#im_box{ font-weight:normal; display:none; margin-bottom:2px; line-height:18px; }

.im_userlst{ margin-right:2px; }

.chat_message{ padding:5px; border-bottom:1px #ddd solid; }

#im_box .contentbox_io{ background:#fff; }

#im_box a:hover{ cursor:pointer; }

.comment_smilies{
	width:100%;
}

.comment_smilies table{
	text-align: left;
	width:100%;
}

.comment_smilies img{ cursor:pointer; }

#im_smilies{ height:124px; overflow:hidden; }

#im_incoming_msg{
	color:#000000;
	background:#fff;
	height:150px;   
	width:100%; 
	overflow:auto; }

#im_msg_area{ font-weight:normal; text-align:left; padding:3px; }

#im_clr_msgs{ padding:5px 0 5px 5px; height:20px; line-height:20px; background:#0000ff; }

#im_clr_msgs input{ font-size:12px; }

#im_input_char_cnt{
   color:#fff;
   font-weight:bold;
   background:#0000ce;
   padding:5px 0 5px 5px;
   width:auto; }

#im_outgoing_msg{ background:#fff; width:auto; }

#im_outgoing_msg textarea{ height:68px; width:99%; }

#im_control_buts{ background:#0000ff; padding:4px; }

#im_control_buts input{ font-size:12px; }

div.im_smilies{ height:75px; background:#fff; overflow:auto; }

#im_msg{
   border:none;
   overflow:auto;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   outline:none; }

#im_sendto_userid{
   color:#fff;
   font-weight:bold;
   background:#0000ff;
   padding:5px;
   width:auto; }

#im_refuname{  overflow:hidden; width:100%; }

#im_refuname a{ color:#ffff00; }
#im_refuname a:hover{ color:#fff; }

#im_sendto_userid span{ color:#fff; font-weight:bold; }

#userList{ height:80px; text-align:left; padding:4px; background:#fff; }

#im_status_bar{
   color:#fff;
   font-weight:bold;
   background:#0000ff;
   padding:5px 0 5px 5px;
   width:auto; }

#flashchatbox{
	padding:10px;
	z-index:9999;
	background:#fff; 
}

#popup_loginbox_master{
	display:none; 
}

#login_area{
	width: 300px;
}

#popup_loginbox{
	display:none;
	background:#fff;
	padding:20px;
	color:#000; 
	z-index:9999;
	border:2px #0054bf solid;
	box-shadow:0 0 20px #000;
}

#forgot_password{ margin-top:10px; text-align:center; }

#forgot_password a{ color:#fff; }
#forgot_password a:hover{ text-decoration:underline; }

#already_log{ text-align:center; }

#already_log a{ color:#fff; }
#already_log a:hover{ text-decoration:underline; }

img.btn_close{ margin-top:-35px; margin-left:210px; position:absolute; }

fieldset{ border:none; }

form.signin .textbox label{ display:block; }

form.signin p, form.signin span{ 
	display:block;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px; }

form.signin #password{ width:140px; }

#login_forgot{ padding-top:6px; padding-left:6px; display:inline-block; float:left; }

#submit_button{}

form.signin input:-moz-placeholder{ }
form.signin input::-webkit-input-placeholder{  }

#popup_loginbox_master table{width:100%;}
#popup_loginbox_master td{width:50%; padding: 0}

#login_area{ padding-right:20px; border-right:1px #ddd solid; }
#signup_area{padding-left:10px; font-size:12px; }

#rgst{ float:right; display:inline; margin-top:10px; }

/* MODAL OVERLAY */
#tb_overlay{
	position:fixed;
	z-index:10000;
	top:0px;
	left:0px;
	width:100%; height:100%; }

.tb_overlay_mac_ffbg_hack{ background:url(../images/macFFBgHack.png) repeat; }
.tb_overlay_bg{
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-webkit-opacity:0.75;
	opacity:0.75; }

*html #tb_overlay{
	position:absolute;
	height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px'); }

#tb_window{
	position:fixed;
	z-index:10002;
	display:none;
	top:50%;
	left:50%;
	background:#000; }

#tb_caption{
	font-size:16px;
	text-align:center;
	height:25px;
	line-height:25px;
	color:#ffff00;
	font-weight:bold;
}


*html #tb_window{
	position:absolute;
	margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }

#tb_window_frame{
	background:#000;
	margin:0 auto;
	padding:0; }

#tb_window_content{
	text-align:center;
	background:#111;
	margin:0 auto;
	overflow:auto;
	position:relative }

#tb_window_content img:hover{ cursor:move; }

#tb_image{ border:none; padding:0; position:relative; }

#tb_window_footer{
	color:#ffff00;
	line-height:35px;
	height:35px;
	margin:auto;  
	background-color:#000;
	cursor:default; 
}

#tb_window_footer_inner{
 	font-size:14px;
	height:30px;
}

#tb_window_footer a{
	background:url(https://imgs-layout-dragoart-386112.c.cdn77.org/js/tb/next_bg.png) bottom repeat-x;
	color:#fff;
	padding:5px 10px;
	font-size:12px;
	margin-left:5px;
	font-weight:normal;
	border-radius:2px; }
#tb_window_footer a:hover{ background-position:top; }


.no_action_link{
	background:#111;
	color:#555;
	padding:5px 10px;
	border-radius:2px;
	margin-left:5px;
	font-size:12px; }
	
/* structure */
#tb_next_page_controls{ float:left; display:inline; width:20%; margin-left:5px; }

#tb_resize_controls{ float:left; display:inline; width:60%; text-align:center }

#tb_close_window{ float:right; display:inline; width:19%; text-align:right; }

#tb_load{
	position:fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:10003;
	top:50%;
	left:50%;
	margin:-6px 0 0 -104px; }

*html #tb_load{
	position:absolute;
	margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }

#tb_hide_select{
	z-index:9900;
	position:fixed;
	top:0;
	left:0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	height:100%;
	width:100%; }

*html #tb_hide_select{
	position:absolute;
	height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px'); }

#tb_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px; margin-top:1px;
	_margin-bottom:1px; }
	
	
#favBar{
	bottom:0;
	left:0;
	right:0;
	width:auto;
	margin: 0 auto; 
	z-index:10000;
	position:fixed;
    padding-top:0 !important;
    padding-bottom:0 !important;
}

#favBar .inner{
	width:100%;
	background:#222;
	z-index:10001;
	height:45px;
} 

#favBarTutsWrapper{
   background:#000;
   overflow:auto; 
   overflow-y:hidden; 
   width:100%;

}

#favBarTuts{
	display:none;
	border:none;
	height:50px;	
}

#favBarTuts td.favTut{
	background:#222;
}

#favBarTuts td#tutSelected{
	background:#444;
}