@charset "utf-8";
/* CSS Document */

body{
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(/images/bg.gif) repeat-x;
	color: #515151;
}
body#membersBg,
body.membersBg{
	background-color: #7b7b7b;
}

a.underline{
	text-decoration: underline;
}
.h1{
	height: 30px;
	border-bottom: 1px solid #dadada;
	margin: 0 0 10px 0;
}
h1.sifr{
	line-height: normal;
	margin: 0;	
}
h1#h1Style{
	width: 500px;
	float: left;
}
.h2{
	margin: 0 0 15px 0;
}
h2{
	color: #949494;
	font-size: 15px;
	margin: 0px 0 15px 0;
}
.published{
	font-size: 10px;
	font-weight: normal;
	color: #000;
}
.h2Top{
	height: 23px;
	border-bottom: 1px solid #dadada;
	margin: 10px 0 15px 0;	
}
.h2Bot{
	height: 23px;
	border-top: 1px solid #dadada;
	margin: 10px 0 8px 0;
	padding: 10px 0 0 0;
}

.h2LongLine{
	height: 30px;
	width: 960px;
	float: left;
	border-top: 1px solid #dadada;
	margin: 0;	
	padding: 8px 0 0 0;
}
h2.sifr{
	line-height: normal;
	margin: 0;	
	height: 20px;
	padding: 0px;
}
p{
	line-height: 15px;
	margin: 0 0 10px 0;
	padding: 0;
}
p.upcomingEvents{
	margin: 0;
}
p.column{
	line-height: 20px;
}


srong.column{
	color: #000000;
	font-size: 12px;
}
strong.title{
	color: #515151;
	font-size: 13px;
}
strong.color{
	font-size: 11px;
}
/* a href style------------------------------------------*/
a{
	color: #515151;
	text-decoration: none;
	outline: none;
}
a:hover{
	color: #515151;
	text-decoration: underline;
}
a:visited{
}

a.black{
	color: #515151;	
	text-decoration: none;
}
a:hover.black{
	color: #515151;
	text-decoration: underline;
}
a:visited.black{
	color: #515151;
}

a.readMore{
	color: #515151;
	display: block;
	width: 75px;
	background: url(/images/arrows.gif) no-repeat 55px 5px;
	float: left;
}
a.viewWork{
	color: #515151;
	display: block;
	width: 78px;
	background: url(/images/arrows.gif) no-repeat 56px 4px;
	float: left;
}

a.backBtn{
	color: #515151;
	text-decoration: underline;
	display: block;
	background: url(/images/backArrow.gif) no-repeat 0px 3px;
	padding: 0 0 0 18px;
	font-weight: bold;
	width: 40px;
}
#membershipList a{
	text-decoration: none;
}
#membershipList a:hover{
	text-decoration: underline;
}
.names a{
	text-decoration: none;
}
/* Normal Listing-------------------------------------------*/
ul.listing li{
	padding: 0 0 10px 0;	
}



/* Horizontal Links style------------------------------------*/
ul.horizontalLinks{
	margin: 10px 0 0 0;	
	padding: 0;
	color: #717171;
	float: left;
}
ul.horizontalLinks li{
	list-style: none;
	display: inline;
	margin: 0;
}
ul.horizontalLinks li.noStyle a{
	padding: 0 7px 0 0;
}
ul.horizontalLinks li a{
	color: #717171;
	text-decoration: none;
	padding: 0 7px 0 7px;
}
ul.horizontalLinks li a:hover{
	color: #717171;
	text-decoration: underline;
}
ul.horizontalLinks li a:visited{
	color: #717171;
}
ul.horizontalLinks li a.active{
	color: #000000;
}
ul.horizontalLinks li a:hover.active{
	color: #000000;
	text-decoration: none;
}

/* Members sub link-------------------------*/

