/************** TOOLBAR *****************/
.frevvo-app img {
	border: none;
}

.frevvo-app a {
	outline:expression(hideFocus='true'); 
	outline:0; 
}

.frevvo-app h1 {
	margin-top: 0;
}
/*************************************
 +Application top icons
 *************************************/
#app-top-bar {
	width:100%;
	height:2.2em;
	float: left;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 10px auto 0 auto;
	padding: 0;
	text-align: center;
}
#app-top-bar .app-top-help,
#app-top-bar .app-top-name {
	float: left;
	font-size: 0.9em;
}
#app-top-bar .app-top-help {
	float: right;
}
#app-top-bar .app-top-item {
	float: right;
	/*width: 60px;*/
	padding-left: 4px;
	padding-right: 4px;
	
}
#app-top-bar .app-top-item a {
	text-decoration: none;
}

#app-top-bar .app-top-item a img {
	float: left;
	margin: 4px 4px 4px 0;
}

#app-top-bar .app-top-item a span {
	float: left;
	font-size: 0.8em;
}

.app-main {
	clear: both;
	float: left;
	margin: 10px;
	width: 560px;
	height: 250px;		/* For IE6. Overridden below for browsers that understand min-height */
	min-height: 250px;
}

#page-submissions .app-main {
	width: 98%;
}

html>body .app-main {
	height: auto;		/* Override setting from above */
}

.backlink {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
/************************************/
.a-list {
	width: 85%;
	font-size:0.9em;
}
.a-title {
	font-size: 1em;	
	width:38%;	
	float:left;
	margin-left:1%;
}
.a-name {
	width: 50%;
	float:left;
}
.a-icons {
	width:50%;
	float:right;
}
.a-icons a {
	float:right;
}

#threecolumn {
	position:relative;
}

#threecolumn .app-table {
	width:100%;
	clear:both;
	border-bottom: 1px solid #dadada;
}
#threecolumn .app-table tbody td {
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
	border-top: 1px solid #dadada;
}
#threecolumn .app-table tbody tr.lastrow td {
	border-bottom: 1px solid #dadada;
}
#threecolumn .app-table tbody td.ctr {
	width:40px;
	border-right: none;
	text-align: center;
	font-size: 1.5em;
}
/* Title */
#threecolumn .app-table .a-name {
	width:100%;
	background-color: #ebebeb;
	padding: 0;
}
#threecolumn .app-table .a-name:hover {
	background-color: #c0c0c0;
}
#threecolumn .app-table .a-name span,
#threecolumn .app-table .a-name a {
	padding: 5px 0 0 12px;
	float:left;
	width: 360px;				/* Want to make a large area clickable */
	text-decoration: none;
	color: #333;
}
#threecolumn .app-table .a-name .a-name-icons {
	float:right;
	width:120px;
}
#threecolumn .app-table .a-name .a-name-icons a {
	float:right;
	width: 15px;
	padding: 5px;
}
/* Form icons */
#threecolumn .app-table .a-icons {
	float:left;
	width:100%;
	padding:2px;
}
#threecolumn .app-table .a-icons a {
	float:left;
	text-decoration:none;
	color: #333;
	font-size:0.8em;
	padding: 0 6px;
	border-bottom: 1px solid #F1F8F1;
	border-right: 1px solid #F1F8F1;
}
* html #threecolumn .app-table .a-icons a {
	padding: 5px 7px;
}
#threecolumn .app-table .a-icons .languages img,
#threecolumn .app-table .a-icons a img {
	height: 16px;
	width: 16px;
	margin: -4px -1px -4px 0;
}
#threecolumn .app-table .a-icons a:hover {
	background-color: #eeffcc;
	border-bottom: 1px solid #ccddaa;
	border-right: 1px solid #ccddaa;
	color: #006600;
}
#threecolumn .app-table .a-icons .languages {
	float: left;
	font-size: 0.8em;
}

/*************************************
 +Templates pages
 *************************************/
#threecolumn .template-table tbody tr.lastrow-upper td.tags,
#threecolumn .template-table tbody tr.lastrow-upper td.categories,
#threecolumn .template-table tbody tr.lastrow-upper td.name {
	border-bottom: 1px solid #dadada;
}
#threecolumn .template-table thead tr {
	background-color: #DDDDDD;
}
#threecolumn .template-table thead tr th.tags,
#threecolumn .template-table thead tr th.categories,
#threecolumn .template-table thead tr th.name {
	border-right: 1px solid #dadada;
	border-left: 1px solid #dadada;
}
#threecolumn .template-table tbody tr td.beechwala {
	border-right: none;
	border-left: none;
}
/*************************************
 +Menu
 *************************************/
