@CHARSET "UTF-8";

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

DIV.formTitle {
	margin: 0px;
	padding: 5px;
	color: #FFFFFF;
	font-size: 12px;
	text-align: right;
}

DIV.form {
	margin: 0px;
	padding: 5px;
	text-align: center;
	font-size: 12px;
}

TABLE.form {
	margin: 0px auto;
	font: normal normal 12px tahoma;
}

TABLE.form TD {
	vertical-align: top;
	padding: 2px;	
}

TABLE.form TD.caption {
	text-align: left;
	white-space: nowrap;
}

TABLE.form TD.data {
	text-align: right;
}

TABLE.form TD.des {
	color: #999999;	
}


TABLE.form TD.sep {
	height: 10px;
}

TABLE.form TD.sp {
	width: 10px;
}

TABLE.form TD.droppableCaption {
	text-align: center;
	font-weight: bold;
}

/* DRAG and DROP */

div.draggable {
	border: 1px solid #888;
	margin: 2px 1px;
	padding: 1px;
	background-color: #DDD;
	cursor: pointer;
	text-align: center;
}

div.droppable {
	width: 200px;
	min-height: 50px;
	border: 1px solid #EEE;
	padding: 5px;
	margin: 1px;
}

div.droppableHover {
	width: 200px;
	border: 1px solid #BBB;
	padding: 5px;
	background-color: #EEE;
}

/* FROM COMPONENTS */

INPUT.text {
	border: 1px solid #197090;
	padding: 1px;
	font: normal normal 12px tahoma;
	background-color: #b3e8fc;	
}

INPUT.title {
    width: 200px;
}

TEXTAREA {
	border: 1px solid #197090;
	padding: 1px;
	font: normal normal 12px tahoma;
	background-color: #b3e8fc;	
}

INPUT.username, INPUT.password, INPUT.email, INPUT.date {
	width: 10em;
	direction: ltr;
}

INPUT.name {
	width: 10em;
}


INPUT.filename {
	width: 30em;
	direction: ltr;
}

INPUT.title {
	width: 30em;
}

TEXTAREA.content {
	width: 30em;
	height: 30em;
}

INPUT.tel {
	width: 12em;
	direction: ltr;
}


INPUT.button {
	border: 1px groove #000000;
	background-color: #197090;
	color: #b3e8fc;
	font: normal bold 10px tahoma;
	padding: 2px;
	text-align: center;
    min-width: 60px;
}

INPUT.free-button {
	border: 1px groove #000000;
	background-color: #197090;
	color: #b3e8fc;
	font: normal bold 10px tahoma;
	padding: 2px;
	text-align: center;
}

SELECT {
	border: 1px solid #197090;
	padding: 1px;
	font: normal normal 12px tahoma;
	background-color: #b3e8fc;	
}

DIV.board {
	padding: 3px 1px;
	min-height: 10px;
}

INPUT#newGroupButton {
	background-color: transparent; 
	border: none; 
	color: #00a1af;
	cursor: pointer; 
	font: normal bold 10px tahoma;
	border: none;
}

INPUT#newGroupButton[disabled] {
	background-color: transparent;
	color: #AAAAAA;
}

INPUT[disabled], TEXTAREA[disabled], SELECT[disabled] {
	background-color: #CCCCCC;
	color: #AAAAAA;
}


/* GRID */

TABLE.grid {
	width: 100%;
	border-collapse: collapse;
	background-color: white;
}

TABLE.grid Td {
	vertical-align: top;
	padding: 2px;
	border: 1px solid #9e82c1;
}

TABLE.grid TD.title {
	background-color: #3d225e;
	text-align: center;
	color: #FFFFFF;
}

TABLE.grid TD.odd {
	border: 1px inset;	
}

TABLE.grid TD.even {
	border: 1px inset;
}

/* DETAILS */

TABLE.details {
	margin: 0px 10px;
	font: normal normal 12px tahoma;
}

TABLE.details TD {
	vertical-align: top;
	padding: 2px;	
}

TABLE.details TD.caption {
	text-align: right;
	white-space: nowrap;
	color: #444488;
}

TABLE.details TD.data {
	text-align: right;
	font-weight: bold;
}

TABLE.details TD.des {
	color: #999999;	
}


TABLE.details TD.sep {
	height: 10px;
}

TABLE.details TD.sp {
	width: 10px;
}

/* ------------------------ */

IMG.button {
	cursor: pointer;
}