ul.subLinks{
	margin: 10px 0 0 0;	
	padding: 0 22px 0 0;
	color: #717171;
	float: right;
}
ul.subLinks li{
	list-style: none;
	display: inline;
	margin: 0;
}
ul.subLinks li.noStyle a{
	padding: 0 7px 0 0;
}
ul.subLinks li a{
	color: #717171;
	text-decoration: none;
	padding: 0 7px 0 7px;
}
ul.subLinks li a:hover{
	color: #717171;
	text-decoration: underline;
}
ul.subLinks li a:visited{
	color: #717171;
}
ul.subLinks li a:hover{
	olor: #717171;
	text-decoration: none;
}
/* Members Login link-------------------------*/

ul.loginStatus{
	margin: 24px 0 0 0;	
	padding: 0;
	color: #FFF;
	float: right;
}
ul.loginStatus li{
	list-style: none;
	display: inline;
	margin: 0;
}
ul.loginStatus li.noStyle a{
	padding: 0 0 0 7px;
}
ul.loginStatus li a{
	color: #FFF;
	text-decoration: none;
	padding: 0 7px 0 7px;
}
ul.loginStatus li a:hover{
	color: #FFF;
	text-decoration: underline;
}
ul.loginStatus li a:visited{
	color: #FFF;
}
ul.loginStatus li a:hover{
	olor: #FFF;
	text-decoration: none;
}
/* QUICK LINKS----------------------*/

ul.quickLinks{
	margin: 0;
	padding: 0px;
}
ul.quickLinks li{
	list-style: none;
	padding: 0 0 10px 15px;
	font-size: 11px;
	background: url(/images/listSquares.gif) no-repeat 0px 5px;
}
ul.quickLinks li.year{
	font-weight: bold;
}

ul.quickLinks li a{
	color: #515151;
	text-decoration: none;
}
ul.quickLinks li a:hover{
	text-decoration: underline;
}
ul.quickLinks li a:visited{
}
/* Content LINKS----------------------*/

ul.contentLinks{
	margin: 10px 0 0 0;
	padding: 0px;
}
ul.contentLinks li{
	list-style: none;
	padding: 0 0 10px 0;
	/*padding: 0 0 10px 15px;*/
	font-size: 11px;
	/*background: url(/images/contentLinks.gif) no-repeat 0px 5px;*/
}
ul.contentLinks li.year{
	font-weight: bold;
}

ul.contentLinks li a{
	color: #515151;
	text-decoration: none;
}
ul.contentLinks li a:hover{
	color: #515151;
	text-decoration: underline;
}
ul.contentLinks li a:visited{
}
/* Archive LINKS----------------------*/

ul.archiveLinks{
	margin: 0;
	padding: 0px;
}
ul.archiveLinks li{
	list-style: none;
	padding: 0 0 10px 15px;
	font-size: 11px;
	background: url(/images/listSquares.gif) no-repeat 0px 5px;
}
ul.archiveLinks li.year{
	font-weight: bold;
}

ul.archiveLinks li a{
	color: #515151;
	text-decoration: none;
}
ul.archiveLinks li a:hover{
	text-decoration: none;
}
ul.archiveLinks li a:visited{
	text-decoration: none;
}
		/* Archive LINKS----------------------*/

		ul.archiveLinksSub{
			margin: 10px 0 0 0;
			padding: 0px;
		}
		ul.archiveLinksSub li{
			list-style: none;
			padding: 0 0 10px 15px;
			font-size: 11px;
			background: url(/images/listSquares.gif) no-repeat 0px 5px;
		}
		ul.archiveLinksSub li{
			font-weight: normal;
		}
		
		ul.archiveLinksSub li a{
			color: #515151;
			
		}
