/*
author: KND
copyright: Copyright (c) 2008 KND Web Development
*/

/*=========================================*/
/* layout */
#projectMenu li, #peopleMenu li{
	float: left;
	display: inline;
	list-style: none;
	padding: 0px;
}
#projectMenu li a, #peopleMenu li a{
	display: block;
	margin-right: 25px;
}

#content{margin: 25px 0px 0px 0px;}

.infoBx{padding: 5px 10px 10px 10px;}
.infoBx a{color: #F00;}
.infoBx a:hover{text-decoration: underline;}

.clear{clear: both;}

.textarea_description {
    width: 500px;
    height: 200px;
}

div#defaultDataDiv{
	/*text-align: justify;*/
	width: 750px;
}

p.error{color: #F00; margin-left: 20px; padding: 5px 0px;}



/*=========================================*/
/* admin */
h3#loginHeader{margin: 0px 0px 10px 20px;}
form#loginForm{margin-left: 20px;}
form#loginForm label{display: block; float: left; width: 122px;}
form#loginForm input.loginInput, form#loginForm input#loginSubmit{
	background: #222222;
	border: #222 1px solid;
	color: #FFF;
	float: left;
	font-size: 1.0em;
	margin-bottom: 5px;
	padding: 3px;
}
form#loginForm input.loginInput{border-bottom: #444 1px solid; width: 150px;}
form#loginForm input#loginSubmit{margin-left: 122px;}


/*=========================================*/
/* generic content for news, awards, publication...etc */
/* item */
.itemYr, .itemDesc{float: left; padding: 2px 0px;}
.itemYr{
	width: 123px;
}
.itemDesc{
	width: 630px;
}
.itemDesc div.articleId{display: none;}
.itemHeading{
	font-size: 1.0em;
	font-weight: normal;
	/*padding: 0px 0px 5px 0px;*/
	padding: 0px 0px 0px 0px;
}
.itemHeading:hover{
	color: #FF0000;
	cursor: pointer;
}
.itemShrtDesc{
	font-style: italic;
	margin-bottom: 5px;
}
.itemLongDescWrapper{
	/*margin: 0px 0px 10px 0px;*/
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	text-align: justify;
}
.itemLongDesc{
	padding-bottom: 10px;
	padding-top: 2px;
}
.itemLongDesc h2{
	font-size: 1.1em;
	padding: 0px 0px 5px 0px;
}
.itemImages{
	padding: 15px 0px;
	text-align: left;
}
.itemImages a img{
	/*border: #222 1px solid;*/
}
.itemImages a:hover img{
	/*border: #C33 1px solid;*/
}
.itemImage{
	height: 75px;
	/*width: 75px;*/
}
.itemLink a{
	display: block;
	padding: 2px 0px;
	width: 100%;
}
.itemLink a:hover{
	color: #F00;
}
.closeItemBtn{
	display: block;
	padding: 5px 0px;
	text-align: right;
	width: 100%;
}
.itemLoading{
	background: #222 url(../images/dark-loading.gif) no-repeat scroll center !important;
}
/* admin generic */
.itemLongDescWrapper .genericSubmitBtn{
	background: #F0F0EE;
	border: #F0F0EE 1px solid;
	border-top: #CCC 1px solid;
	color: #222;
	font-size: 1.0em;
	margin:10px 5px 10px 0px;
	padding: 3px;
	width: 100px;
}
.itemLongDescWrapper .imgUploadBtn{
	width: 150px;
}
.itemLongDescWrapper h2{
}
.itemLongDescWrapper fieldset{
	border: #F0F0EE 1px solid;
	margin-top: 5px;
	width: 303px;
}
.itemLongDescWrapper fieldset legend{
	color: #FFF;
}
.itemLongDescWrapper #divStatus{
	color: #666;
	margin-top: 5px;
}
.itemYr label, .itemHeading label, .itemShrtDesc label, .itemLink label, .itemLinkAdmin label{
	font-style: normal;
	font-weight: normal;
	display: block;
	font-size: 1.1em;
	padding: 3px;
}
.itemYr input, .itemHeading input, .itemShrtDesc input, .itemLink input, .itemLinkAdmin input{
	background: #FFF;
	border: #FFF 1px solid;
	border-bottom: #CCC 1px solid;
	color: #222;
	display: block;
	font-size: 1.0em;
	margin: 3px 0px 0px 0px;
	padding: 3px;
}

.itemYr input{width: 100px;}
.itemHeading input, .itemShrtDesc input{width: 583px;}
.itemLinkAdmin input{width: 299px;}