#page-application #menu-nav-applications,
#page-applications #menu-nav-applications,
#page-upload-theme #menu-nav-themes,
#page-themes #menu-nav-themes,
#page-upload-formType #menu-nav-formtypes,
#page-formtypes #menu-nav-formtypes,
#page-i18n-formType #menu-nav-formtypes,
#page-upload-schema #menu-nav-schemas,
#page-schemas #menu-nav-schemas,
#page-upload-schema #menu-nav-schemas,
#page-schema #menu-nav-schemas,
#page-submissions #menu-nav-submissions {
	background-color: #f1f8f1;
}

/*************** Applications Page ***************/
/* IE6 hacks for margins */
* html #page-applications .a-applications ul li h2 {
	/* font-size:1.3em; */
	margin-top:20px;
	margin-bottom:16px;
}
* html #page-applications .a-applications ul li p {
	margin-top:0px;
	margin-bottom:12px;
}
/* end of IE6 hack */

#page-applications .a-application {
	clear:both;
	background-color: #eeffcc;
	margin-top: 0.2em;
	padding: 10px;
}
/*************** Upload pages ***************/
#page-i18n-formType #center-content .app-main,
#page-upload-schema #center-content .app-main,
#page-upload-formType #center-content .app-main,
#page-upload-application #center-content .app-main {
	padding-top: 10px;
}

#page-i18n-formType #center-content .app-main ul {
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
}

#page-i18n-formType #center-content .app-main ul li {
	list-style-type: none;
}
#page-i18n-formType #center-content .app-main ul li a {
	text-decoration: none;
	color: #0000bb;
}

/*************** My Account ***************/
#page-my-account #manage-account {
}
#page-my-account #manage-account li {
	list-style-type: none;
}
#page-my-account #manage-account li a {
	text-decoration: none;
	color: #0000bb;
}
#page-my-account #manage-account li a:hover {
	color: #aa0011;
}
/*************** Licenses ***************/
#page-user .section {
	width:100%;
}
#configuration-table,	
#saasplan {
	width: 55%;
	border-collapse: collapse;
	font-size: 0.9em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	border: 1px solid #333;
}
#configuration-table {
	width: 80%;
}
#saasplan a {
	text-decoration: none;
	color: #0000bb;
}
#saasplan a:hover {
	color: #aa0011;
}
#configuration-table tbody tr.odd,
#saasplan tbody tr.odd {
	background-color: #dbdbdb;
}
#saasplan.expired tr.expiration {
	color: red;
	background-color: #eecccc;
}
textarea.license-area {
	margin-top: 15px;
}
/*************** Users Page ***************/
#page-users .a-user {
	clear:both;
	background-color: #eeffcc;
	margin-top: 0.2em;
	padding: 10px;
}
#page-users .a-licenses-user,
#page-users .a-login-user,
#page-users .a-new-user,
#page-users .a-edit-user,
#page-users .a-del-user {
	margin-left: 0.7em;
}
#page-users .a-letters {
	clear:both;
	margin: 15px 0;
	margin-left: 1%;
}
#page-users .a-letters a {
	margin-right: 1%;
	text-decoration: none;
	color: #0000aa;
}
/*************** Edit User Page ***************/
#page-user #enabled, #page-user #transient,
#page-user #download, #page-user #saas {
	width: 1em;
}
/*************** Themes Page ***************/
#page-themes .a-theme {
	clear:both;
	background-color: #eeffcc;
	margin-top: 0.2em;
	padding: 10px;
}
#page-themes .a-new-theme,
#page-themes .a-edit-theme,
#page-themes .a-del-theme,
#page-themes .a-get-theme {
	margin-left: 0.7em;
}

#page-theme #theme-enabled {
	width: 1em;
}

/*************** Formtypes Page ***************/
#page-formtypes .a-formtype {
	clear:both;
	background-color: #eeffcc;
	margin-top: 0.2em;
	padding: 10px;	
}
#page-formtypes .a-formtype div {
	margin-top: 0.25em;
}
/*************************************
 +Common to Wizards
 *************************************/
#f-wizard #busy-indicator {
 	display:block;
 	height: 16px;
 	width: 16px;
 	float: right;
 	margin: 10px 10px;
 }
#f-wizard #busy-indicator span {
	visibility: hidden;
}
#f-wizard .s-busy {
	background: url(/frevvo/images/indicators/indicator_flower.gif);
	background-repeat: no-repeat;
}
#f-wizard .s-disabled {
	color: #aaa;
}
#f-wizard .separator {
}
#f-wizard .separator span {
	visibility: hidden;
}
#f-wizard #error-message {
	color: #aa0011;
}
#f-wizard a {
	text-decoration: none;
}