/* DIVs-------------------------------------------------------------*/
#container{
	width: 1015px;
	background: url(/images/bg.gif) repeat-x #fff;
	margin: 0 auto; 
}
/* HEAD Nav start-------------------------------------------------------------*/
#head{
	width: 967px;
	height: 105px;
	background: none;
	margin: 0 auto;
	padding: 4px 20px 0 28px;
}
#logo{
	width: 224px;
	height: 105px;
	background: url(/images/logo.gif) no-repeat;
	float: left;
}
#logo a{
	width: 222px;
	height: 105px; 
	display: block;
}
#headRight{
	width: 710px;
	height: 105px;
	float: right;
	background: url(/images/headLine.gif) 10px 51px no-repeat;
}
#loginArea{
	background: url(/images/logoText.gif) left top no-repeat;
	height: 54px;
	width: 690px;
	float: right;
	padding: 0 8px 0 0;
}
#loginArea .logo{
	font-size: 15px;
	color: #dadada;
	padding: 0;
	display: block;
	float: left;
	letter-spacing: 1px;
}
.loginMsg{
	padding: 5px 0 5px 0;
	height: 10px;
	float: right;
	line-height: 10px;
	width: 690px;	
	font-size:10px;
	color: #f7e900;
	display: block;
	text-align: right;
}
#loginForm{
	height: 20px;
	float: right;
	margin: 0;
}
#loginForm .textfield{
	width: 115px;
	height: 16px;
	background: url(/images/loginInput.gif) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	border: 0px;	
	font-size: 10px;
	float: left;
	margin: 0 3px 0 0;
	padding: 2px 4px 2px 4px;
}
#loginForm .goBtn{
	width: 24px;
	height: 20px;
	background: url(/images/goBtn.gif) no-repeat;
	border: 0px;
	float: left;
	margin: 0px;
}
#nav{
	width: 705px;
	height: 50px;
	float: right;
	margin: 0px;
}
#nav img{
	border: 0px;
	float: left;
}
/* HEAD Nav end-------------------------------------------------------------*/
/*Nav Rollvoer Style-------------------------------------------------------------*/
#nav a{
	float: left;
	display: block;
	height: 51px;	
}
a.homeNav{
	width: 63px;
	background: url(/images/homeNav.gif) 100% 0;
}
a.featuresNav{
	width: 89px;
	background: url(/images/featuresNav.gif) 100% 0;
}
a.columnsNav{
	width: 88px;	
	background: url(/images/columnsNav.gif) 100% 0;
}
a.photographerNav{
	width: 167px;
	background: url(/images/photographerNav.gif) 100% 0;
}
a.joinNav{
	width: 55px;
	background: url(/images/joinNav.gif) 100% 0;
}
a.resourcesNav{
	width: 101px;	
	background: url(/images/resourcesNav.gif) 100% 0;
}
a.aboutNav{
	width: 68px;
	background: url(/images/aboutNav.gif) 100% 0;
}
a.contactNav{
	width: 74px;
	background: url(/images/contactNav.gif) 100% 0;
}
#nav a:hover{
	background-position: 100% -51px; 	
}






/* Content Start---------------------------------------------------------------------*/
#content{
	width: 960px;
	margin: 0 auto;
	clear: both;
	padding: 15px 0 0 0;
}
#featuredImg{
	width: 690px;
	height: 460px;
	float: left;
	margin: 0 0 2px 0;
}
#columnContainer{
	width: 690px;
	float: left;
	margin: 14px 0 45px 0;
}
#newsColumn{
	width: 336px;
	float: left;
}
#featuresColumn{
	width: 336px;
	float: right;
}




#navLinks{
	width: 1015px;
	height: 32px;
	padding: 0px 0 0 0;
	margin: 0 auto;
	text-align: right;
	background: url(/images/membersNavBg.gif) repeat-x;
	padding: 
}

#leftContent{
	width: 710px;
	float: left;
	padding: 0 0 45px 0;
}
#leftContent p.blog{
	margin:0px;
}
#searchLeftContent{
	width: 714px;
	float: left;
	padding: 0 0 45px 0;
}
#rightContent{
	width: 226px;
	float: right;
	margin: 20px 0 45px 0;
}
#homeRightColumn{
	width: 250px;
	float: right;
	margin: 20px 0 45px 0;
	padding: 0px;
}
#topColumn{
	height: 453px;
	width: 234px;
	float: right;
	margin: 0 0 12px 0;
	padding: 0 8px 8px 8px;
	background: url(/images/grey.gif) top no-repeat;
}