.itemImages span{
	display: block;
	float: left;
	overflow: hidden;
	width: 80px;
}
.itemImages span a{
	display: block;
}
.itemImages a.removeImgBtn{
	left: 1px;
	position: relative;
	top: -21px;
}
.itemImages a.removeImgBtn img{
	border: 0px;
}
.itemLinkAdmin span{
	display: block;
	padding: 3px 0px;
}
.itemLinkAdmin span img{
	padding-left: 5px;
	vertical-align: middle;
}
.itemLinkAdmin h2{
	font-size: 1.1em;
	padding: 10px 0px 5px 0px;
}

#addGCForm{
	width: 700px;
}
#addGCForm label{
	display: block;
}
#addGCForm input{
	background: #222;
	border: #222 1px solid;
	border-bottom: #444 1px solid;
	color: #FFF;
	font-size: 1.0em;
	margin: 3px 0px 10px 0px;
	padding: 3px;
	width: 300px;
}


/*=========================================*/
/* about us */
#aboutUs{
	width: 700px;
}


/*=========================================*/
/* gallery & project photographs */
#slideshowWrapper{
	overflow: hidden;
	width: 800px;
}
#imgContainer{
	width: 100000px;
}
#imgContainer li{
	list-style: none;
	margin-left: 5px;
	float: left;
}
#imgContainer a{
	/*border: #222 1px solid;*/
	display: block;
}
#imgContainer a:hover{
	/*border: #F00 1px solid;*/
}
/* admin */
#imgContainer a.adminPane{
	border: 0px;
	padding-top: 2px;
}
#add_gallery_item_form{margin-top: 15px;}
#add_gallery_item_form label{
	font-style: normal;
	font-weight: normal;
	display: block;
	font-size: 1.1em;
	padding: 3px;
}
#add_gallery_item_form select{
	background: #FFF;
	border: #FFF 1px solid;
	border-bottom: #CCC 1px solid;
	color: #222;
	display: block;
	font-size: 1.0em;
	margin: 3px 0px 0px 0px;
	padding: 3px;
}
#add_gallery_item_form #gallery_project_images{margin-top: 15px;}


/*=========================================*/
/* contact us */
#contactDetail, #contactForm{
	float: left;
}
#contactDetail{
	width: 632px;
}
#tblContact{
	margin-bottom: 0px;
	margin-bottom: 4px !important;
	width: 300px;
}
#tblContact tr td{
	padding: 0px 0px 10px 0px;
}
#tblContact .contactTblHeading{
	width: 124px;
}
/* admin */
#contactDetail input{
	background: #FFF;
	border: #FFF 1px solid;
	border-bottom: #CCC 1px solid;
	color: #222;
	font-size: 1.0em;
	margin: 3px 0px 0px 0px;
	padding: 3px;
}
/* contact us form */
#fmContactUs label{
	display: block;
}
#fmContactUs input, #fmContactUs select, #fmContactUs textarea{
	background: #222;
	border: #222 1px solid;
	color: #FFF;
	font-size: 1.0em;
	margin: 3px 0px 10px 0px;
	padding: 3px;
}
#fmContactUs .contactUsTxtfld{
	border-bottom: #444 1px solid;
	width: 290px;
}
#fmContactUs select{
	border-bottom: #444 1px solid;
	width: 298px;
}
#fmContactUs select option{
	padding: 2px 0px;
}
#fmContactUs textarea{
	border-bottom: #444 1px solid;
	width: 290px;
	height: 155px;
	height: 151px !important;
}
#fmContactUs .contactUsBtn{
	width: 100px;
}
#contactForm .infoBx{
	width: 276px;
}


/*=========================================*/
/* search */
.search_div input#search_value{
	background: #222222;
	border: #222 1px solid;
	border-bottom: #444 1px solid;
	color: #FFF;
	font-size: 1.0em;
	margin: 3px 0px 10px 0px;
	padding: 3px;
	width: 300px;
}
.search_div input#search_submit{
	background: #222222;
	border: #222 1px solid;
	color: #FFF;
	font-size: 1.0em;
	margin-left: 5px;
	padding: 2px;
}


/*=========================================*/
/* individual project concept */
#pjConcept{
	width: 700px;
}
div#projectConceptDiv{
	/*text-align: justify;*/
	width: 750px;
}


