@charset "utf-8";
@charset "utf-8";

/* Developed by Kaleido Group */
/* Ready for IE6, IE7, Firefox, Opera and Safari */

/* --------------- Standard ----------------- */ 

p { margin-top: 0px;  margin-bottom: 1em; }

h1 { margin-top: 0px; margin-bottom: 0px; }

h2 { margin-top: 20px; margin-bottom: 3px; }

h3 { margin-top: 0px; margin-bottom: 3px; }

hr { color: #666666; }

body {
	margin: 0px auto;
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

.error {
    background-color: inherit;
    color: #b41b1b;
}

/* --------------- Login ----------------- */ 

.login_general {
	margin: 0px auto;
	margin-top: 50px;
	text-align: center;
	display: table;
}

#login_general_container {
	width: 550px;
	background-image: url(../img/background_general.gif);
	background-repeat: repeat-y;
	border: 1px solid #CCCCCC;
	text-align: left;
	display: table;
}

#login_general_container #left {
	float: left;
	width: 50px;
	height: 350px;
	background-color: #a9d1e0;
	background-image: url(../img/background_left.jpg);
	background-repeat: repeat-x;
}

#login_general_container #right {
	float: left;
	width: 460px;
	padding: 20px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* only Safari */
    #login_general_container #right { width: 458px; }
}

#login_general_container #right #logo {
	width: 120px;
	height: 86px;
	background-image: url(../img/logo_calenco.png);
	background-repeat: no-repeat;
}

#login_general_container #right #login {
	margin-top: 40px;
}

#login_general_container #right #login form {
	padding: 0px;
	margin: 0px;
}

#login_general_container #right .container-label {
	float: left;
	width: 90px;
	line-height: 20px;
	margin-top: 20px;
}

#login_general_container #right .container-control {
	float: left;
	width: 370px;
	line-height: 20px;
	margin-top: 20px;
}

#login_general_container #right .container-control input {
	width: 188px;
	line-height: 20px;
	border: 1px solid #CCCCCC;
	color: #333333;
}

#login_general_container #right .container-error {
	float: left;
	width: 370px;
	margin-left: 90px;
	line-height: 20px;
	color: #b41b1b;
}

#login_general_container #right .log_in {
	float: left;
	width: 280px;
	margin-top: 20px;
	text-align: right;
}	

#login_general_container #right .log_in_input {
	height: 20px;
	border: none;
	background-color: #CCCCCC;
	color: #333333;
	font-weight: bold;
	font-size: 12px;
	margin: 0px;
	padding-bottom: 0px;				/* all */
	padding-bottom: 5px; !important;	/* Firefox + Safari + IE7 */
	*padding-bottom: 0px; !important;	/* Only IE7 */
	cursor: pointer;
}


/* --------------- Workspace ----------------- */ 

#workspace_general_container {
	width: 960px;
	background-image: url(../img/background_general.gif);
	background-repeat: repeat-y;
	border: 1px solid #CCCCCC;
	display: table;
}

#workspace_general_container #left {
	float: left;
	width: 50px;
	height: 410px;
	background-color: #a9d1e0;
	background-image: url(../img/background_left_workspace.jpg);
	background-repeat: repeat-x;
}

#workspace_general_container #right {
	float: left;
	width: 870px;
	padding: 20px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* only Safari */
	#workspace_general_container #right { width: 858px; }
}

#workspace_general_container #right fieldset {
	padding-bottom: 20px;
	margin-bottom: 20px;
}

#workspace_general_container #right .container-label {
	float: left;
	width: 120px;
	line-height: 20px;
	margin-top: 20px;
	margin-left: 20px;
}

#workspace_general_container #right .container-control {
	float: left;
	width: 650px;
	line-height: 20px;
	margin-top: 20px;
}

#workspace_general_container #right .container-control input {
	width: 188px;
	line-height: 20px;
	border: 1px solid #CCCCCC;
	color: #333333;
}

#workspace_general_container #right .container-error {
	float: left;
	width: 650px;
	margin-left: 140px;
	line-height: 20px;
	color: #b41b1b;
}

#workspace_general_container #right .supported_langs {
	margin-top: 20px;
	margin-left: 20px;
}

#workspace_general_container #right .supported_langs .td_supp {
	text-align: center;
}

#workspace_general_container #right #container-buttons {
	padding-bottom: 20px;
}

#workspace_general_container #right .btn_submit {
	height: 20px;
	border: none;
	background-color: #CCCCCC;
	color: #333333;
	font-weight: bold;
	font-size: 12px;
	margin: 0px;
	padding-bottom: 0px;				/* all */
	padding-bottom: 5px; !important;	/* Firefox + Safari + IE7 */
	*padding-bottom: 0px; !important;	/* Only IE7 */
	cursor: pointer;
}

h1 {
    font-size: 24px;
    color: #666;
    background-color:inherit;
}

h2 {
    font-size: 18px;
    color:#225289;
    background-color:inherit;
}

#h2_items {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 0px;
	display: table;
}

#h2_items h2 {
	width: 300px;
	margin: 0px;
	float: left;
}

#h2_items form {
	float: left;
	margin: 0px;
}

h3 {
    font-size: 12px;
    background-color:inherit;
}

.panel {
	width: 480px;
	text-align: left;
}

.panel ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.panel li {
	border: 1px solid #CCCCCC;
	margin: 20px 0px 0px;
}

.panel li a {
	height: 40px;
	color: #666666;
	text-decoration: none;
	font-size: 14px;
	line-height: 40px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	padding-left: 15px;
}

.panel img {
	border: 0px;
}

.panel li.active a:hover {
	text-decoration: underline;
}

.sButton {
	background: url(../img/bullet_arrow_light_blue.png) no-repeat left center;
	margin-right: 10px;	
}

.sButton a {
	color: #333333;
	background-color:inherit;
	text-decoration: none;
	margin-left: 12px;
}

.sButton a:hover {
	color: #333333;
	background-color:inherit;
	text-decoration: underline;
}

.sButton a img {
    border: 0px;
}

#user-prefs {
	float: right;
	font-weight: bold;
}
	
#user-prefs .sButton {
	background: url(../img/bullet_arrow_dark_blue.png) no-repeat left center;
	margin-right: 10px;
	margin-left: 5px;
}

#user-prefs .sButton a {
	color: #333333;
	background-color:inherit;
	text-decoration: none;
	margin-left: 12px;
	font-weight: normal;
	line-height: 15px;
}

#user-prefs .sButton a:hover {
	color: #333333;
	background-color:inherit;
	text-decoration: underline;
}

#content-div {
	margin-top: 10px;
}

.warn {
	margin-top: 5px;
}

p.inline-help {
	width: 650px;
}


/* ------------------ View project -------------------- */

#tree-div {
	float:left;
}

#menu-div {
	border: 1px solid #CCCCCC;
	float: right;
	padding: 10px;
	width: 400px;
	left: 530px;
	position: fixed;
	z-index: 1;
	background-color: #FFFFFF;
}

#menu-div h4 {
	font-size: 12px;
	font-weight: bold;
}

#m-links-div {
	float:left;
}

#m-links-div img {
	border: none;
}

#m-links-div a {
	color: #333333;
	text-decoration: none;
}
#m-links-div a:hover {
	color: #333333;
	text-decoration: underline;
}

#m-info-div {
	float:right;
}

#m-info-div table {
	border: none;
}