@charset "UTF-8";
/* CSS Document  
 Title: Meet Artists and Art Buyers form Creative Brush
Description: CSS for Creative Brush
Version: 2.0
Design: Joy Karmakar
Designer email: info@joyartforweb.com
*/

/* -------    Page Layout ----------*/

body {
	margin: 0;/* for ie mac*/
	padding: 0;
	font-family: "Segoe", "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	line-height: 15px;	
	color : #424242;
	background:#2A2A2A;  
	
	}

div, h1, h2, h3, h4, p, img, ul, ol, li, form, input, textarea {
	padding : 0;
	margin : 0;
	}
input { font-family:Arial, Helvetica, sans-serif; }
p {
	padding : 0 0 8px 0;
	margin : 0;
	}
ul {
	list-style : none;
	}
img {
	border : none;
	}
a {
	outline : none;
	text-decoration : none;
	}

/*COMMON STYLE START*/
.gray_border{
border:#C0C0C0 1px solid;

}
.gray_bg {
background:#EBECED;
	}
.padding_5{ padding:5px;}
.font_size11{
	font-size : 11px;
	line-height : 13px;
	}
.font_size14 {
	font-size : 14px;
	line-height : 18px;
	}
.font_size16 {
	font-size : 16px;
	line-height : 20px;
	}
.font_size18 {
	font-size : 18px;
	line-height : 22px;
	}
.font_size30 {
	font-size : 30px;
	line-height : 32px;
	}
.font_size20 {
	font-size : 20px;
	line-height : 24px;
	}
.font_size24 {
	font-size : 24px;
	line-height : 24px;
	}
.blue_text {
	color : #2a8ec0;
	}
.darkblue_link {
	color : #00527D;
	text-decoration:none;
	}
 .darkblue_link:hover {
	color : #000;
	text-decoration:underline;
	}
.gray_text {
	color : #787878;
	}
.lightgray_text {
	color : #B2B2B2;
	}		

.pink_text {
	color : #E93A50;
	}
.pink_link {
	color : #E93A50;
	}
.pink_link:hover {
color:#853D48;
text-decoration:underline;
}
.keywords a	{
	color:#3984CA;
	text-decoration:none;
	}
.keywords a:hover	{
	color:#265F94;
	text-decoration:underline;
	}
.black_text {
	color : #252525;
	}
.orange_text {
	color : #f19e33;
	}
.green_text {
	color : #a3ce3f;
	}
.darkgreen_text {
	color : #507F01;
	}
.white_text {
	color : #FFFEFE;
	}
.blue_link {
	color : #206fa2;	 
	}
.blue_link:hover {
	color : #00cccc;
	}
.white_link {
	color : #f8fcff;
	}
.white_link:hover {
	color : #fff;
	text-decoration:underline;
	}
.notes{ color:#FF0000;}
.white_bg{ background:#FFFFFF;}
/*COMMON STYLE END*/
.heading_1  {
	display : block;
	font-size : 18px;
	font-weight : normal;
	line-height : 22px;
	padding : 10px 0 10px 0px;
	}
.heading_2 {
	font-size : 18px;
	line-height : 20px;
	padding : 5px 0 5px 10px;
	background:#E0E0E0;
	font-weight:normal;
	}
.heading_3 {
	background:#FFE0E5;
	color:#853D48;
	font-weight:bold;
	}
.join_heading {	
	color:#A2A2A2;
	display:block;
	padding:16px 0 16px 55px;
	margin:0px;
	font-size:24px;
	font-weight:normal;
	background: url(../images/join-icon.gif) bottom left no-repeat;}
	
#topmenu{ 
	width:100%;
}

#topmenu  a {
	display : block;
	padding : 3px 20px 10px 20px;
	color:#fff;
	height : 1%;
	white-space : nowrap;
	text-transform:uppercase;
	font-size:11px;	
	}
 #topmenu a:hover{
	display : block;
	height : 1%;
	background:#FFFFFF;
	color:#000000;			
	} 
* html body{ height:100%;}


#rightmenu{padding : 5px 5px 0px 0px;}

#rightmenu  a {
	padding : 0px 0px 5px 0px;
	color : #838383;
	text-transform:uppercase;
	font-size:11px;
	}
#rightmenu a:hover{	
	color : #fff;
	
	}