#f-wizard #login {
	border: 1px solid #ababab;
	padding: 1px 10px;
}
#f-wizard .c-wizard-content td label {
	padding-left: 7px;
}
#f-wizard .c-wizard-content a {
	color: #aa0011;
}
#f-wizard .c-wizard-content a:focus,
#f-wizard .c-wizard-content a:active,
#f-wizard .c-wizard-content a:hover {
	color: red;
}
/*************************************
 +Form/Doc Actions Wizards
*************************************/
#form-actions-wizard .separator span,
#doc-actions-wizard .separator span {
	visibility: hidden;
}
#uris-info-panel,
#actions-info-panel {
	font-size: 0.9em;
	font-weight: bold;
}
#uris-info-panel {
	margin-top: 15px;
}
#form-actions-wizard .quick-help a,
#doc-actions-wizard .quick-help a {
	color: #aa0011;
	text-decoration: none;
	padding-right: 10px;
}
#form-actions-wizard .quick-help a:focus,
#form-actions-wizard .quick-help a:active,
#form-actions-wizard .quick-help a:hover,
#doc-actions-wizard .quick-help a:focus,
#doc-actions-wizard .quick-help a:active,
#doc-actions-wizard .quick-help a:hover {
	color: red;
}
.actions-panel {
}
.actions-panel .actions {
 	padding: 5px 10px;
 	width: 100px;
}
.actions-panel .actions a {
	text-decoration: none;
	display: block;
	width: 100px;
	height: 100px;
	color: #333;
	padding: 10px;
	border: 1px solid #dfdfdf;
}
.actions-panel .actions a.selected {
	border: 1px solid #aa0011;
}
.actions-panel .actions a:focus,
.actions-panel .actions a:active,
.actions-panel .actions a:hover {
	color: red;
}
.actions-panel .actions a .action-img {
	float: left;
	height: 40px;
	margin-left: 25px;
	width: 100%;
	cursor: pointer;
}
.actions-panel .no-action a .action-img {
	margin-left: 30px;
	margin-top: 10px;
}
.actions-panel .actions .action-desc {
	float: left;
	font-size: 0.8em;
	text-align: center;
	width: 100%;
	cursor: pointer;
}
.actions-panel .actions a.selected .action-desc {
	color: #aa0011;
}
/*************************************
 +New Form Wizard
*************************************/
#f-wizard td {
 	border: none;
}
#f-wizard .c-wizard {
	border: 1px solid #dadada;
	height: 290px; /* this height works well for IE7 */
}
#f-wizard .c-wizard-content {
	float: left;
	width: 400px; /* this width works well for IE6/7 */
	height: 100%;
	font-size: 0.9em;
	padding-top: 10px;
}
#f-wizard .c-wizard-content .c-wizard-content-info {
	font-size: 0.9em;
	padding: 10px 5px;
}
#f-wizard .c-wizard-info {
	float: left;
	width: 180px;
	border-left: 1px solid #dadada;
	height: 100%;
}
 
#f-wizard .buttons {
	margin-top: 15px;
}

#f-wizard .buttons a {
	cursor: pointer;
	float: right;
	border: 1px solid #dadada;
	padding: 0 20px;
	margin-left: 10px;
	width: 40px;
	font-size: 0.9em;
}

#f-wizard .buttons a:focus,
#f-wizard .buttons a:active,
#f-wizard .buttons a:hover {
	color: red;
}

#f-wizard .buttons #captcha-error,
#f-wizard .buttons #upload-file-error,
#f-wizard .buttons #upload-file-feedback {
	float: left;
	font-size: 0.9em;
	background-repeat: no-repeat;
	background-position: 6px center;
	padding-left: 30px;
}
#f-wizard .buttons #upload-file-feedback {
	background-image: url(/frevvo/images/indicators/indicator_snake.gif);
}

#f-wizard .buttons #captcha-error,
#f-wizard .buttons #upload-file-error {
	background-image: url(/frevvo/images/icons/error.gif);
	color: red;
}

#f-wizard .generic-info-head,
#f-wizard #form-info-head,
#f-wizard #email-info-head,
#f-wizard #theme-info-head,
#f-wizard #template-info-head {
	padding: 3px 10px;
	width: 100%;
	border-bottom: 1px solid #dadada;
	font-size: 1.1em;
	font-weight: bold;
	display: block;
}
#f-wizard input,
#f-wizard textarea,
#f-wizard select {
	border: 1px solid #dadada;
	visibility:visible !important; 	/* makes the dropdown visible in IE7 */
	margin: 0;
}