#searchLeftColumn{
	width: 470px; 
	float: left;
	padding: 0;
	margin: 0 18px 0 0;
	height: 445px;
}
#membersMiddleColumn{
	width: 225px;
	height: 430px;
	float: left;
	line-height: 20px;
	padding: 0;
	margin: 20px 0 0 0;
}
#membershipList{
	width: 184px;
	height: 356px;	
	overflow: auto;
}
#membersContent{
	width: 690px;
	float: right;
	padding: 0 0 45px 0;
}
#LeftMembersContent{
	width: 226px;
	float: left;
}
#foot{
	width: 960px;
	height: 100px;
	border-top: 1px solid #e5e5e5;
	color: #717171;
	margin: 0 auto;
	clear: both;
	text-decoration: none;
}
/* Content end---------------------------------------------------------------------*/

/* Search Panel-----------------------------------------------------------------------*/
/* HOME-----*/
form#searchForm{
	margin: 10px 0 10px 0;
}
.searchInputHome{
	width: 200px;
	height: 14px;
	background: url(/images/searchInputHome.gif) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	border: 0px;
	float: left;
	padding: 3px 0px 3px 5px;
	color: #515151;
	font-size: 11px;
	
}
.search{
	width: 27px;
	height: 20px;
	background: url(/images/searchBtnHome.gif) no-repeat;
	border: 0px;
	float: left;
	margin: 0px;
}
/* Find a photographer-----*/
#searchPanel{
	width: 470px;
	height: 115px;
}
form#searchByName{
	margin: 0px;
	padding: 0px;
	height: 110px;
}
form#searchBySpeciality{
	margin: 0px;
	padding: 0px;
}
#searchPanel .searchTextfield {
	width: 420px;
	height: 16px;
	border: 0px;
	background: url(/images/searchInput.gif) no-repeat;
	padding: 8px 0px 5px 10px;
	color: #515151;
	font-size: 11px;
	margin: 0 0 10px 0;
	float: left;
}
#searchPanel select {
    border-color: #BDBDBD;
    -moz-border-radius: 4px;    -webkit-border-radius: 4px;    border-radius: 4px;
    color: #515151;
    font-size: 11px;
    padding: 5px;
    width: 235px;
}

.search-city, .search-province {
	/*width: 227px;
	float: left;*/
	overflow: hidden;
	}
	
#searchPanel input#keywords3,
#searchPanel input#keywords5 {
	width: 187px;
	}



.searchIcon{
	width: 38px;
	height: 29px;
	background: url(/images/searchBtn.gif) no-repeat;
	border: 0px;
	float: left;
	margin: 0 0 10px 0;
	cursor: pointer;
}
.searchBtnBox {
    clear: both;
    float: right;
    height: 21px;
    overflow: hidden;
    padding: 0 0 0;
    text-align: center;
    width: 88px;
}
#searchByNameBusinessName .inputs {
    height: 29px;
    margin: 0 0 10px;
    overflow: hidden;
    width: 100%;
}
.checkbox{
	margin: 0px 6px 0 8px;
	padding: 0px;
}
.searchSubmit {
    background: url("/images/search.gif") no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    height: 21px;
    width: 80px;
}
#searchByNameLocation2 .searchBtnBox {
	float: none;
	text-align: left;
}
#leftCheckboxContainer{
	width: 225px;
	height: 120px;
	float: left;
	background-color: #f9f9f9;
	border: 1px solid #bdbdbd;
	margin: 0 0 10px 0;
	overflow: auto;
}
#rightCheckboxContainer{
	width: 225px;
	height: 120px;
	float: left;
	background-color: #f9f9f9;
	border: 1px solid #bdbdbd;
	margin: 0 0 10px 0;
	overflow: auto;
}
/*#leftCheckboxContainer.joinList{
	width: 146px;
	height: 260px;
}

#rightCheckboxContainer.joinList{
	width: 146px;
	height: 260px;
}*/
ul.searchList{
	margin: 0px;
	padding: 0px;
}
ul.searchList li{
	padding: 2px 0 2px 0;
	border-bottom: 1px solid #bdbdbd;
}