/*=========================================*/
/* individual project photos */
/* admin */
.pjPhotoBxAdmin fieldset{
	border: #F0F0EE 1px solid;
	margin-top: 5px;
	width: 413px;
}
.pjPhotoBxAdmin fieldset legend{
	color: #FFF;
}
div#additional_details_admin_data fieldset#fsUploadProgress{
	border: #F0F0EE 1px solid;
	margin-top: 5px;
	width: 199px;
	
}
div#additional_details_admin_data div#divStatus{
	color: #666;
	margin: 5px 0px;
}
div#additional_details_admin_data div#prjPhotoBrowseBtn, div#additional_details_admin_data div#prjPhotoCopyrightFld{
}
div#additional_details_admin_data div#prjPhotoBrowseBtn span, div#additional_details_admin_data div#prjPhotoCopyrightFld span{
	display: block;
	float: left;
	width: 100px;
}div#additional_details_admin_data div#prjPhotoBrowseBtn input, div#additional_details_admin_data div#prjPhotoCopyrightFld input{
	float: left;
	margin-bottom: 5px;
}
div#additional_details_admin_data div#prjPhotoCopyrightFld input#photo_copyright{
	width: 92px;
}
div#additional_details_admin_data div#prjPhotoSubmit input#photo_submit{
	margin-left: 100px;
}
.pjPhotoBxAdmin #divStatus{
	color: #666;
	margin-top: 5px;
}
.pjPhotoBxAdmin label{
	float: left;
	font-style: normal;
	font-weight: normal;
	display: block;
	font-size: 1.1em;
	padding: 3px;
	width: 100px;
}
.pjPhotoBxAdmin input, .pjPhotoBxAdmin textarea{
	background: #FFF;
	border: #FFF 1px solid;
	border-bottom: #CCC 1px solid;
	color: #222;
	display: block;
	float: left;
	font-size: 1.0em;
	margin: 3px 0px 0px 0px;
	padding: 3px;
	width: 300px;
}
.pjPhotoBxAdmin textarea{height: 100px;}
.pjPhotoBxAdmin input.pjPhotoSubmitBtn{padding: 2px; width: auto;}
.pjPhotoBxAdmin input.txtFldHidden{display:none}


/*=========================================*/
/* individual project data */
.pjDataHeading{
	padding: 0px 0px 10px 0px;
}
.pjDataTbl{
	margin: 0px 0px 10px 0px;
	width: 700px;
}
.pjDataTbl td{
	padding: 0px 5px 5px 0px;
}
.pjDataTbl td ul li{
	list-style: none;
	padding: 0px 5px 5px 0px;
}
.pjDataTblHead{
	vertical-align: top;
	width: 165px;
}
/* admin */
.pjDataTbl td input, .pjDataTblHead select{
	background: #FFF;
	border: #FFF 1px solid;
	border-bottom: #CCC 1px solid;
	color: #222;
	font-size: 1.0em;
	margin: 3px 0px 0px 0px;
	padding: 3px;
}
.pjDataTbl td input{width: 200px;}
.pjDataTblHead select{width: 150px;}
.pjDataTbl td input.pjDataAddBtn{
	background: #FFF;
	border: #FFF 1px solid;
	border-bottom: #CCC 1px solid;
	color: #222;
	font-size: 1.0em;
	margin: 3px 0px 0px 0px;
	padding: 2px 3px 2px 3px;
	width: 40px;
}


/*=========================================*/
/* individual project video */
#pjVideos, #pjVideoPlayer{
	float: left;
}
#pjVideos{
	width: 625px;
}
#pjVideoPlayer{
}
.pjVideoBx{
	margin-bottom: 35px;
}
.pjVideoThumb, .pjVideoDesc{
	float: left;
}
.pjVideoThumb{height: 100px; overflow:hidden; width: 100px;}
.pjVideoThumb a img{
	/*border: #222 5px solid;*/
}
.pjVideoThumb a:hover img{
	/*border: #C33 5px solid;*/
}
.pjVideoDesc{
	margin-left: 22px;
	width: 400px;
}
.pjVideoDesc h1{
	padding-bottom: 5px;
}
.pjVideoDesc p{
	text-align: justify;
}
/* admin */
.pjVideoBxAdmin{
	margin-bottom: 25px;
}
.pjVideoBxAdmin fieldset{
	border: #F0F0EE 1px solid;
	margin-top: 5px;
	width: 413px;
}
.pjVideoBxAdmin fieldset legend{
	color: #FFF;
}
.pjVideoBxAdmin #divStatus{
	color: #666;
	margin-top: 5px;
}
.pjVideoBxAdmin label{
	float: left;
	font-style: normal;
	font-weight: normal;
	display: block;
	font-size: 1.1em;
	padding: 3px;
	width: 100px;
}
.pjVideoBxAdmin input, .pjVideoBxAdmin textarea{
	background: #FFF;
	border: #FFF 1px solid;
	border-bottom: #CCC 1px solid;
	color: #222;
	display: block;
	float: left;
	font-size: 1.0em;
	margin: 3px 0px 0px 0px;
	padding: 3px;
	width: 300px;
}
.pjVideoBxAdmin textarea{height: 100px;}
.pjVideoBxAdmin input.pjVideoSubmitBtn{; padding: 2px; width: auto;}
.pjVideoBxAdmin input.txtFldHidden{display:none}
form#add_project_video_form input#project_video_thumbnail_browse{
	margin-left: 5px;
}