#f-wizard #app-choices {
	width: 95%;
	margin: 30px 0 0 30px;
	display: block;
}

#f-wizard #app-choice {
	margin-left: 30px;
	width: 80%;
}
#f-wizard #theme-choice {
	margin-left: 10px;
}

#f-wizard .generic-info-desc,
#f-wizard #form-info-desc,
#f-wizard #email-info-desc,
#f-wizard #theme-info-desc,
#f-wizard #template-info-desc {
	padding: 10px;
	width: 100%;
	display: block;
	font-size: 0.9em;
}
#f-wizard .generic-info-desc .note {
	color: #1111aa;
}
#f-wizard #template-choice {
	font-size: 19px;
	margin: 20px;
	width: 360px;
}
/*************************************
 +Test Form popup
 *************************************/
 #test-form td {
 	border: none;
 }
 #test-form td .link {
 	text-decoration: none;
 	display: block;
 	padding-left: 60px;
 	cursor: pointer;
 }
 #test-form td .desc {
 	float: left;
 	width: 100%;
 }
/*************************************
 +Share Form popup
 *************************************/
.share-form {
}
.share-code {
 	float: left;
 	width: 385px;
 	padding: 5px 10px;
}
.share-code-code {
}
.share-method {
 	width: 300px;
 	float: right;
 	margin: 0;
 	padding: 5px 10px;
 	background-color: #d6ebe5;
	font-size: 0.9em;
}
* html .share-method {
	margin-left: 0;
}
#share-links {
	margin-top: 20px;
}
#share-links a {
	text-decoration: none;
	padding: 3px 10px;
	display: block;
	margin-bottom: 10px;
	border: 1px solid #dadada;
	background-color: #e7fcf6;
	-moz-border-radius: 10px;
}
#share-links a:hover {
	background-color: #fffbcf;
}
#share-links a.s-selected {
	background-color: #fffbcf;
}
#share-instructions {
	font-size: 0.9em;
}
#share-instructions ol {
}
#share-instructions ol li {
	font-weight: bold;
}
#share-instructions ol li div {
	font-weight: normal;
}
#share-instructions .share-note {
	-moz-border-radius: 12px;
	background-color: #fffbcf;
	padding: 10px;
	line-height: 1.3em;
	margin-left: 18px;
}
#share-instructions .share-note b {
	margin-right: 5px;
}
.s-shareform-lightbox textarea {
	margin: -3px 23px;
	display: block;
	overflow-x: hidden;
	overflow-y: scroll;
	border: 1px solid #dadada;
	font-family: "Lucida Grande",Tahoma,Arial,sans-serif;
	font-size: 0.9em;
}
.s-shareform-lightbox textarea.area2 {
	margin-top: 20px;
}
.s-shareform-lightbox #share-code-page textarea,
.s-shareform-lightbox #share-code-embed textarea {
	width:95%;
}

.s-shareform-lightbox #share-code-form textarea,
.s-shareform-lightbox #share-code-iframe textarea,
.s-shareform-lightbox #share-code-link textarea {
	overflow-x: scroll;
	overflow-y: hidden;
	width:95%;
}

/*************** Documents Page ***************/
#page-documents .a-formtype {
	clear: both;
	background-color: #eeffcc;
	margin-top: 0.2em;
	padding: 10px;
}
#page-documents .a-formtype a {
	color: #006600;
}
#page-documents .a-document {
	clear:both;
}
#page-documents .a-del-document,
#page-documents .a-view-metadata,
#page-documents .a-view-document,
#page-documents .a-get-document {
	margin-left: 0.7em;
}

#page-documents .a-documents ul {
	margin:0;
	padding:0;
}
#page-documents .a-documents li {
	list-style-type: none;
	margin: 0 0 0 1em;
	padding: 0;
}

/*************** Register Page *****************/
/*
#register {
	margin-left:72%;
}

* html #register {
	margin-left:12%;
}
*/

/*************** Sign Up Page *****************/

/*************** Upload schema/theme pages *****************/
#page-schema a {
	color: #333;
}
/*************** Bugs/Suggestions Page ***************/
#page-bug #submit {
	margin-left:66%;
}
#page-suggestion #submit {
	margin-left:72%;
}
/*************** Message Action Page ***************/
#page-message-action .message {
	padding-right: 5em;
	margin: 10px 10px 10px 0;
}
#page-message-action .try-frevvo {
	margin-top: 20px;
	padding: 10px;
	background-color: #97c46f;
}
#page-message-action .try-frevvo a {
	color: #006600;
}
/*************** Unsupported Browser Page ***************/
#page-unsupported-browser li {
	list-style-type: none;
}
#page-unsupported-browser a {
	color:#333;
}