/* Join Check list------------------------------*/
.leftCheckList{
	width: 150px;
	height: 260px;
	float: left;
	background-color: #f9f9f9;
	border: 1px solid #bdbdbd;
	margin: 0 8px 10px 0;
	overflow: auto;
	overflow-x:hidden;
}
.rightCheckList{
	width: 150px;
	height: 260px;
	float: left;
	background-color: #f9f9f9;
	border: 1px solid #bdbdbd;
	margin: 0 0 10px 0;
	overflow: auto;
}
.leftCheckList .checkList{
	width: 146px;
	height: 260px;
}
.rightCheckList .checkList{
	width: 146px;
	height: 260px;
}
ul.checkList{
	margin: 0px;
	padding: 0px;
}
ul.checkList li{
	padding: 2px 0 2px 0;
	border-bottom: 1px solid #bdbdbd;
	width: 145px;
}
/* New portfolios-----------*/
#imgContainer{
	width: 960px;
	margin: 0 0 45px 0;
	float: left;
}
.thumbs{
	width: 146px;
	float: left;
	margin: 0 16px 0 0;
}
.names{
	width: 136px;
	background-color: #f6f6f6;
	margin: 5px 0 0 0;
	padding: 5px 5px;
}

/* newsletter form ---------------------------------------------------------------------*/
form#newsletterForm{
	margin: 0;
	padding: 0px;
	font-size: 11px;
	color: #515151;
	line-height: 15px;
}
form#newsletterForm input.normal{
	width: 216px;
	height: 16px;
	background: url(/images/emailInputNormal.gif) no-repeat;
	border: 0px;
	font-size: 10px;
	color: #515151;
	padding:2px 6px 2px 6px;
	margin: 0 0 10px 0;
}
form#newsletterForm input.homeEmailInput{
	width: 238px;
	height: 16px;
	background: url(/images/emailInput.gif) no-repeat;
	border: 0px;
	font-size: 10px;
	color: #515151;
	padding:2px 6px 2px 6px;
	margin: 0 0 10px 0;
}
form#newsletterForm input.subscribe{
	background: url(/images/subscribeBtn.gif) no-repeat;
	width: 79px;
	height: 21px;
	border: 0px;
	margin: 0;
}

/* artist info column ---------------------------------------------------------------------*/

#artistInfoColumn{
	width: 222px;
	float: left;
	margin: 0 0 45px 0;
}
#thumbsContainer{
	width: 690px;
	height: 500px;
	margin: 0;
	float: right;
}
#pageNumberBar{
	width: 690px;
	height: 30px;
}
.pagePos{
	margin: 10px 0 0 0;
	display: block;
	width: 95px;
	float: left;
	font-size: 10px;
}
.pageBox{
	width: 12px;
	height: 12px;
	background-color: #cccccc;
	color: #FFFFFF;
	display: block;
	float: left;
	margin: 7px 0 0 0;
	padding: 1px 8px 2px 8px;
}
.totalBox{
	width: 12px;
	height: 12px;
	background-color: #7f7f7f;
	color: #FFFFFF;
	display: block;
	float: left;
	margin: 7px 0 0 0;
	padding: 1px 8px 2px 8px;
}
img.iconRight{
	float: right;
	margin: 5px 0 0 0;
}
img.iconLeft{
	float: right;
	margin: 5px 5px 0 0;
}
/* Tables---------------------------------------------------------------------------------*/
table tr td{
	font-size: 11px;
}
table.suppliers tr td{
	vertical-align: top;
	padding: 5px 10px;
}
.tableHead{
	background: #717171;
	color: #FFF;
	padding: 5px 10px;
	font-size: 13px;
	height: 15px;
}
.tableTitle{
	background: #717171;
	color: #FFF;
	padding: 2px 10px;
	font-size: 13px;
	height: 15px;
	font-weight: bold;
}
.tableCellL{
	border-right: 1px solid #cccccc;
	padding: 10px 10px;
	border-bottom: 1px solid #cccccc;
	vertical-align: top;
}
.tableCellR{
	border-bottom: 1px solid #cccccc;
	padding: 10px 10px;
	vertical-align: top;
}
.tableCellLB{
	border-right: 1px solid #cccccc;
	valign: top;
	padding: 5px 10px;
	font-weight: bold;
	text-align: right;
}
.tableCellRB{
	valign: top;
	padding: 5px 10px;
}