/*=========================================*/
/* individual project drawing */
.pjDrawingBx{
	width: 750px;
}
.pjDrawingBx h1{
	display: inline;
	float: left;
	font-weight: normal;
	margin: 0px 25px 0px 0px !important;
	margin: 0px 24px 0px 0px;
	padding: 2px 0px;
	width: 340px;
}
.pjDrawingBx p{
	text-align: justify;
}
/* admin */
.pjDrawingBxAdmin fieldset{
	border: #F0F0EE 1px solid;
	margin-top: 5px;
	width: 413px;
}
.pjDrawingBxAdmin #divStatus{
	color: #666;
	margin-top: 5px;
}
.pjDrawingBxAdmin label{
	float: left;
	font-style: normal;
	font-weight: normal;
	display: block;
	font-size: 1.1em;
	padding: 3px;
	width: 100px;
}
.pjDrawingBxAdmin input, .pjDrawingBxAdmin textarea{
	background: #FFF;
	border: #FFF 1px solid;
	border-bottom: #CCC 1px solid;
	color: #222;
	display: block;
	float: left;
	font-size: 1.0em;
	margin: 3px 0px 0px 0px;
	padding: 3px;
	width: 300px;
}
.pjDrawingBxAdmin textarea{height: 100px;}
.pjDrawingBxAdmin input.pjDrawingSubmitBtn{padding: 2px; width: 50px;}
.pjDrawingBxAdmin input.txtFldHidden{display:none}


/*=========================================*/
/* individual project datasheet */
.pjDatasheetBxAdmin fieldset{
	border: #F0F0EE 1px solid;
	margin-top: 5px;
	width: 306px;
}
.pjDatasheetBxAdmin #divStatus{
	color: #666;
	margin-top: 5px;
}
.pjDatasheetBxAdmin label{
	float: left;
	font-style: normal;
	font-weight: normal;
	display: block;
	font-size: 1.1em;
	padding: 3px;
	width: 100px;
}
.pjDatasheetBxAdmin input#btnSubmit, .pjDatasheetBxAdmin input#btnCancel{
	background: #F0F0EE;
	border: #F0F0EE 1px solid;
	border-top: #CCC 1px solid;
	color: #222;
	font-size: 1.0em;
	padding: 3px;
	width: 150px;
}
.pjDatasheetBxAdmin input#btnSubmit{
	margin:10px 5px 10px 0px;
}
.pjDatasheetBxAdmin input#btnCancel{
	margin:10px 5px 10px 0px;
}



/*=========================================*/
/* individual people profile picture */
div#profile_picture_div{
	/*
	float: right;
	margin-right: 26px !important;
	margin-right: 15px;
	*/
	position: absolute;
	right: 25px;
}
div#profile_picture_admin_div{margin: 20px 0px 0px 20px;}
people_profile_picture{
	height: 120px;
	overflow: hidden;
	width: 120px;
}
form#add_person_profile_picture_form{margin-top: 5px; width: 120px;}
form#add_person_profile_picture_form fieldset{
	border: #F0F0EE 1px solid;
	margin-top: 5px;
	width: 118px;
}
form#add_person_profile_picture_form #divStatus{
	color: #666;
	margin-top: 5px;
}
form#add_person_profile_picture_form input#upload_profile_picture, form#add_person_profile_picture_form input#btnCancel{
	background: #F0F0EE;
	border: #F0F0EE 1px solid;
	border-top: #CCC 1px solid;
	color: #222;
	font-size: 1.0em;
	padding: 3px;
	width: 55px;
}
form#add_person_profile_picture_form input#upload_profile_picture{
	margin:10px 5px 10px 0px;
}
form#add_person_profile_picture_form input#btnCancel{
	margin:10px 0px 10px 0px;
}

/*=========================================*/
/* individual people about */
div#peopleAboutDiv, div#peopleOtherDiv{
	/*text-align: justify;*/
	width: 750px;
}
div#peopleAboutDiv p{
	margin: 0px 0px 10px 0px;
}


/*=========================================*/
/* individual people CV */
#pplCV{
	width: 700px;
}
#pplCV h1{
	padding: 0px 0px 5px 0px;
}
#pplCV table{
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px 0px 15px 0px;
}
#pplCV table td{
	padding: 0px 0px 5px 0px;
}
#pplCV table .pplYr{
	vertical-align: top;
	width: 157px;
}
#pplCV table .pplExhibitions p{
	padding: 0px 0px 5px 0px;
}
.cvArticle h1.itemHeading{font-weight: normal;}
.cvArticle div.itemDesc{padding-bottom: 0px;}


/*=========================================*/
/* individual people other */
#pplOther{
	width: 700px;
}


/*=========================================*/
/* version */
#version{padding-left: 20px;}
#kndLink{
	position: absolute;
	right: 10px;
	bottom: 10px;
}
#kndLink a{
	color: #222;
}