.container{
	border : 1px solid green;
	width : 900px;
	margin-top : 5px;
	font-family : "arial";
}

.header{
	height : 80px;
	
}

body{
	margin-top : 0px;
}

/* table */
.table{
	margin-top : 30px;
	border : 1px solid green;
	font-size : 12px;
}

.tableWorks, .tablePoems, .tableDiary, .tableBiography, .tableTechniques, .tablePassions{
	margin-top : 10px;
	border : 1px solid green;
	font-size : 12px;
}

.tableTitle{
	background-color : green;
	color : white;
	font-size : 16px;
	font-weight : bold;
	height : 20px;
}

.tableTitle2{
	color : green;
	font-size : 13px;
	font-weight : bold;
	font-style : italic;
	height : 20px;
}

.tableElementAdmin{
	border : 1px solid green;
	font-family : "arial";
	height : 200px;
}

.tableWorkElementAdmin{
	height : 200px;
	width : 200px;
	float : left;
}

.tableDataElementAdmin{
	float : left;
	width : 300px;
	height : 200px;
}

.tableActionElementAdmin{
	float : left;
	width : 198px;
	height : 200px;
}

.tableDataLabelAdmin{
	margin-top : 2px;
	margin-left : 5px;
	border-bottom : 1px solid black;
}

.tableDataValueAdmin{
	color : #999999;
	margin-left : 5px;
}

.tablePoemElement{
	height : 210px;
	width : 210px;
	float : left;
	padding : 5px 5px 5px 5px;
}

.tableDiaryElement{
	height : 210px;
	width : 210px;
	float : left;
	padding : 5px 5px 5px 5px;
}

.tablePoemElementDetail{
	width : 394px;
	float : left;
	margin : 5px 0px 0px 5px;
	overflow : auto;
}

.tablePoemPhotoDetail{
	height : 600px;
	width : 400px;
	float : left;
	border-left : 1px solid green;
}

.tableDiaryPhotoDetail{
	height : 600px;
	width : 400px;
	float : left;
	border-right : 1px solid green;
}

.tableWorkElement{
	height : 220px;
	width : 220px;
	float : left;
	text-align : center;
}

.tableWorkElementDetail{
	height : 600px;
	width : 600px;
	border-bottom : 1px solid green;
	border-right : 1px solid green;
	float : left;
	text-align : center;
}

.workTitle{
	margin-bottom : 5px;
	float : left;
	font-weight : bold;
	font-size : 12px;
}

.workDescription, .diaryDescription{
	margin-bottom : 5px;
	float : left;
	color : #999999;
	font-style : oblique;
	font-size : 12px;
}

/* link */
a{
	text-decoration : none;
}

a:visited{
	text-decoration : none;
}

.workLink div{
	filter : progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  	-moz-opacity: 0.5;	
}

.workLink:hover div{
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1;
}

.poemLink div{
	font-family : "arial";
	width : 200px;
	background : white;
	filter : alpha(opacity=50);
  	-moz-opacity: 0.5;	
	color : black;
	text-align : left;
}

.poemLink:hover div{

	filter: alpha(opacity=100);
 	-moz-opacity: 1;
}

.diaryLink div{
	font-family : "arial";
	width : 200px;
	background : white;
	filter : alpha(opacity=50);
  	-moz-opacity: 0.5;	
}

.diaryLink:hover div{
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1;
}

/* form */
.form{
	border : 1px solid green;
	margin-top : 30px;
	font-size : 12px;
}

.formTitle{
	background-color : green;
	color : white;
}

.formLabel{
	padding-top : 3px;
	margin-top : 5px;
	margin-bottom : 5px;
	margin-left : 5px;
	float : left;
	font-weight : bold;
}

.formLabelDisabled{
	padding-top : 3px;
	margin-top : 5px;
	margin-bottom : 5px;
	margin-left : 5px;
	float : left;
	color : #dddddd;
	font-style : italic;
}

.formValue, .formButton{
	margin-top : 5px;
	margin-bottom : 5px;
}


.formError{
	color : red;
	height : 15px;
	margin-left : 5px;
}

/* input */
input.text{
	font-family : 'Arial'; 
  	font-size : 12px;
}



/* button */
.button{
	float : left;
	text-align : center;
	text-decoration : none;
	padding-left : 3px;
	width : 80px;
	border: 1px solid #efed06;
	font-size : 12px;
	color : #efed06;
	background-color : green;
}

.button:hover{
	text-decoration : none;
	background-color : #efed06;
	color : green;
}

.button2{
	float : left;
	text-align : center;
	text-decoration : none;
	padding-left : 3px;
	width : 80px;
	border: 1px solid #efed06;
	font-size : 12px;
	color : green;
	background-color : #efed06;
}

.button2:hover{
	text-decoration : none;
	background-color : green;
	color : #efed06;
	border: 1px solid #efed06;
}



/* menu */
.menu{
	border : none;
	background-color : green;
	font-size : 12px;
	height : 15px;
}

.menuSection{
	float : left;
	text-decoration : none;
	padding-left : 3px;
	width : 80px;
	border-right : 1px solid white;
	color : white;
	background-color : green;
}

.menuSection:hover{
	text-decoration : none;
	background-color : #5ad91b;
}

.menuSelected{
	background-color : #ebd91b;
	color : green;
	
}