.tableCellR_special{
	border-bottom: 1px solid #cccccc;
	valign: top;
	padding: 5px 10px;
	background-color: #fffecd;
}

.tableCellBar{
	border-bottom: 1px solid #cccccc;
	background-color: #e3e3e3;
	color:#717171;
	padding: 5px 10px;
}

table.profileTable tr td.tableCellL{
	font-weight: bold;
	text-align: right;
}
.formTextfield{
	width: 300px;
	height: 20px;
	padding: 5px 5px 0px 5px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 5px 0 5px 0;
}
.textarea{
	border: 1px solid #cccccc;
	width: 295px;
	height: 100px;
	padding: 5px 5px 0px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 5px 0;
}
select{
	padding: 2px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	margin: 5px 0 5px 0;
}
.saveBtn{
	background: url(/images/saveBtn.gif) no-repeat;
	width: 67px;
	height: 21px;
	border: 0px;
	margin: 5px 0;
}
.uploadBtn{
	background: url(/images/uploadBtn.gif) no-repeat;
	width: 67px;
	height: 21px;
	border: 0px;
	margin: 5px 0;
	cursor: pointer;
}
.apply{
	background: url(/images/apply.gif) no-repeat;
	width: 58px;
	height: 21px;
	border: 0px;
	margin: 5px 0;
}




.tableCellLine{	
	padding: 0px;
	vertical-align: top;
}
.tableCellRLine{
	padding: 0px;
	vertical-align: top;
	border-left: 1px solid #cccccc;
}
.notes{
	background-color: #FFFFCC;
}





.tableProfileL{
	border-right: 1px solid #cccccc;
	padding: 5px 10px;
}
.tableProfileR{
	padding: 5px 10px;
}
.innerCellL{
	padding: 2px 10px ;
	border-right: 1px solid #cccccc;
}
.innerCellR{
	padding: 2px 10px ;
}

/* other Styles---------------------------------------------------------------------------*/

.columnBlock {
border-bottom:1px solid #E5E5E5;
margin:0 0 20px;
overflow:hidden;
padding:0 0 14px;
}
.submitBtn{
	width: 86px;
	height: 30px;
	background: url(/images/submit.gif) no-repeat;
	border: 0px;
}
.copyright{
	float: right;
	margin: 10px 0 0 0;
}
.copyright a{
	text-decoration: none;
}

img{
	border: 0px;
}
img.online{
	margin: 0 0 10px 10px;
}
img.homeOnline{
	margin: 0 0 10px 20px;
}
img.imgLeft{
	float: left;
	margin: 0 10px 5px 0px;
}
img.imgRight{
	float: right;
	margin: 0 0 5px 10px;
}
.left{
	float: left;
}
.right{
	float: right;
}
.divider{
	height: 20px;
	background: url(/images/dividerBg.gif);
	margin: 0px;
	padding: 0px;
}
.dividerGrey{
	height: 20px;
	background: url(/images/dividerGrey.gif);
	margin: 0px;
	padding: 0px;
}

.checkboxPos{
	height: 20px;
	width: 20px;
	float: left;
	padding: 0px;
	margin: 8px 2px 0;
	padding: 0px;
	line-height: normal;
	font-size: 11px;
}
.textPos{
	float: left;
	width: 285px;
	margin: 10px 0;
	
}
#noMargin{
	margin: 0px;
	padding: 0px;
}
.clear{
	clear: both;
}
.marginLeft{
	margin: 10px 37px 0 0;
}
.greyBox{
	background-color: #EEEEEE;
	width: 127px;
	height: 104px;
}
.greyBoxImg{
	width: 146px;
	height: 97px;
}
.imgBox{
	width: 146px;
	height: 97px;
	background: url(/images/greyBox.gif) no-repeat;
}
.whiteBox{
	width: 127px;
	height: 104px;
	float: left;
}
.suppliersRegion ul{
	margin: 0px;
}
.pageNum ul.horizontalLinks{
	margin: 3px 0 0 0;
}