#leftpanel {
	width:234px;
	border:#fff 2px solid;
	padding:10px;
	background:#F4F4F4 url(../images/leftpanel_bg.gif) top left repeat-x;
	}

#rightpanel {
	width : 335px;
	float : right;
	}
.left_menu .heading{
	color:#FFFFFF;
	background:#C1C1C1 url(../images/leftmenu_bg1.gif) top left repeat-x;
}
.left_menu td{
	border-bottom:#fff 1px solid;
	background:#C1C1C1 url(../images/leftmenu_bg.gif) top left repeat-x;
	}
.left_menu a{
	display:block;
	height:1%;
	color:#2A2A2A;
	padding:5px 2px 5px 10px;
	background:#C1C1C1 url(../images/leftmenu_bg.gif) top left repeat-x;
	}
.left_menu a:hover{
	display:block;	
	height:1%;
	color:#000;	
	background:#C1C1C1;
	}

.profile_menu a{
	display:block;
	border-left:#BDBDBD 1px solid;
	border-right:#BDBDBD 1px solid;
	color:#2E2E2E;
	padding:9px 10px 9px 10px;
	margin-right:2px;
	height:1%;
	background:#BEBEBE url(../images/bg-1.gif) top left repeat-x;
	}
.profile_menu a:hover, .profile_menu a.active{
	display:block;
	border-left:#fff 1px solid;
	border-right:#fff 1px solid;
	color:#fff;
	padding:9px 10px 9px 10px;
	margin-right:2px;
	height:1%;
	background:#BEBEBE url(../images/pink-bg.gif) top left repeat-x;
	}
.profile_body{
	border:#fff 2px solid;
	padding:10px;
	background:#F4F4F4 url(../images/leftpanel_bg.gif) top left repeat-x;
	}

.security{
width:105px;
font-size:16px;
line-height:18px;
font-weight:bold;
text-align:center;
padding:15px 0 15px 0;
background:#F4F4F4 url(../images/security_bg.gif) top left no-repeat;
}
.border_bottom{
border-bottom:#FFDAE0 1px solid;
}

.mssg{background:#E13D56; padding:5px; color:#FFFFFF;}

 
ul.tick {
	padding-bottom : 10px;
	padding-top : 10px;
	}
ul.tick li {
	display : block;
	color : #007CBA;
	font-size:14px;
	line-height:16px;
	padding : 4px 0 4px 30px;
	background : url(../images/tick.gif) no-repeat top left;
	}
	
ul.tick1 {
	padding-bottom : 10px;
	padding-top : 10px;
	}
ul.tick1 li {
	display : block;
	color : #fff;
	font-size:14px;
	line-height:16px;
	padding : 4px 0 4px 30px;
	background : url(../images/tick.gif) no-repeat top left;
	}
	
ul.tick2 {
	padding-bottom : 10px;
	padding-top : 10px;
	}
ul.tick2 li {
	display : block;
	color : #007CBA;
	font-size:14px;
	line-height:16px;
	padding : 4px 0 4px 30px;
	background : url(../images/tick2.gif) no-repeat top left;
	}	

	
	 
#footer, #footer_bottom{color : #797979;
	font-size:10px;
	text-transform:uppercase;}
#footer a {	
	padding : 0 4px 0 4px;
	color : #797979;
	font-size:10px;
	text-transform:uppercase;
	}
#footer a:hover {
	color : #fff;
	}
/*___________________________________________________*/
.list_link {
	margin-left : 10px;
	margin-top : 10px;
	}
.list_link ul {
	display : block;	
	}
.list_link ul li {
	display : block;
	line-height : 22px;
	}
.list_link ul li a {
	padding : 1px 0 1px 18px;
	color : #000;
	font-weight : bold;
	background : url(../images/arrow_5.gif) no-repeat center left;
	}
.list_link ul li a:hover {
	color : #000;
	background :#ECECEC url(../images/arrow_5.gif) no-repeat center left;
	
	}
/*___________________________________________________*/
.inputWidth300{ width:300px; border:#A39D9D 1px solid;
}
.blog_list{ padding:8px 8px 8px 10px;}
.blog_list li{ 
display:block; 
font-size:11px;
background:url(../images/arrow_3.gif) no-repeat left center; 
list-style-type:none; 
padding:0 0 0 12px;
margin-bottom:5px;
}
.blog_list li a{ color:#E93A50;}
.blog_list li a:hover{ color:#3366CC; text-decoration:underline;}