/* #######   Form styling   ########  */
form {
	padding: 0;
	margin: 0;
}

fieldset {
	padding: 10px;
	border: 1;
}

label, input, #register {
	font: bold 0.8em Arial, Verdana, Tahoma, non-serif;
	position: relative;
	/* float: left; */
}
legend {
	font: 0.8em Arial, Verdana, Tahoma, non-serif;
}
label {
	/* margin: 2px 0 0 0; */
	margin-right: 10px;
	text-align: top;
	top: 0;
	left: 0;
}
input {
	font: 0.85em Arial, Verdana, Tahoma, non-serif;
}

textarea {
	margin: 0 0 0 10px;
}
.radio {
	margin: 5px 10px 0 3px;
}
.radioChoice {
	float: left;
	margin: 0 0 7px 0;
	width: 140px;
}



	/* Form elements listing format */
#listing {
	font: 1em Arial,san-serif;
}
.label {
	font: bold 0.8em Arial, Verdana, Tahoma, non-serif;
	margin: 0 10px 2px 0;
}


.navigationList, .articlesList, .articlesList1, .listArticleMetaDesc, .userList, .categoryList {
	position: relative;
}
.listNavName, .listNavLink, .listNavPosition, .listNavTitle, .listNavCat, .listNavVisible,  .listArticleTitle, .listArticleEditor, .listArticleDate, .listArticleMetaDesc1, .listArticleContent, .listName, .listProfession, .listEmail, .listPhone, .listAddress, .listUserInfo, .listUsername, .listACL, .listCatName, .listCatDesc {
	position: absolute;
}


.navigationList {
	height: 80px;
	width: 100%;
	border: 1px solid #ccc;
}
.listNavName {
	top: 5px;
	left: 10px;
	font: bold 1.1em Verdana,san-serif;
}
.listNavLink {
	top: 8px;
	left: 300px;
}
.listNavPosition {
	top: 8px;
	left: 600px;
}
.listNavTitle {
	top: 30px;
	left: 10px;
}
.listNavCat {
	top: 30px;
	left: 600px;
}
.listNavVisible {
	top: 50px;
	left: 600px;
}


.articlesList{
	position: relative;
	width: 99%;
}
.articlesList1 {
	height: 96px;
	width: 99%;
}
.articlesList1 {
	border: 1px solid #ccc;
}
.listArticleTitle {
	top: 5px;
	left: 10px;
	font: bold 1.1em Verdana,san-serif;
}
.listArticleEditor {
	top: 8px;
	left: 50%;
}
.listArticleDate {
	top: 8px;
	right: 20px;
}
.listArticleMetaDesc {
	left: 10px;
}
.listArticleMetaDesc1 {
	top: 30px;
	left: 10px;
}
.listArticleContent {
	top: 76px;
	left: 10px;
}
#pdfContent {
	width: 99%;
}


.userList {
	height: 100px;
	width: 99%;
	border: 1px solid #ccc;
}
.listName {
	top: 5px;
	left: 20px;
	font: bold 1.1em Verdana,san-serif;
}
.listProfession {
	top: 8px;
	left: 200px;
}
.listEmail {
	top: 30px;
	left: 10px;
}
.listPhone {
	top: 30px;
	left: 250px;
}
.listAddress {
	top: 50px;
	left: 10px;
	/* height: 50px; */
	width: 250px;
}
.listUserInfo {
	top: 50px;
	left: 300px;
	/* height: 50px; */
	width: 300px;
}
.listUsername {
	top: 8px;
	left: 550px;
}
.listACL {
	top: 30px;
	left: 500px;
}


.categoryList {
	height: 100px;
	width: 49.5%;
	border: 1px solid #ccc;
}
.listCatName {
	top: 5px;
	left: 10px;
	font: bold 1.1em Verdana,san-serif;
}
.listCatDesc {
	top: 30px;
	left: 10px;
	height: 50px;
	width: 360px;
}



	/* Login form formats */
#loginForm {
	padding: 5px;
	width: 250px;	/* change accordingly to the sites space */
}

#setCookie {
	position: relative;
	left: 0;
}

