/************************************************************************/
/*								General									*/
/************************************************************************/

html,
body,
table,
input,
textarea {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

html,
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	border: none;
	background: #FFFFFF;
}

table {
	border: none;
	border-spacing: 0px;
	border-collapse: collapse;
}

td {
	border: none;
	padding: 0px;
	text-align: left;
	vertical-align: top;
}

a:link,
a:visited,
a:active {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #0000FF;
	font-weight: bold;
	text-decoration: none;
}

h1 {
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 20px 5px;
}

h2 {
	font-size: 13px;
	font-weight: bold;
	margin: 0px 0px 10px 5px;
}

h3 {
	font-size: 13px;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
}

img {
	border: none;
	vertical-align: top;
}

form {
	margin: 0px;
}

input.text {
	border: 1px solid #000000;
}

input.short {
	width: 60px;
}

input.normal {
	width: 100%;
}

input.button {
	
}

input.checkbox {
	
}

input.radio {
	
}

input.file {
	
}

select {
	border: 1px solid #000000;
}

legend {
	-moz-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #000000;
	background: #EEEEEE;
	padding: 0px 10px 0px 10px;
}

.littleHeading {
	font-weight: bold;
}

.littleHeadingText {
	
}



/************************************************************************/
/*							Mobile Device Simulation					*/
/************************************************************************/

table#mobileDevice {
	width: 357px;
	height: 731px;
	margin-top: 10px;
}

table#mobileDevice td#top {
	width: 357px;
	height: 128px;
	background: url('../img/mobile_device_top.png');
}

table#mobileDevice td#middleLeft {
	width: 56px;
	height: 320px;
	background: url('../img/mobile_device_middle_left.png');
}

table#mobileDevice td#middleCenter {
	width: 240px;
	height: 320px;
}

table#mobileDevice td#middleRight {
	width: 61px;
	height: 320px;
	background: url('../img/mobile_device_middle_right.png');
}

table#mobileDevice td#bottom {
	width: 357px;
	height: 283px;
	background: url('../img/mobile_device_bottom.png');
}

iframe#displayFrame {
	width: 240px;
	height: 320px;
	margin: 0px;
	border: none;
	padding: 0px;
}



/************************************************************************/
/*									Main								*/
/************************************************************************/

table#mainTable {
	/* Width and height are dynamically defined in index.jsp and will be 
	overwritten if JavaScript is supported. */
	width: 100%;
	height: 100%;
}

td#menuCell {
	width: 100%;
	height: 10%;
}

td#contentCell {
	width: 100%;
	height: 90%;
}

iframe#contentFrame {
	/* Width and height are dynamically defined in index.jsp and will be 
	overwritten if JavaScript is supported. */
	width: 100%;
	height: 100%;
	margin: 0px;
	border: none;
	padding: 0px;
}

div#contentContainer {
	min-width: 170px;
	height: 90%;
	padding: 10px 5px 10px 5px;
}



/************************************************************************/
/*									Menu								*/
/************************************************************************/

table#menuTableNotLoggedIn {
	width: 100%;
	height: 100%;
}

table#menuTableNotLoggedIn td#mainCell {
	width: 100%;
	height: 100%;
	background: url('../img/login_header.png') repeat-x;
}

img.menuImage {
	/* Width and height are dynamically defined in index.jsp and will be 
	overwritten if JavaScript is supported. */
	width: 30px;
	height: 30px;
	min-width: 16px;
	min-height: 16px;
	max-width: 30px;
	max-height: 30px;
}



/************************************************************************/
/*									Login								*/
/************************************************************************/

table#loginTable {
	width: 100%;
}

table#loginTable td {
	padding: 3px;
	/*vertical-align: middle;*/
}

table#loginTable td#languageTextCell,
table#loginTable td#userNameTextCell,
table#loginTable td#passwordTextCell {
	white-space: nowrap;
}

table#loginTable td#languageInputCell,
table#loginTable td#userNameInputCell,
table#loginTable td#passwordInputCell {
	
}

table#loginTable td#errorMessageCell {
	color: #FF0000;
	padding: 10px 0px 10px 0px;
}

table#loginTable td#submitCell {
	/*text-align: center;*/
}

fieldset#loginFieldset {
	min-width: 140px;
	max-width: 300px;
	padding: 5px;
}

input.login {
	width: 98%;
	max-width: 120px;
}



/************************************************************************/
/*									Overview							*/
/************************************************************************/