.option{
	height: 20px;
	display: block;
	width: 175px;
	float: left;
	padding: 15px 0 3px 5px;
}



/* Members style------------------------------*/
table.forumTable{

}
.tableHeadLight{
	background: #e8e8e8;
	color: #000;
	padding: 5px 10px;
	font-size: 13px;
	height: 15px;
	font-weight: bold;
}
.commentPostBox{
	width: 685px;
	height: 150px;
	border: 1px solid #e5e5e5;
}
#responsePanel {
	margin: 15px 0 0 0;
	}
.dateNameBG{
	float: left;
}
.commentDate{
	float: left;	
	color: #797979;
}
.commentAuthor{
	float: left;
	color: #0a9997;
}
.delete{
	float: left;
}
.left{
	float: left;
}
.lbOn{
	text-decoration: underline;
}
strong.fontSize13{
	font-size: 13px;
}


.threadAuthor{
	color: #0a9997;
}
.joined{
	color: #797979;
}
.grey{
	color: #797979;
}
.ligthGrey{
	color: #797979;
	font-weight: normal;
}
.formMsg{
	color: #FF0000;
	width: 300px;
}
/* wysiwyg table style=================================*/
table.editorBox td{
	border-bottom: 1px solid #cccccc;
	vertical-align: top;
	padding: 10px 10px;		
}
.innerTable{
	background: url(/images/tableBg.gif) repeat-y;	
}
.innerTableCellR{
	border-bottom: 1px solid #cccccc;
	vertical-align: top;
}
.innerCellL{
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	vertical-align: top;
	padding: 10px 10px;
}
.innerCellR{
	vertical-align: top;
	border-bottom: 1px solid #cccccc;
	padding: 10px 10px;
}
table.editorBox td.innerCellLineB{
	vertical-align: top;
	padding: 10px 10px;
	border-bottom: 0;
}

.member-discounts .detail {
	width: 100%;
	margin: 10px 0 10px;
	overflow: hidden;
	}

.member-discounts .blurb {
	width: 497px;
	float: right;
	}






/*------------------------- Homepage slideshow ----------------------------*/

.slideshow {
	width: 690px;
	height:460px;
	overflow: hidden;
	}
.slideshow-caption {
    /*background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);*/
    background: url(/images/slideshow-bg.png);
    color: #000000;
    font-size: 13px;
    height: 17px;
    margin: 433px 0 0;
    padding: 5px 10px;
    position: absolute;
    text-align: right;
    width: 670px;
}




/*------------------------- Social icons ----------------------------*/

.follow-fb, .follow-twitter, .follow-linkedin {
	display: block;
	float: left;
	width: 33px;
	height:33px;
	margin: 0 7px 0 0;
	text-indent: -5000px;
	background: url(/images/icon-follow.gif);
	}
.follow-twitter {
	background-position: -41px 0;
	}
.follow-linkedin {
	background-position: -82px 0;
	}
.follow-us {
	width: 100%;
	overflow: hidden;
	margin: 0 0 22px;
	}
	

/*-------------------------------- Dropdown menu ---------------------*/

#nav, #nav ul, #nav li {
	list-style-type:none;
	margin: 0;
	padding: 0;
	}
#nav li {
	float: left;
	}

#nav li ul { 
	position : absolute;
	left: -999em;
	z-index: 10;
	margin: 51px 0 0 0;
	overflow: hidden;
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
	box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
	float: none;
	width: 140px;
	overflow: hidden;
	}
#nav li ul li {
	float: none;
	}
#nav li ul li a {
    background: #7b7b7b;
    border-bottom: 1px solid #666;
    display: block;
    font-size: 11px;
    height: auto;
    padding: 10px;
	color : white;
    text-decoration: none;
    width: 120px;
}	
#nav li ul li a:hover {
	background-color: #323232;
	}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}