#logoutMsg {
	position: absolute;
	bottom: 6px;
    right: 20px;
	z-index: 10;
	font: 0.8em Verdana, Tahoma, non-serif;
	z-index: 12;
}



	/* Content form formats */
.col1, .col2, .col3 {
	position: relative;
	float: left;
}
.col1 {
	width: 45%;
}
.col2 {
	text-align: left;
}

	
.navName, .navTitle, .navLink, .navCat, .position, .visible {
	position: relative;
	float: left;
	margin: 5px 20px;
}
#navName {
	width: 200px;
}
#navTitle {
	width: 260px;
}
#navLink {
	width: 80px;
}
.visible {
	width: 250px;
}


.articleTitle, .articleDate, .articleMetaDesc, .articleKeyWords, .articleContent, .navIdItems, .peopleId {
	position: relative;
	float: left;
	margin: 5px 20px;
}
.navIdItems, .peopleId {
	margin: 5px 20px;
}
#articleTitle {
	width: 200px;
}
#articleDate {
	width: 70px;
}
#articleKeyWords, #articleMetaDesc  {
	width: 500px;
}
#articleContent {
	width: 650px;
}
#contentCheck {
	margin: 5px 5px 0 5px;
}


.date, .language, .title, .fname, .lname, .name, .email, .email2, .subject, .phone, .city, .country, .address, .info, .peopleInfo, .username, .pwd, .peopleCatId, .message, .comment , .zipCode {
	position: relative;
	float: left;
	margin: 4px 20px 4px 0;
}
.message, .comment {
	margin: 2px;
}
#zipCode {
	width: 60px;
}
#username, #pwd {
	width: 80px;
}
#fname, #lname {
	width: 100px;
}
#city, #country, #phone {
	width: 120px;
}
#email, #email2 {
	width: 200px;
}
#address {
	width: 250px;
}
#info, #peopleInfo {
	width: 330px;
}

.peopleACL, .peopleDesc {
	margin: 2px 50px 2px 0;
}
#peopleDesc {
	height: 30px;
	width: 330px;
}

#subject {
	width: 250px;
}
#message {
	height: 200px;
	width: 400px;
}


	/* Calendar picker styling */
.birthday, .travelDate, .arrangement, .numPeople {
	position: relative;
	float: left;
	margin: 8px 20px 8px 0;
}
#birthday, #travelDate, #notSureTick {
	position: absolute;
	top: -6px;
	width: 180px;
}
#birthday {
	left: 60px;
}
#travelDate {
	left: 250px;
}
#notSureTick {
	left: 450px;
}
#notSure {
	top: 2px;
}


	/* Form message styling */
.error, .error2, .success, .required {
	min-width: 100px;
	font: bold 0.7em Arial, Verdana, Tahoma, san-serif;
}
.error {
	font: bold 1em Arial, Verdana, Tahoma, san-serif;
	color: #ff0000;
}
.error2 {
	max-width: 300px;
	font: bold 1em Arial, Verdana, Tahoma, san-serif;
	color: #ffffff;
	background-color: red;
}
.success {
	font: bold 1em Arial, Verdana, Tahoma, san-serif;
	color: #009933;
}
.required {
	position: relative;
	padding: 3px 0 3px 5px;
	color: blue;
	float: right;
}



	/* Submit button styling */
#submitLogin {
    font: small-caps bold 0.8em Arial,Verdana,Tahoma,non-serif;
	float: right;
	z-index: 12;
}


.submitBtn, .resetBtn, .submitListBtn {
	position: absolute;
	bottom: 10px;
	right: 30px;
	z-index: 20;
}
.submitBtn, .resetBtn, .submitListBtn {  /* IE9 hack */
	position: relative\9;
	float: right\9;
}
@media \0screen {
.submitBtn, .resetBtn, .submitListBtn {  /* IE8 hack */
	position: relative;
	float: right;
}

}
.submit, .reset, .submitUpdate, .submitDelete {
	font-variant: small-caps;
	z-index: 16;
}
.submit, .update {
	color: blue;
}
.reset, .delete {
	color: red;
}

.submitUpdate {
	position: absolute;
	bottom: 4px;
	right: 100px;
}
.submitDelete {
	position: absolute;
	bottom: 4px;
	right: 10px;
}



.clear {
	clear: both;
	height: .1em;
}