table#overviewTable td {
	padding: 5px 5px 3px 5px;
}

table#overviewTable td#iconCell_worksheets,
table#overviewTable td#iconCell_folders,
table#overviewTable td#iconCell_tasks,
table#overviewTable td#progressCell {
	padding: 5px 8px 3px 5px;
}

table#overviewTable td#iconCell_folders,
table#overviewTable td#progressCell {
	text-align: right;
}

table#overviewTable td#errorMessageCell {
	color: #FF0000;
}



/************************************************************************/
/*									Task								*/
/************************************************************************/

table#taskTable,
table#memoTable {
	width: 100%;
}

table#taskTable td,
table#memoTable td {
	padding: 5px;
}

table#taskTable tr.taskRow td {
	background: #EEEEEE;
}

table#taskTable tr.answerRow td,
table#memoTable tr.answerRow td {
	background: #FFEDB7;
}

table#taskTable td#answerCell {
	border-top: 5px solid #FFFFFF;
}

table#taskTable td#infoButtonCell,
table#taskTable td#memoButtonCell,
table#taskTable td#statusCell,
table#memoTable td#backToTaskButtonCell {
	text-align: right;
}

textarea.answer,
textarea.memo {
	width: 100%;
	height: 105px;
	border: 1px solid #000000;
}

table#choiceAnswerTable td,
table#multiTextAnswerTable td {
	padding: 3px;
}

span#progressDisplay,
span#progressDisplay img {
	vertical-align: middle;
}

span#progressDisplay {
	display: none;
}



/************************************************************************/
/*									Info								*/
/************************************************************************/

div#infoContainer {
	text-align: left;
}

img.infoImage {
	border: 2px solid;
}

object.info_text {
	width: 100%;
	height: 200px;
	border: 1px solid #000000;
}

object.info_audio {
	
}

object.info_video {
	
}

object.info_application{
	width: 100%;
	height: 50%;
}



/************************************************************************/
/*									Chat								*/
/************************************************************************/

form#chatForm {
	height: 100%;
}

table#chatTable {
	width: 100%;
	height: 100%;
}

table#chatTable td {
	padding: 2px;
}

table#chatTable td#chatHistoryCell {
	
}

table#chatTable td#buttonCell {
	text-align: right;
}

iframe#chatHistoryFrame {
	width: 100%;
	height: 100%;
	margin: 0px;
	border: 1px solid #000000;
	padding: 0px;
}

textarea#chatMessageInput {
	width: 100%;
	height: 48px;
	border: 1px solid #000000;
}



/************************************************************************/
/*								Chat History							*/
/************************************************************************/

div#chatHistoryContainer {
	padding: 3px;
}

table#chatHistoryEntryTable {
	width: 100%;
	margin-bottom: 15px;
}

table#chatHistoryEntryTable td {
	padding: 3px 5px 3px 5px;
	vertical-align: bottom;
}

table#chatHistoryEntryTable td#nameCell {
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-radius-topleft: 10px;
	border-radius-bottomleft: 10px;
	font-weight: bold;
}

table#chatHistoryEntryTable td#dateCell {
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-radius-topright: 10px;
	border-radius-bottomright: 10px;
	font-size: 11px;
	text-align: right;
}

table#chatHistoryEntryTable td#messageCell {
	/* border-bottom: 1px solid #CCCCCC; */
}

table#chatHistoryEntryTable td.color1 {
	background: #F6DA92;
}

table#chatHistoryEntryTable td.color2 {
	background: #BCCEEA;
}

table#chatHistoryEntryTable td.color3 {
	background: #C8E5B3;
}

table#chatHistoryEntryTable td.color4 {
	background: #FCBCB5;
}

table#chatHistoryEntryTable td.color5 {
	background: #E0BAEB;
}

table#chatHistoryEntryTable td.color6 {
	background: #E1E1E1;
}

table#chatHistoryEntryTable td.color7 {
	background: #D9BC93;
}

table#chatHistoryEntryTable td.color8 {
	background: #B5E8E7;
}

span.loginNotification,
span.logoutNotification {
	font-weight: normal;
	font-style: italic;
	vertical-align: bottom;
}

span.unlockNotification {
	font-weight: normal;
	font-style: italic;
	vertical-align: bottom;
}

span.unlockNotificationText {
	font-weight: normal;
	font-style: italic;
}

span.unlockedFolderName {
	font-weight: bold;
	font-style: italic;
}

img.chatIcon {
	vertical-align: bottom;
}