/*--------------------------------------- Find a Photographer mobile-friendly ------------------------------------*/
.assistant-search #searchPanel {
	margin: 0 0 30px;
}
#searchLeftColumn,
#membersMiddleColumn,
#searchPanel {
	height: auto !important;
	width: auto;
	float: none;
	overflow: hidden;
	}
#membersMiddleColumn {
	margin: 0 0 60px;
	width: 100%;
	overflow: hidden;
	}

#rightCheckboxContainer {
	display: none;
	}
#leftCheckboxContainer {
	height: auto;
	background: none;
	border: none;
	width: 100%;
	overflow: hidden;
	}


#searchPanel .divider {
	margin: 20px 0;
	}
.searchList, .searchList ul, searchList li,
#membershipList, #membershipList ul, #membershipList li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
ul.searchList {
    float: left;
    overflow: hidden;
    width: 24%;
}
form#join ul.searchList,
form#publicDetail ul.searchList  {
	width: 100%;
	float: none;
	}
ul.searchList li,
#membershipList li {
/*    border-bottom: 1px solid #e5e5e5;*/
	border: none;
	width: 193px;
	float: left;
	padding: 5px 0;
}
ul.searchList li {
	width: 100%;
	padding: 3px 0;
	}
ul.searchList li input {
	float: left;
	width: auto;
	margin: 0 5px 0 0;
	}

#membershipList {
    height: auto !important;
    overflow: auto;
	float: none;
    width: 1000px;
	margin: 25px 0 0 ;
}
.assistant-search #membershipList {
	width:763px;
}
.assistant-search #membershipList li {
	width: 152px;
}
#membershipList li img {
	vertical-align: middle;
	margin: 0 4px 0 0;
	}

.search-block {
	margin: 20px 0 0;
	}

#find-photographer #rightContent {
	display: none;
	}
.new-portfolios {
	margin: 30px 0 60px;
	width: 100%;
	overflow: hidden;
	}
.new-portfolios #imgContainer {
	margin: 0;
	}
#searchBySpecialityLocation .checkboxes {
	width: 70%;
	float: left;
	}
#searchBySpecialityLocation .location-search {
	float: right;
	width: 25%;
	margin-top: 49px ;
	}
	
#searchPanel .searchTextfield {
	width: 406px;
	}
.assistant-search .inputs {
	width: 100%;
	overflow: hidden;
	}
.assistant-search select {
	margin: 0 0 10px;
	}
#searchByNameBusinessName .searchIcon {
	margin-right: 30px;
	}
#searchByNameBusinessName #photographerNameSubmit {
	margin-right: 0;
	}
.icon-key {
	position: absolute;
	margin: -18px 0 0 561px;
	}
.search-options {
    border-top: 1px solid #DADADA;
    overflow: hidden;
    width: 100%;
}
.search-options .h2Bot {
	border: none;
	margin-top: 0;
	}
#searchBySpecialityLocation .searchBtnBox {
    float: right;
    height: auto;
    /*margin: 0 0 38px 652px;*/
    text-align: right;
    width: 286px;
	padding: 0;
}
#searchBySpecialityLocation .searchSubmit {
	overflow: hidden;
	}
	
	
	
	
	
	
/* ------------------------------ Portfolio drag n drop --------------------------------------*/

.yui3-dd-drop, .yui3-dd-drop li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
	width: 100%;
	}
.yui3-dd-drop li {
	float: left;
	width: 128px;
	height: 117px;
	margin: 0 10px 20px 0;
	}
.yui3-dd-drop li img,
.yui3-dd-proxy img {
	cursor: move;
	margin: 0 0 3px;
	max-width: 128px;
	max-height:96px;
	}
.yui3-dd-drop li a img {
	cursor: pointer;
	}
#saveSort {
	display: block;
	cursor: pointer;
	background: url(/images/save-sort-order.png);
	width: 143px;
	height:27px;
	text-indent: -5000px;
	text-transform: capitalize;
	margin: 0 0 10px;
	border: none;
	}
.yui3-dd-proxy {
	border: none !important;
	background: none !important;
	opacity: 1 !important;
	}