body{ margin:0; font:11px Arial, Helvetica, sans-serif; color:#777777; background:#ffffff; font-size:12px; }



/*------------------------- whole website   ----------------------------*/

.frame1{ margin:20px auto; width:850px; text-align:left; border:0px solid #c4cde0; }

.frame1_left{ float:left; width:560px; border:0px solid green; }

.frame1_right{ float:right; padding:10px; width:240px; background:#eceef0; }
.frame1_right a:link, .frame1_right a:visited{ color:#000; text-decoration:underline; font-weight:bold; }
.frame1_right a:hover, .frame1_right a:active{ color:#000; text-decoration:none; }

.footer{ margin:0 auto; width:830px; padding:10px; border-top:1px solid #999; }

/*------------------------- whole website   ----------------------------*/



/*------------------------- h...   ----------------------------*/
h1{ margin:0 0 2px 0; padding:10px; font-size:14px; font-weight:bold; color:#444; background-color:#c0c0c0; }
h1.flickr_style{ margin:0 0 2px 0; padding:10px; font-size:30px; color:#000; background:none; }

.h2{ font-weight:bold; padding:0 0 10px 0; border:0px solid #cccccc; color:#4B5998; }

h2
{   
    position:relative;
    top:1px;
    left:-1px;
    display:inline;
    margin:0;
    font-size:14px;
    padding:10px 17px;
	background-color:#c4cde0;
	border:0px solid red;
}
h3
{
    font-size:12px;
    font-weight:bold;
	margin:0px 0 10px 0;
	padding:0px 0 10px 0;
	border-bottom:1px solid #c4cde0;
	color:#4B5998;
}
h3 span
{
    font-size:12px;
    font-weight:normal;
	margin:0px 0 10px 0;
	padding:0px 0 10px 0;
	border-bottom:1px solid #c4cde0;
	color:#666;
}
h4
{
    font:bold 14px Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    border-bottom:1px solid #b7c4de;
    color:#4B5998;
}
/*------------------------- h...   ----------------------------*/


	
/*---------------------------  a  ------------------------------*/
p
{
    padding:0px 10px 0 10px;
    color:#333333;
    border:0px solid orange;
}
/*---------------------------  a  ------------------------------*/

	
	


.posting
{
	border:0px solid #333;
	padding:2px 2px 40px 2px;
}
.posting img
{
	float:left;
}

.posting .description
{
	float:right;
	width:270px;
	border:0px dotted gray;
}

.description h2
{
	font-size:11px;
	margin:0;
	padding:10px;
	border-bottom:1px solid #cccccc;
}
.description h2 b
{
	color:#000000;
}
.description p
{
	margin:0;
	padding:10px 0;
}

.clear
{
	clear:both;
}

#postings_header
{
	width:570px;
	padding:6px 0px 4px 10px;
	border-bottom:1px solid #cccccc;
	height:20px;
}
#postings_header .stats
{
	float:left;
}
#postings_header .btn_upload
{
	float:right;
}








/*---------------------------- posting/default page ---------------------------*/

.h1_{ margin:0px; padding:5px 0; font-size:12px; font-weight:normal; border-bottom:1px solid #999; color:#777777; background:none; }
	
.h1_ b{ color:#4B5998; }

.frame_posting{ padding:15px; width:528px; text-align:left; background-color:#eceef0; }

.selectCategory_frame{ padding:10px 15px 10px 15px; width:528px; height:22px; background-color:#555; }

.selectCategory_frame b{ position:relative; float:left; color:#e9e9e9; top:3px; }

.selectCategory_frame .ddl_genres { float:right; width:285px; }

.postingsContainer{ list-style-type:none; border:0px solid #000;}

.postingsContainer .li{ margin:0 0 0px 0; padding:0; border:0px solid green; }

.pager{ margin:20px 0 0 0; padding:15px; text-align:center; background-color:#999; }

.postingsContainer .left{ float:left; width:215px; border:0px dotted green; }

.postingsContainer .left img{ width:207px; }

.postingsContainer .right{ float:right; width:285px; border:0px solid #ccc; }

.postingsContainer .right a:link, .postingsContainer .right a:visited{ color:#4B5998; text-decoration:none; }
.postingsContainer .right a:hover, .postingsContainer .right a:focus{ color:#ab5150; text-decoration:underline; }

.left a:link, .left a:visited{ display:block; width:207px; padding:4px; background:#333; }
.left a:hover, .left a:active{ display:block; width:207px; padding:4px; background:#ab5150; }

/*---------------------------- posting/default page ---------------------------*/





/*---------------------------- landing page ---------------------------*/
.introSection{ border:0px dotted #c4cde0; margin:0 0 20px 0; }

.introSection .sousSection{ padding:0px; }

ul.recentGenres{ font-size:10px; margin:0; padding:0; list-style-type:none; }

ul.recentGenres li{ margin:0 0px 25px 0; padding:0; border:0px dotted #c4cde0; }

ul.recentPosting{ margin:0; padding:10px 10px 0 10px; list-style-type:none; background-color:#eceef0; height:170px; }

ul.recentPosting li{ float:left; width:117px; padding:1px; height:160px; border:0px solid red; margin:0 10px 0 0; background:none; }

ul.recentPosting li a:link, ul.recentPosting li a:visited{ color:#000; text-decoration:none; }
ul.recentPosting li a:hover, ul.recentPosting li a:focus{ color:#ab5150; text-decoration:underline; }

ul.recentPosting li img{ width:117px; height:100px; }
/*---------------------------- landing page ---------------------------*/





/*-------------------------- contact us page -------------------------*/
#contactFrame_wrap{ border:0px dotted #000; }

#contactFrame_left{ float:left; width:280px; border:0px solid red; font-size:10px; }

#contactFrame_right{ float:right; padding:80px 0 0 0; width:260px; border:0px dotted blue; }

#contact_left h3{ font-size:13px; }

.tb_Feedback{ width:250px; padding:2px; font-size:10px; color:#777777; }

.tb_Multiline{ height:100px; font-size:11px; }

.label{ color:#333333; font-weight:bold; }


/*------ AJAX UpdateProgress -------*/
.PleaseWait{ width:200px; height:85px; text-align:center; color:#3b5998; background:url(Images/loader_clock.gif) bottom center no-repeat; border:0px solid #000; }
/*-------------------------- contact us page -------------------------*/





/*-------------------------- log in page -------------------------*/
.loginFrame{ width:270px; margin:40px auto; border:0px solid #999; }
.loginFrame a:link, .loginFrame a:visited{ position:relative; top:10px; margin:10px 0 0 0; color:#ab5150; text-decoration:underline; }
.loginFrame a:hover, .loginFrame a:active{ color:#ab5150; text-decoration:none; }

.loginFrame .section{ height:40px; border:0px solid #999; }
.loginFrame .left{ float:left; width:100px; color:#000; text-align:right; border:0px solid red; }
.loginFrame .right{ float:right; width:160px; border:0px solid green; }

.tb_login{ width:150px; }
/*-------------------------- log in page -------------------------*/



/*-------------------------- sign up page -------------------------*/
.signUp_frame{ margin:40px auto; border:0px solid #999; }

/*-------------------------- sign up page -------------------------*/




/*-------------------- postings/More Info  ------------------*/

.itemContainer{ margin:10px 0 0 0; padding:0; width:560px; list-style-type:none; border:0px solid #333; }

.itemContainer b{ color:#000000; }

.itemContainer li{ float:left; margin:0 55px 25px 0; padding:0; width:180px; border:0px dotted green; }

.itemContainer li img{ width:180px; height:140px; margin:5px 0; }

.itemContainer li .uploadBoxMilti{ width:220px; height:105px; }

.itemContainer li .uploadBox{ width:220px; }

.ImDone{ padding:5px 0 0 0; border-top:1px solid #c4cde0; }

.ImDone a:link, .ImDone a:visited{ color:Navy; text-decoration:none; }

.ImDone a:hover, .ImDone a:focus, .ImDone a:active{ color:Navy; text-decoration:underline; }

.inputs_margin{ margin:0 0 15px 0; }

/*-------------------- postings/More Info  ------------------*/













/*-------------------- Users/My profile  ------------------*/
.Profile_intro{ margin:10px; }
.Profile_items{ border:0px solid red; }
.Profile_item_section{ border:1px solig green; height:40px; }
.Profile_item_section .left{ float:left; width:100px; font-weight:bold; color:#000; border:0px solid #999; }
.Profile_item_section .right{ float:right; width:420px; border:0px solid #999; }
.Profile_item_section .textBox{ width:250px; }
.Profile_item_section .textBoxMulti{ width:250px; height:70px; }

#changePasswordFrame{ margin:0 0 50px 0; width:240px; border:0px solid #999; }
#changePasswordFrame .section{ height:40px; border:0px solid #999; }
#changePasswordFrame .left{ float:left; width:87px; color:#000; text-align:right; border:0px solid red; }
#changePasswordFrame .right{ float:right; width:146px; border:0px solid green; }
.chPass_btn{ width:143px; }
/*-------------------- Users/My profile  ------------------*/














/*-------------------- Postings/Profile.aspx  ------------------*/
#userImage{ border:0px solid #333; }
#userImage h1{ font-size:18px; }
#userImage h2{ margin:20px 0 5px 0; padding:0; display:block; color:#000; font-size:13px; background:#fff; }
#userImage a:link, #userImage a:visited{ color:#ab5150; text-decoration:underline; }
#userImage a:hover, #userImage a:active{ color:#ab5150; text-decoration:none; }
/*-------------------- Postings/Profile.aspx  ------------------*/