a, a:visited {
	text-decoration: none;
	color: #666666;
}

a:active, a:hover {
	text-decoration: none;
	color: #336633;
}

.alignCenter {
	text-align: center;
}

.alignRight {
	text-align: right;
}

.attention {
	color: red;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-right: 4px;
	width: 100%;
}

.authFormTable {
	border: 1px solid #cccccc;
	vertical-align: top;
}

.authTable {
	border: 1px solid #cccccc;
	margin-left: 20px;
	width: 100%;
}

body {
	background: #a9b3b3 url('http://www.filmtajm.ulven.se/images/layout/bg.gif');
	/* background: #a9b3b3 url('http://localhost/filmtajm/images/layout/bg.gif'); */
	background-repeat: repeat-x;
	color: #333333;
	font-family: sans-serif;
	font-size: 0.7em;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

.button {
	background-color: #eee;
	border: 1px solid #ccc;
	color: #333;
}

.buttonMarginLeft {
	background-color: #eee;
	border: 1px solid #ccc;
	color: #333;
	margin-left: 4px;
}

.buttonCell {
	margin-right: 4px;
	padding-right: 4px;
	text-align: right;
	white-space: nowrap;
}

.buttonCellPaddingTop {
	padding-top: 4px;
	text-align: right;
	white-space: nowrap;
}

.center {						/* bort? finns alignCenter istället... */
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: center;
}

#contentTable {
	height: 100%;
}

.dateCell {
	font-weight: normal;
	padding: 4px;
	text-align: right;
	width: 1px;
}

.dateCellItem {					/* bort? */
	padding-left: 4px;
	padding-right: 4px;
}

.dateInput {
	border: 1px solid gray;
	padding-left: 4px;
	padding-right: 4px;
}

.descCell {
	padding-top: 4px;
	padding-right: 4px;
}

.descCellItem {
	padding-left: 4px;
	padding-right: 4px;
}

.descInput {	
	padding-left: 4px;
	padding-right: 4px;
	width: 100%;
}

.fileInput {
	border: 1px solid gray;	
	padding-left: 4px;
	padding-right: 4px;
	width: 100%;
}

.fileInputCell {
	padding-top: 4px;
}

.footer {
	color: #fff;
	height: 1px;
	padding: 4px;
	text-align: center;
}

form {
	margin: 0px;
	padding: 0px;
}

.formTable {
	background-color: #efefef;
	border: 1px solid #cccccc;
	width: 100%;
}

.loginTable {
	background-color: #efefef;
	border: 1px solid #cccccc;
}

.fullWidth {
	vertical-align: top;
	width: 100%;
}

.gradeCell {
	margin: 0px;
	padding-left: 4px;
	padding-right: 4px;
	white-space: nowrap;
}

h1 {
	/* border-bottom: 1px solid lightgray; */
	color: #556555;
	font-size: 16pt;
	font-weight: normal;
	margin-bottom: 20px;
	width: 100%;
}

.heading {
	color: #556555;
	font-size: 12pt;
	font-weight: normal;
	padding-top; 15px;
	padding-bottom: 15px;
}

.halfWidth {
	width: 50%;
}

.headerLogoCell {
	height: 1px;
	padding: 0px;
	width: 100%;
}

.headerLogoutCell {
	height: 1px;
	padding: 4px;
	padding-right: 10px;
	vertical-align: bottom;
	white-space: nowrap;
	width: 1px;
}

hr {
	border: 0px;
	background-color: #ccc;	
	height: 1px;
}

html {
	height: 100%;
}

.icon {
	margin-right: 10px;
	vertical-align: top;
}

img {
	border: 0px;
}

.imageCell {
	padding: 4px;
	text-align: right;
	vertical-align: top;
}

#imageTable {
	/* background-color: #efefef; */
	border-top: 1px dashed gray;
	/* border-bottom: 1px dashed gray; */
	width: 100%;
}

input {
	border: 1px solid #ccc;
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding-left: 4px;
	padding-right: 4px;
}

.italic {
	font-style: italic;
}

#itemTable {
	/* background-color: #efefef; */
	border-top: 1px dashed gray;
	/* border-bottom: 1px dashed gray; */
	width: 100%;
}

#itemTableRow {
	border: 1px solid gray;
	width: 100%;
}

.labelCell {	
	padding-left: 4px;
	padding-right: 4px;
	text-align: right;
	white-space: nowrap;
	width: 1px;
}

.logout {
	padding: 4px;
	text-align: right;
	width: 100%;
	background-color: red;
}

#mainTable {
	/* background-color: #ffffff; */
	/* border-right: 1px solid #cccccc; */
	height: 100%;
	width: 760px;
}

.mainContentCell {
	background-color: #fff;
	border-left: 6px solid #ccc;
	border-bottom: 6px solid #ccc;
	border-right: 6px solid #ccc;
	height: 100%;
	padding: 20px 30px 20px 30px;
	vertical-align: top;
	width: 100%;
}

/* Navigering begin */
/*
#navbar {
	background-color: #dddddd;
	border-top: 4px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	height: 30px;
	padding-left: 24px;
	padding-bottom: 4px;
	vertical-align: bottom;
}

#navbar ul {
	height: 8px;
	padding: 2px 0;
	margin-left: 0px;
}

#navbar ul li {
	display: inline;
	list-style: none;
	margin: 0;	
}

#navbar ul li a {
	padding-top: 3px;
	padding-left: 6px;
	padding-bottom: 8px;
	padding-right: 6px;
	text-decoration: none;
}

#navbar ul li a:link {
	color: #666666;
}

#navbar ul li a:visited {
	color: #666666;
}

#navbar ul li a:link:hover, #navigation ul li a:visited:hover {
	background: #cccccc;
	border-top: 4px solid #666666;
	color: #000000;
}

#navbar ul li a#current {
	background: white;
	border-top: 4px solid #cc0000;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
*/
/* Navigering end */

.marginLeftRight {
	margin-left: 4px;
	margin-right: 4px;
}

.paddingLeftRight {
	padding-left: 4px;
	padding-right: 4px;
}

.paddingLeftRightNoWrap {
	padding-left: 4px;
	padding-right: 4px;
	white-space: nowrap;
}

.paddingLeftBottomRight {
	padding-left: 4px;
	padding-bottom: 4px;
	padding-right: 4px;
	white-space: nowrap;
}

.padding {
	padding: 4px;
}

.paddingFullWidth {
	padding: 4px;
	width: 100%;
}

.paddingLeftFullWidth {
	padding-left: 4px;
	width: 100%;
}

.paddingNoWrap {
	padding: 4px;
	white-space: nowrap;
}

.paddingTop {
	padding-top: 4px;
}

.paddingTopFullWidth {
	padding-top: 4px;
	width: 100%;
}

.paddingTopLeftFullWidth {
	padding-top: 4px;
	padding-left: 4px;
	width: 100%;
}

.paddingTopLeftRightFullWidth {
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	width: 100%;
}

.paddingRight {
	padding-right: 4px;
}

.pageNum {
	color: #666;
}

.pageNumActive {
	color: green;
	font-weight: bold;
}

.pageNumCell {	
	padding: 4px;
	text-align: center;
}

.recordTable {
	border: 1px solid #cccccc;
	margin-top: 10px;
	width: 100%;
}

.reviewTable {
	background: #efefef;
	border: 1px solid #cccccc;
}

select {
	border: 1px solid #ccc;
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.searchField {
	background-color: #eee;
	border: 1px solid #ccc;
}

table {
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.tableFoot {
	font-style: italic;
	padding: 4px;
	vertical-align: bottom;
	white-space: nowrap;
}

.tableFrame {
	border: 1px solid #cccccc;
	padding: 4px;
	width: 100%;
}

.tableFullXY {
	height: 100%;
	width: 100%;
}

.tableHead {
	background-color: #e4e4e4;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	padding: 4px;
}

.tableHeadDateCell {
	background-color: #e4e4e4;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	padding: 4px;
	text-align: right;
	white-space: nowrap;
}

.tableHeadFullWidth {
	background-color: #e4e4e4;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	padding: 4px;
	width: 100%;
}

.tableHeadHalfWidth {
	background-color: #e4e4e4;
	border-bottom: 1px solid #ccc;
	font-weight: bold;	
	padding: 4px;
	width: 50%;
}

.tableHeadNoWrap {
	background-color: #e4e4e4;
	border-bottom: 1px solid #ccc;
	font-weight: bold;	
	padding: 4px;
	white-space: nowrap;
}

.tableRowDark {
	background-color: #fefefe;
}

.tableRowLight {
	background-color: #f5f5f5;
}

.tableRowCell {
	padding-top: 2px;
	padding-left: 4px;
	padding-bottom: 2px;
	padding-right: 4px;
}

.text {
	padding: 4px;
	vertical-align: top;
}

.textAlignRight {
	padding: 4px;
	text-align: right;
	vertical-align: top;
}

.textAlignRightNoWrap {	
	padding: 4px;
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
}

textarea {
	border: 1px solid #ccc;
	font: 10pt verdana, geneva, lucida, 'lucinda grande', arial, helvetica, sans-serif;
	height: 200px;
	padding-left: 4px;
	padding-right: 4px;
	width: 100%;
}

.textFullWidth {
	padding: 4px;
	vertical-align: top;
	width: 100%;
}

.textNoWrap {	
	padding: 4px;
	vertical-align: top;
	white-space: nowrap;
}

.thumb {
	border: 0;
}

.titleCellItem {
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
	width: 100%;
}

.titleInput {
	border: 1px solid gray;	
	padding-left: 4px;
	padding-right: 4px;
	width: 100%;
}

#uploadTable {
	background-color: #eeeeee;
	border: 1px solid gray;
	width: 100%;
}

.warning {
	color: red;
	font-size: 11pt;
	font-weight: bold;
	padding-bottom: 10px;
	text-align: center;
}

/* CSS */

#navcontainer ul {
	background-color: #eee;
	border-top: 6px solid #ccc;
	border-left: 6px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 6px solid #ccc;
	list-style-type: none;
	margin: 0px;
	padding: .4em 1em;
}

#navcontainer ul li {
	display: inline;
}

#navcontainer ul li a {
	background-color: #eee;
	border-top: 6px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #333;	
	font-weight: bold;
	text-decoration: none;
	padding: .4em 1em;
}

#navcontainer ul li a:link a:visited {
	color: #666;
	background-color: #ddd;
	border-top: 6px solid #556555;
	border-bottom: 1px solid #ccc;
}

#navcontainer ul li a:active {
	color: #556555;
	background-color: #ddd;
	border-top: 6px solid #556555;
	border-bottom: 1px solid #ccc;
}

#navcontainer ul li a:hover {
	color: #556555;
	background-color: #ddd;
	border-top: 6px solid #666;
	border-bottom: 1px solid #ccc;
}

#navcontainer ul li a#current {
	background: white;
	border-top: 6px solid #556555;
	border-left: 1px solid #ccc;	
	border-bottom: 1px solid #fff;
	border-right: 1px solid #ccc;
}